Comment intégrer le moteur de réservation Smoobu dans mon site externe?

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