Intégrez le moteur de réservation dans votre site web externe (Wordpress, Wix ou des autres)
Cette étape est non applicable pour le créateur de site web offert par Smoobu car le moteur de réservation est automatiquement lié.
Tous les blocs (CMS) sont basés sur des codes HTML et CSS. Nous utilisons HTML pour l'intégration. Pour intégrer le moteur de réservation dans votre propre site web, vous avez 2 options.
Option 1) Intégration directe dans le site internet avec HTML / iframe
Si vous souhaitez intégrer le système de réservation dans votre site web sans envoyer le client sur un site web externe, utilisez le code HTML (iframe) pour l'intégration dans votre site web. Consultez le site web de notre utilisateur The Beach Pad Rincon pour voir comment le code du système de réservation « Tous les logements disponibles » apparaît par rapport au code du système de réservation « Individuel ».
Vous voyez ici le code « Tous les hébergements » et ici le code « Individuel ».
Veuillez copier le code et le coller dans le code HTML de votre site web externe. Si vous avez fait appel à un concepteur de sites web pour créer votre site, vous devrez peut-être lui demander de le faire pour vous. Une fois que vous aurez décidé de l'endroit où vous souhaitez intégrer le code, il ne faudra que quelques instants à votre concepteur pour intégrer le code.
Où trouver le code de votre moteur de réservation
iframe de recherche générale (TOUS les logements)
L'option par défaut sera TOUS les logements
Paramètres - Outil de réservation - Intégrer dans un site - Code HTML (iframe) pour insérer l'outil de réservation dans une page externe.
Exemple de code : <div id="booking-tool-container-allApartments">
<script type="text/javascript" src="https://login.smoobu.com/js/Settings/BookingToolIframe.js"></script>
<script>BookingToolIframe.initialize({"url": "https://login.smoobu.com/en/booking-tool/iframe/12532", "baseUrl": "https://login.smoobu.com", "target": "#booking-tool-container-allApartments"})</script>
</div>
iframe de recherche individuelle (logement individuel)
Paramètres - Outil de réservation - Intégrer dans un site
Sélectionnez le logement, copiez le code html et collez-le dans le code de votre site web.
Exemple de code : <div id="booking-tool-container-apartment66317">
<script type="text/javascript" src="https://login.smoobu.com/js/Settings/BookingToolIframe.js"></script>
<script>BookingToolIframe.initialize({"url": "https://login.smoobu.com/en/booking-tool/iframe/12532/66317", "baseUrl": "https://login.smoobu.com", "target": "#booking-tool-container-apartment66317"})</script>
</div>
Option 2) Lien vers le système de réservation via l'URL
Ce type d'intégration est utilisé lorsque vous souhaitez envoyer vos clients vers une page externe. Utilisez le lien vers le système de réservation et vous pourrez rediriger vos clients potentiels vers un autre site pour une réservation directe. Par le biais d'un bouton, d'une photo ou de tout autre élément que vous souhaitez lier à votre site pour la réservation directe.
Il peut être utilisé lors de la création d'un bouton sur votre page, par exemple un bouton « Réservez maintenant » et le lier à l'outil de réservation de Smoobu.
Le code général s'applique à tous les hébergements confondus. Vous pourriez également être intéressé par l'utilisation d'un lien pour des unités individuelles, ce qui est également possible avec Smoobu.
Comment obtenir le(s) lien(s) ?
1) Lien vers la recherche générale (tous les logements inclus). Paramètres - Outil de réservation - Intégrer dans le site web. Cliquez sur « prévisualisation » et copiez le lien de l'URL. Exemple : https://booking.smoobu.com/berlinvillas
2) Lien vers la recherche individuelle (logement individuel). Composez-le comme suit :
https://booking.smoobu.com/yourbookingenginename + ?apartmentId= + individualpropertyIDnumberhere
Exemple : https://booking.smoobu.com/berlinvillas?apartmentId=427153
Où trouver l'identifiant de la propriété ? Dans Smoobu : Paramètres - Pour les développeurs
Pour modifier l'opacité/transparence du système de réservation, choisissez une valeur ici.
Nous vous remercions pour votre lecture ! N'oubliez pas non plus de consulter ces autres articles :
-Utiliser le Moteur de réservation Smoobu pour le site web Smoobu ou votre site web externe
-Comment synchroniser vos prix et la durée minimale de séjour chez Smoobu
Commentaires
1 commentaire
Les intitulés du moteur de réservation restent en français quelque soit la langue du site. Comme faire pour que cela change suivant la langue de navigation?
Vous devez vous connecter pour laisser un commentaire.