Comment intégrer le moteur de réservations à mon site web ?

Vos invités peuvent réserver directement sur votre site web existant dès que vous y collez votre code personnel de moteur de réservations. Si vous ne pouvez pas ajouter de code à votre site, faites plutôt un lien vers votre page de réservation Smoobu toute prête. Les deux options se trouvent dans l'onglet Intégrer dans le site, sous Configuration > Moteur de réservations.

Avant de commencer

Ces deux éléments vous sont nécessaires avant d'intégrer :

• Votre moteur de réservations configuré, avec les prix et les modes de paiement en place. Voyez Comment configurer mon moteur de réservations ?.
• Un accès en modification à votre site web : un endroit où vous pouvez coller un bloc de code HTML, ou au moins ajouter un bouton avec un lien.

Étapes

1. Ouvrez Configuration > Moteur de réservations et passez à l'onglet Intégrer dans le site.
2. Sous Propriétés, choisissez Toutes les propriétés (vos invités voient toutes vos propriétés avec une recherche) ou une seule propriété (le formulaire ne montre que celle-ci). Seules les propriétés ayant des prix apparaissent dans cette liste ; s'il en manque une, définissez d'abord ses prix.
3. Ajustez le Titre si vous voulez un titre au-dessus du formulaire de réservation sur votre page.
4. Copiez le code affiché dans l'onglet, exactement tel quel. Copiez-le toujours depuis votre propre onglet Intégrer dans le site, ne le tapez jamais à la main : le code est personnel à votre compte, et sa première ligne contient apartmentIframeAll (toutes les propriétés) ou apartmentIframe suivi d'un numéro de propriété (une seule propriété). Un seul caractère mal tapé casse le formulaire.
5. Collez le code dans une zone HTML de votre site web et publiez la page. Dans WordPress, c'est un bloc Custom HTML, dans Wix l'élément Embed code, dans Squarespace un bloc Code ; la plupart des autres constructeurs ont un élément HTML personnalisé équivalent.

L'onglet a deux réglages facultatifs que vous pouvez laisser par défaut. Transparence définit, en pourcentage, la transparence de l'arrière-plan du formulaire intégré, pour qu'il se fonde dans votre page au lieu d'afficher un fond plein. Ouvrir les résultats dans un nouvel onglet est une option qui, une fois activé, fait s'ouvrir les résultats de recherche dans un nouvel onglet du navigateur plutôt que dans le formulaire intégré.

Vous pouvez générer et coller autant de codes que vous voulez : un formulaire toutes propriétés sur votre page d'accueil et un formulaire une seule propriété sur la page de chaque propriété fonctionnent côte à côte.

Vérifier que tout fonctionne

Ouvrez la page dans une fenêtre de navigation privée. Le formulaire de réservation s'affiche et montre les bonnes propriétés avec leurs prix ; en choisissant des dates, le total s'affiche avec vos frais. Pour être sûr que tout le parcours fonctionne, effectuez vous-même une réservation sans débiter de vrai argent : Comment faire une réservation test ?.

Pas d'endroit pour du code ? Faites plutôt un lien vers votre page de réservation

Chaque compte dispose aussi d'une page de réservation toute prête à l'adresse booking.smoobu.com. Cliquez sur Prévisualisation en haut à droite de n'importe quelle page de réglages du moteur de réservations pour ouvrir la vôtre, puis copiez l'adresse et reliez-la à un bouton « Réserver » sur votre site web, sur vos profils de réseaux sociaux ou dans vos e-mails. Pour une seule propriété, partagez la version par propriété du lien : ajoutez ?apartmentId= suivi du numéro de la propriété (le numéro figurant dans le code d'intégration de cette propriété) à l'adresse.

La page de réservation affiche un logo et un titre, tous deux issus de Configuration > Créateur de site internet > Basique, et non des réglages du moteur de réservations. Remplissez ces deux champs même si vous n'utilisez pas le Créateur de site internet pour votre site réel ; sinon, vos invités voient un texte générique à la place de votre nom.

Pour des configurations qui vont au-delà d'une simple intégration (afficher seulement un groupe de propriétés, un deuxième moteur de réservations pour un autre site web, ou un lien « Plus d'infos » sur chaque résultat de recherche), voyez Des façons avancées d'intégrer votre moteur de réservations.

Problèmes fréquents

Le formulaire de réservation apparaît plusieurs fois sur ma page JIMDO

Les anciennes versions de JIMDO exécutent le code intégré plus d'une fois par page, le formulaire s'affiche donc à répétition. Cela ne peut pas se changer côté Smoobu. Retirez le code intégré et reliez plutôt un bouton « Réserver » à l'adresse de votre page de réservation (copiez-la via Prévisualisation, en haut à droite des réglages du moteur de réservations).

Mes invités arrivent sur une page vide après une recherche sur mon lien de réservation

Cela peut arriver quand vous partagez l'adresse générale de la page de réservation et qu'un invité choisit une propriété dans ses résultats de recherche. Partagez plutôt des liens par propriété : ajoutez ?apartmentId= suivi du numéro de la propriété à l'adresse, ce qui amène vos invités directement à un formulaire de réservation fonctionnel pour cette propriété.

La prévisualisation dans Smoobu montre toutes mes propriétés alors que j'en ai choisi une seule

La prévisualisation combine toujours toutes vos propriétés ayant des prix, quelle que soit la sélection. La limite à une seule propriété s'applique dans le code que vous intégrez sur votre site web, pas dans la prévisualisation. Vérifiez la page publiée avec le formulaire intégré pour voir le résultat réel.

Articles associés

• Comment configurer mon moteur de réservations ?
• Des façons avancées d'intégrer votre moteur de réservations
• Comment faire une réservation test ?
• Moteur de réservations, Créateur de site internet, Calendrier iFrame : à quoi sert chaque outil ?

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.