Ajoutez un bouton Prendre un rendez-vous à votre propre site web. Les clients réservent dans un panneau qui s'ouvre sur votre page, de sorte qu'ils ne quittent jamais votre site, et la réservation apparaît dans votre calendrier comme n'importe quelle autre.
Avant de commencer
- Qui peut le faire : les administrateurs et les propriétaires copient le code. La personne qui modifie votre site web le colle.
- Activez d'abord la réservation en ligne. Le bouton ouvre votre page de réservation. Voir Configurer la réservation en ligne.
Ajouter le bouton à votre site web
Ouvrir le paramètre
Allez dans Paramètres → Réservation → Réservation en ligne.
Copier le code
Sous Intégrez à votre site web, sélectionnez Copier.
Collez-le sur votre site
Collez-le dans le code HTML de votre page, ou dans le bloc HTML personnalisé ou d'intégration de votre constructeur de site. Squarespace, Wix et WordPress en ont tous un.
Publier votre site
Enregistrez et publiez la page dans votre constructeur de site.
Ce que fait le code
Le code se compose de deux parties :
| Partie | Ce qu'elle fait |
|---|---|
<script src=".../embed/book.js" async> | Charge le bouton de réservation une fois par page, sans ralentir la page |
<a data-owneli-book="your-business">Book an appointment</a> | Le bouton. Tout élément avec data-owneli-book ouvre la réservation. |
data-owneli-book="your-business" au lieu d'utiliser le lien dans le code. Plusieurs boutons sur une même page fonctionnent tous, le script étant chargé une seule fois.Si vous avez ajouté le bouton de réservation à votre site web il y a quelque temps, il continue de fonctionner tel quel. Vous n'avez pas besoin de coller le nouveau code.
Choisir le mode d'ouverture
Sous Mode d’ouverture, à côté du code, choisissez comment la réservation apparaît sur votre page :
| Choix | Ce que les clients voient |
|---|---|
| Par la droite | Un panneau glisse depuis la droite. C'est le mode par défaut. |
| Par la gauche | Un panneau glisse depuis la gauche. |
| Par le bas | Une feuille s'élève depuis le bas de la page. |
| Par le haut | Une feuille descend depuis le haut de la page. |
| Au centre | Une fenêtre s'ouvre au milieu de la page. |
Votre choix est enregistré avec votre entreprise, de sorte que votre site web le prend en compte en quelques minutes sans avoir besoin d'être modifié. Sur les téléphones, Par le bas reste une feuille et les autres remplissent l'écran.
data-owneli-open="bottom", ou right, left, top ou modal. Un bouton dont le code contient déjà data-side="left" ou data-owneli-mode="modal" continuera de s'ouvrir de cette manière.Votre politique de paiement s'applique comme d'habitude, et si vous utilisez le suivi des conversions, une réservation est automatiquement comptabilisée sur votre site web.
Vérifier que cela a fonctionné
Ouvrez votre site web dans une fenêtre privée et sélectionnez le bouton. Votre page de réservation s'ouvre sur votre site avec vos services. Fermez-la et la page est toujours là.
Si quelque chose ne va pas
Rien ne se passe lorsque je clique sur le bouton
Vérifiez que la ligne <script> a également été collée et que votre constructeur de site ne l'a pas supprimée. Certains constructeurs n'autorisent les scripts que sur les forfaits payants.
Mon site a une politique de sécurité du contenu
Si un développeur ou un plugin de sécurité en a ajouté une, autorisez l'adresse dans le <script src> de votre code, par exemple https://owneli.com, dans script-src et frame-src. Rien d'autre n'a besoin d'être modifié.
Je ne peux pas modifier mon site web
Partagez plutôt Votre lien public depuis le même onglet, par exemple dans votre biographie Instagram.