Comment ajouter la réservation en ligne sur mon propre site ?

Vous disposez de votre propre site et souhaitez y intégrer la réservation en ligne Wavy ? C'est possible. On vous propose 3 méthodes.

→ Méthode classique (recommandée)
→ Méthode bouton personnalisé
→ Méthode navigation (aussi utile pour Facebook)

Note: Si ces méthodes vous paraissent obscures, rassurez-vous, la personne en charge de votre site saura très bien réaliser l'intégration. Transmettez-lui l'article !

➡️Méthode classique (recommandée)

Un bouton apparaitra en bas à droite de votre site internet, permettant l’ouverture de la réservation en ligne.

Pour l'activer, insérez ce bout de code en bas de votre page (avant la balise fermante <body>), en prenant soin de remplacer mon-etablissement par le nom de votre widget :

<script>
(function(w, a, v, y) {
 w = a.createElement(y);w.async = 1;w.defer = 1;w.src = v;
 y = a.getElementsByTagName(y)[0];y.parentNode.insertBefore(w, y);
})(window, document, 'https://booking.wavy.pro/mon-etablissement/widget.js', 'script');
</script>

➡️Méthode bouton personnalisé

Si le bouton proposé par défaut ne vous convient, il est possible d’utiliser votre (ou vos) propre bouton pour ouvrir la réservation en ligne Wavy. Ca ressemble à ça :

Pour ce faire, il vous suffit d’ajouter une class à votre (vos) bouton (class="wavyOpenButton" par exemple) et d’insérer ce bout de code en bas de votre page (avant la balise fermante <body>), en prenant soin de remplacer mon-etablissement par le nom de votre widget :

<script>
(function(w, a, v, y) {
 w = a.createElement(y);w.async = 1;w.defer = 1;w.src = v;
 y = a.getElementsByTagName(y)[0];y.parentNode.insertBefore(w, y);
})(window, document, 'https://booking.wavy.pro/mon-etablissement/widget.js?buttonclass=wavyOpenButton', 'script');
</script>

Notez le paramètre buttonclass à la fin de l’url du script Wavy.
Si aucun noeud DOM avec cette class n’est trouvé, le bouton de la méthode classique sera ajouté.

➡️Méthode navigation

Si vous ne désirez pas mettre le script de Wavy sur votre page, il vous est possible de proposer tout simplement un lien vers la réservation en ligne. Il ressemble à ça :
https://booking.wavy.pro/mon-etablissement

→ Cette méthode est utile si vous souhaitez ajouter la réservation en ligne sur votre page Facebook professionnelle !

Si vous n'avez pas sous la main le lien de votre réservation, vous pouvez le trouver dans votre back office. Connectez-vous avec les mêmes identifiants que sur votre application, puis allez dans Réglages, puis sur l'onglet Réservation en ligne :

Cliquez sur Intégrer la réservation sur mon site internet : un menu se déroule. Vous trouverez le lien à copier tout en bas de la page, sous Méthode navigation :

Astuce 💡Pour que ça soit encore plus joli, nous pouvons adapter les couleurs et polices d'écriture de votre module de réservation, afin qu'ils s'intègre parfaitement à votre site. Contactez-nous !

Articles dans cette section

Commentaires

Articles dans cette section

Articles associés