WRS - Personnalisation des couleurs et des polices de caractères

Le système de réservation Web de Clock PMS+ peut être personnalisé pour s'adapter à la palette de couleurs de votre site web et se conformer à vos constantes marketing.

1. Sélection des couleurs

Pour configurer la palette de couleurs de votre WRS, vous devez sélectionner quatre couleurs. (Voir l'exemple du schéma):

A. Arrière-plan. (Dans l'exemple : noir)

B. Couleur de la police (Dans l'exemple : blanc)

C. Couleur de la police du panneau (dans l'exemple : gris clair)

D. Couleur de la barre de titre et du cadre du panneau (dans l'exemple: gris foncé).

Le format de la couleur doit être:

HEX. Par exemple : #000000 pour le noir, #FFFFFF pour le blanc.

ou

RGB. Par exemple : rgb(0,0,0) pour le noir, rgb(255,255,255) pour le blanc.

Après avoir choisi vos couleurs, vous pouvez passer à l'étape suivante

2. Génération des fichiers CSS

Allez sur https://www.bootstrap-live-customizer.com/version/3.3.2/

Saisissez vos couleurs dans les champs ci-dessous:

А. Arrière-plan

Saisissez votre couleur d'arrière-plan dans ces 3 champs:

1. Section "Scaffolding", champ "@body-bg"
2. Section "Modals", champ "@modal-content-bg"
3. Section "Panels", champ "@panel-bg"

B. Couleur de la police

Saisissez votre couleur de police dans ces 2 champs:

1. Section "Scaffolding", champ "@text-color"
2. Section "Scaffolding", champ "@link-color"

C. Couleur de la barre de titre et du cadre du panneau

Entrez votre couleur dans ces 4 champs

1. Section "Panels", champ "@panel-default-heading-bg"
2. Section "Type", champ "@hr-border"
3. Section "Panels", champ "@panel-default-border"
4. Section "Tables", champ "@table-border-color"

D. Couleur de la police des panneaux

Entrez votre couleur dans le champ ci-dessous

1. Section "Panels", field "@panel-default-text"

Lorsque vous avez rempli tous les champs ci-dessus, cliquez sur le bouton "Télécharger" dans la barre de navigation en haut de l'écran et cliquez sur "bootstrap.min.css".

Enregistrez le fichier.

3. Téléchargement du fichier CSS dans le WRS

Trouvez le fichier téléchargé, "theme.min".

1. Connectez-vous à Clock PMS+
2. Si vous gérez plus d'un hôtel, sélectionnez l'hôtel souhaité.
3. Dans la bande de menu principal, sélectionnez "Web" - "Paramètres - Système de réservation Web".
4. Trouvez le paramètre "Personnaliser le CSS".
5. Cliquez sur "Télécharger bootstrap.min.css" et sélectionnez le fichier "theme.min".

C'est fait!

Ouvrez votre système de réservation en ligne et vérifiez que tout est en ordre.

4. Annulation ou modification des schémas de couleurs personnalisés

Pour annuler un schéma de couleurs personnalisé:

1. Sélectionnez "Web" - "Paramètres - Système de réservation en ligne".
2. Trouvez le paramètre "Personnaliser le CSS".
3. Cliquez sur les boutons "Supprimer" pour chaque fichier.

5. Modifier un schéma de couleurs personnalisé

Pour modifier un jeu de couleurs personnalisé, supprimez-le, puis générez et téléchargez de nouveaux fichiers comme décrit ci-dessus. Veillez à modifier le nom du nouveau fichier CSS, si nécessaire, afin qu'il ne corresponde pas au nom de l'ancien fichier. Si l'ancien et le nouveau fichier CSS portent le même nom, le système continuera à utiliser l'ancien, malgré le téléchargement d'un nouveau fichier CSS.