Personnalisez votre moteur de réservation et adaptez-le aux directives de votre marque. Cet article offre un aperçu général de la section Personnaliser de votre Cloudbeds Booking Engine.
Accéder à la section de personnalisation
- Dans votre menu Compte
, rendez-vous sur la page Paramètres
et cliquez sur la section Moteur de réservation
- Cliquez sur l’onglet Personnaliser
En savoir plus sur le Cloudbeds Booking Engine.
Options de personnalisation de Cloudbeds Booking Engine Plus
Cloudbeds Booking Engine Plus est une version repensée et améliorée de votre Cloudbeds Booking Engine.
Différences entre l’onglet de personnalisation standard et le nouveau Booking Engine Plus
Booking Engine standard
Les onglets de personnalisation du Booking Engine standard sont organisés selon un flux traditionnel page par page, comme on le voit couramment dans le processus de réservation. Les utilisateurs peuvent trouver différents champs adaptés à chaque étape du parcours de réservation, y compris un champ dédié à la page de confirmation pour intégrer les scripts pertinents au fonctionnement de cette page.
Booking Engine Plus
Le nouveau Booking Engine Plus fonctionne comme une application monopage, qui combine plusieurs pages (comme la page principale, la page d’hébergement, les détails du client, les détails de paiement et la page de confirmation)
Par conséquent, l’onglet de personnalisation du Booking Engine Plus reflète cette approche intégrée, et les utilisateurs constateront l’absence de champs individuels pour chaque composant de page, y compris le champ d’entrée de script de la page de personnalisation.
Pour personnaliser les scripts du Booking Engine Plus, les utilisateurs doivent simplement saisir les scripts pertinents une seule fois, car ils s’appliqueront à l’ensemble du parcours de réservation intégré de manière fluide sur une seule page (cela inclut les balises meta et le JavaScript)
- Le nouveau Booking Engine simplifie le processus de personnalisation en consolidant les saisies et en éliminant le besoin d’allocations de scripts spécifiques à chaque page.
Image à la une
Ce paramètre permet de déterminer l’image qui apparaît derrière le sélecteur de date sur la page d’atterrissage du moteur de réservation.
La taille maximale en pixels pour l’Image à la une est de 1600 x 1000. Si une image plus grande est téléversée, le système la redimensionnera/adaptera automatiquement à la taille prise en charge.
- Cliquez sur l’icône (x) dans le coin de l’image pour la supprimer, si nécessaire.
Arrière-plan de la page de réservation
Il s'agit de la couleur d'arrière-plan qui apparaîtra sur la page d'atterrissage du moteur de réservation si aucune image n'est sélectionnée pour l'image principale ou en cas de limitation du temps de chargement.
Afficher le logo de votre établissement comme vignette principale dans l’en-tête du moteur de réservation
- Définissez le paramètre « Afficher les photos de votre établissement sur la page de réservation ? » sur Non
- Téléversez votre logo aux dimensions d’image requises (270px x 270px)
Note : si le paramètre « Afficher les photos de votre établissement sur la page de réservation ? » est réglé sur Oui, les photos de votre établissement (vignettes) apparaîtront dans l’en-tête du moteur de réservation.
Paramètre de couleur principale
Il s'agit de la couleur principale qui apparaîtra sur tous les boutons d'appel à l'action, le sélecteur de date et les liens hypertextes Lire la suite de la section Conditions générales.
En savoir plus sur comment utiliser les sélecteurs de couleur dans cet article : Comment utiliser les sélecteurs de couleur pour personnaliser l'apparence et la marque de votre moteur de réservation.
Affichage des offres et tiroir « Afficher les offres / Masquer les offres »
Lorsque vous utilisez Cloudbeds Booking Engine Plus, les hébergements peuvent afficher une vue réduite par défaut. Cela introduit le tiroir « Afficher les offres / Masquer les offres » en bas de chaque carte d’hébergement.
Ce tiroir utilise une variation générée automatiquement de votre couleur principale. Même si la couleur de l’en-tête est différente, le tiroir ne l’héritera pas. Ce comportement est normal.
Le tiroir ne peut pas être recoloré individuellement via le panneau de personnalisation.
Si vous choisissez de remplacer sa couleur via CSS dans les « Balises méta personnalisées », veuillez noter que cet élément n’utilise pas de classe fixe. Par conséquent, les remplacements CSS peuvent ne pas rester stables.
Lien hypertexte du logo de l’établissement
Ce champ vous permet de lier votre logo à votre site web.
Personnaliser le texte « Pas de disponibilité » pour le moteur de réservation
Lorsqu’il n’y a pas de disponibilité pour qu’un client réserve une chambre, le moteur de réservation affiche un message par défaut. Cet article explique comment personnaliser ce texte « pas de disponibilité » afin qu’il corresponde mieux à la voix de votre marque et communique efficacement avec vos clients : Personnaliser le texte « Pas de disponibilité » pour le moteur de réservation.
Intégrer un code personnalisé
Personnalisez l’en-tête et le pied de page de votre moteur de réservation, ajoutez vos balises méta personnalisées et vos codes JavaScript.
Lors de l’enregistrement des modifications dans les champs de code personnalisé protégés du moteur de réservation, Cloudbeds peut vous demander de compléter une authentification multifacteur renforcée (MFA) avant que les modifications soient enregistrées. Cela concerne les champs sensibles tels que En-tête personnalisé, Pied de page personnalisé, Balises méta personnalisées et JavaScript.
En savoir plus : Authentification multifacteur renforcée pour les champs HTML et JavaScript personnalisés du moteur de réservation.
- Les champs En-tête personnalisé et Pied de page personnalisé vous permettent d’appliquer un code pour chaque langue sélectionnée. Cette fonctionnalité offre une grande flexibilité, mais doit être utilisée avec discrétion.
- N’oubliez pas de sélectionner la langue à laquelle vous souhaitez appliquer le code, puis collez le code pour chaque langue avec laquelle vous souhaitez travailler.
- Balises méta personnalisées : vous pouvez appliquer du code CSS à l’intérieur des balises <style></style>.
- JavaScript : n’appliquez que du code JavaScript dans cette section, encadré par les balises <script></script>.
Nous proposons plusieurs exemples et codes personnalisés pour travailler avec cette section. Vous pouvez les retrouver dans notre article : Booking Engine Plus - Codes de personnalisation les plus courants.
Commentaires
Vous devez vous connecter pour laisser un commentaire.