Changez les couleurs, photos et textes de votre moteur de réservations

Le formulaire de réservation peut prendre votre apparence et votre contenu : les couleurs viennent d'un champ de style prérempli que vous ajustez, chaque propriété reçoit une photo et un titre marketing dans les langues de vos invités, et des icônes d'équipements montrent d'un coup d'œil les caractéristiques de la propriété. Où se trouve quoi : couleurs, photos et titres vivent dans les réglages du moteur de réservations, tandis que les équipements derrière les icônes se cochent dans le créateur de site internet.

Avant de commencer

Ayez ceci prêt avant de mettre en forme le formulaire de réservation :

• Votre moteur de réservations configuré et affichant vos propriétés. Voir Comment configurer mon moteur de réservations ?.
• Une photo par propriété ; un format carré convient le mieux, et gardez un poids de fichier de 500 ko au maximum.

Le formulaire de réservation et votre site web se mettent en forme à des endroits différents

Les réglages de cet article ne changent que le moteur de réservations : le formulaire de réservation que les invités utilisent, qu'il soit intégré à votre site ou sur votre page de réservation Smoobu. Tout le reste de votre site web (pages, mise en page, polices, couleurs des pages, sections de texte) se modifie plutôt dans l'éditeur du créateur de site internet. Pour cela, voir Comment modifier mon site web ?.

Étapes

1. Ouvrez Configuration > Moteur de réservations. Sur l'onglet Paramètres des propriétés, choisissez une propriété.
2. Téléversez la Photo de la propriété : un format carré convient le mieux ; gardez-la à 500 ko au maximum. Les invités la voient comme vignette de la propriété dans les résultats de recherche du formulaire de réservation.
3. Saisissez un Titre marketing pour chaque langue dans laquelle vous accueillez des invités. Ce texte est le titre sur la carte de la propriété et le seul endroit pour une description écrite à côté des icônes d'équipements ; servez-vous-en donc pour décrire la propriété en mots. Les icônes elles-mêmes viennent des équipements que vous cochez pour la propriété sous Configuration > Créateur de site internet > Propriétés > Details & Photos.
4. Cliquez sur Sauvegarder et répétez les étapes 1 à 3 pour vos autres propriétés.
5. Passez à l'onglet Paramètres des outils de réservation et ouvrez la section Modifications CSS.
6. Le champ CSS personnalisé arrive prérempli avec une liste de réglages de couleurs (couleur de police, couleurs des boutons et de la marque, et plus). Remplacez les valeurs de couleur de cette liste par les couleurs de votre marque et laissez le reste de la structure tel quel. Aller au-delà de ces valeurs de couleur relève du développement web ; le support Smoobu n'écrit pas de CSS personnalisé pour vous.
7. Cliquez sur Sauvegarder.

Vérifier que cela a fonctionné

Cliquez sur Prévisualisation en haut à droite de la page du moteur de réservations. Chaque propriété montre sa photo en vignette et son titre marketing à côté des icônes d'équipements, et le formulaire utilise vos couleurs. Si le formulaire est intégré à votre site web, rechargez aussi cette page.

Problèmes fréquents

J'ai changé les couleurs mais mon site web a toujours le même aspect

C'est normal : le champ CSS personnalisé ne met en forme que le formulaire de réservation, pas les pages autour. Les couleurs, polices et mise en page de votre site web se modifient dans l'éditeur du créateur de site internet ; voir Comment modifier mon site web ?.

Les boutons de ma page Property Details ou Book Now ne correspondent pas aux couleurs de mon site

Ces deux pages sont construites par Smoobu, et leurs boutons gardent la couleur propre à Smoobu au lieu de suivre la couleur de bouton de votre Theme du créateur de site internet. Vous ne pouvez pas changer cela dans l'éditeur, mais le support Smoobu peut ajuster le style des boutons pour vous sur demande, ainsi que le texte anglais par défaut de la page Property Details. Voir Comment modifier mon site web ? pour ce qui est figé sur ces pages. C'est distinct du CSS personnalisé ci-dessus, qui met en forme le formulaire de réservation lui-même.

La même icône apparaît plusieurs fois à côté de ma propriété

Smoobu propose 44 équipements mais 41 icônes, donc quelques équipements partagent une icône. Les options TV affichent toutes la même icône de TV, par exemple, et balcon et terrasse partagent une icône. En cocher plusieurs place des icônes identiques côte à côte sur votre carte ; décochez les quasi-doublons dont vous n'avez pas besoin, et la carte se met à jour d'elle-même.

Mes textes n'apparaissent que dans une seule langue

Le titre marketing a un champ distinct par langue, remplissez donc chaque langue dont vous avez besoin. Les boutons et libellés du formulaire, eux, sont différents : ils suivent automatiquement la langue du navigateur de chaque invité, tandis que les textes que vous écrivez vous-même apparaissent exactement tels que vous les avez saisis. Le fonctionnement des langues dans le formulaire de réservation est expliqué dans Dans quelle langue les invités voient-ils le formulaire de réservation ?.

Articles liés

• Comment configurer mon moteur de réservations ?
• Comment modifier mon site web ?
• Dans quelle langue les invités voient-ils le formulaire de réservation ?
• Comment intégrer le moteur de réservations à mon site web ?

Toujours bloqué ?

Si ces étapes n'ont pas réglé le problème, contactez l'équipe Smoobu : ouvrez le menu Aide pour ouvrir un ticket ou réserver un créneau d'appel, ou utilisez la bulle de chat en bas à droite. Pour obtenir la réponse la plus rapide, indiquez :

• Votre Smoobu User ID (dans le menu de l'icône de profil, en haut à droite).
• Le nom ou l'ID du logement, s'il s'agit d'un logement précis.
• Le Booking ID, s'il s'agit d'une réservation précise (Réservations, puis Afficher plus).
• Le nom du portail, s'il s'agit de synchronisation de portail (Booking.com, Airbnb, Vrbo, etc.).
• Un bref pas à pas : ce que vous avez fait, ce que vous attendiez et ce qui s'est passé.
• Des captures d'écran ou une courte capture vidéo du problème.
• Votre navigateur et votre système d'exploitation, si quelque chose s'affiche mal à l'écran.