Wiki Clévacances La base de connaissances de Clévacances

Vous avez une question ?

Entrez vos mots clés et trouvez les réponses à vos questions !

Insérer le widget de réservation sur un autre site

10 Nov, 2020 Adhérents

Ne ratez plus aucune réservation !

Grâce au système de réservation directement intégré dans votre onglet Commercialisation / Planning, vous pouvez diffuser votre planning et système de réservation directement sur un autre site.

De cette façon, votre calendrier tel qu’il s’affiche sur votre annonce Clévacances peut être dupliqué autant de fois que vous le souhaitez, avec une gestion unique depuis votre espace adhérent !

De plus, si vous avez activé la réservation en ligne, des réservations peuvent également provenir de votre site personnel, sans aucun frais supplémentaire !

Comment insérer le widget sur mon site ?

  • Rendez-vous sur votre espace adhérent > onglet Commercialisation / Planning > onglet Mes Disponibilités
  • Sélectionnez l’hébergement pour lequel vous souhaitez afficher le widget si vous en possédez plusieurs
  • Rendez-vous à la section INTÉGRER LE WIDGET DE RÉSERVATION SUR VOTRE SITE INTERNET en bas de page
  • Cochez si vous souhaitez afficher le logo clevacances dans le widget si ce n’est pas le cas laissez décoché
  • Copiez le code HTML qui vous est  proposé
  • Collez le code HTML dans le code de votre site personnel, à l’emplacement souhaité

Et voilà, vous n’avez plus qu’à vérifier le bon affichage sur votre site !

Comment insérer plusieurs widgets sur une seule page de mon site ?

Un propriétaire qui possède plusieurs hébergements peut souhaiter afficher plusieurs widgets sur une même page d’un site internet.
Pour cela, il faut copier / coller chaque code HTML mais n’utiliser qu’une seule fois la 2ème ligne du code (<script type= »text/javascript » src= »https://cdn.clevacances.splitfire.fr/widget/sdk.js »></script> ).

Ainsi, pour afficher deux widgets, voici le code à copier / coller :

Widget 1

<div class= »appMountPoint-asideBooking » data-hotel_id= »6005″ data-room_id= »36976″></div>
<script type= »text/javascript » src= »https://cdn.clevacances.splitfire.fr/widget/sdk.js »></script>

Widget 2

<div class= »appMountPoint-asideBooking » data-hotel_id= »33260″ data-room_id= »60938″></div>
La 2ème ligne ne doit pas être collée