Aller au contenu principal

Comment intégrer un Booking Widget à mon site?

Kay Endörfer
  • Mise à jour

1. Qu'est-ce qu'un Booking Widget ?

 

Le booking widget est une alternative pour les revendeurs qui fournissent déjà une description détaillée de leurs offres. Avec le booking widget, seules les réservations effectuées sur votre boutique seront traitées. The presentation of your offers will be left entirely to you and your website. Vous pouvez modifier la présentation de vos offres directement sur votre site internet.

Le Booking Widget sera, tout comme votre boutique, intégré à votre site internet avec un iFrame et le check-out se fera via le Lightbox. Vous pourrez le configurer dans votre interface Regiondo:
 
Important
Nous avons créé un nouveau widget de réservation Regiondo avec la bibliothèque React JavaScript. Le nouveau widget offre de nombreux avantages. Cliquez ici pour obtenir plus d'informations.
 

 

2. Comment configurer mon booking widget ?

 

Avant de générer votre code, veuillez définir les réglages suivants:
  1. Settings - iFrame width: Fill in the desired width of the iFrame in pixels. Paramètres - largeur de l'iFrame: Saisissez la largeur souhaitée de votre widget de réservation en pixels (par défaut 338, mais adaptable au site) et l'option entre iFrame ou Lightbox pour le processus de check-out. Lightbox est défini par défaut.
  2. Bouton panier: Si vous activez cette fonction, le client a la possibilité d'utiliser un panier d'achats dans votre boutique. Le client peut ajouter des articles dans son panier et continuer ses achats, sans pour autant être automatiquement redirigé vers la caisse. Si vous optez pour l'option panier d'achats, vous pouvez l'adapter au design de votre page d'activités.
Tuyau
There is the possibility to skip cart step and go directly to checkout. Please add the attribute data-skip-cart="true" to the widget code snippet.
 
Warning
Une Lightbox est une librairie JavaScript qui affiche le processus de check-out en remplissant l'écran et obscurcissant le reste de la boutique.
 
 
Conseil
Il est recommandé d'utiliser l'option panier d'achats, le client pourra ainsi rester plus longtemps dans votre boutique et acheter des produits additionnels. De nos jours, il est primordial que le client ait la possibilité de comparer. Avec un panier, cela est désormais possible, rendant également les achats dans votre boutique plus agréables. 
 
  1. Choisir le produit: Sélectionnez le produit auquel vous voulez associer un widget de réservation. 

 

 

2. Your HTML Code: Sous   vous pouvez prévisualiser votre widget Booking Copiez tout le code et insérez-le à l'endroit désiré dans le code source de votre site internet. Vous pouvez également créer un élément HTML, dans lequel vous pouvez insérer le code pour intégrer le widget.

 

 
Chargement de l'animation pour le widget de réservation :
Vous pouvez désactiver le chargement de l'animation lorsque vous entrez dans 

data-disable-loading-animation="1"

dans votre <iframe> partie du code.

Par exemple : 
<iframe id="regiondo-booking-widget" data-width="340px" style="border:0;background:transparent ;" data-disable-loading-animation="1"></iframe>
data-disable-loading-animation="1"
in your <iframe> part of the code.

Example: 
<iframe id="regiondo-booking-widget" data-width="340px" style="border:0;background:transparent;" data-disable-loading-animation="1"></iframe>
 
Conseil:
Structure de l'URL du booking widget

https://yoursubdomain.regiondo.com/bookingwidget/vendor/XXXX/id/ZZZZ
 
XXXX est votre Vendor ID

ZZZZ est le Product ID

Autres paramètres de l'URL:

- Souligner l'onglet "ticket"

https://yoursubdomain.regiondo.com/bookingwidget/vendor/XXXX/id/ZZZZ/type/ticket

- Souligner l'onglet "cadeau"

https://yoursubdomain.regiondo.com/bookingwidget/vendor/XXXX/id/ZZZZ/type/gift

- Présélectionner la date

https://yoursubdomain.regiondo.com/bookingwidget/vendor/XXXX/id/ZZZZ/type/ticket/date/YYYY-MM-DD

- Présélectionner la date et l'heure

https://yoursubdomain.regiondo.com/bookingwidget/vendor/XXXX/id/ZZZZ/type/ticket/date/YYYY-MM-DD/time/HH-MM

- Ajouter le paramètre de trafic d'affilié

https://yoursubdomain.regiondo.com/bookingwidget/vendor/XXXX/id/ZZZZ/type/ticket?subid=123456
 

3. Vue du client

Le prestataire "Kavaliersreisen" fournit déjà une description détaillée de ses offres sur son site web. La procédure de réservation sera donc effectuée via le booking widget Regiondo.
 

4. Exemple d'une boutique avec un booking widget et l'option "panier d'achats"

 

Articles associés