Le widget Bouton de réservation en ligne ajoute un bouton à votre site web. En cliquant dessus, le visiteur arrive sur votre page de réservation Barberly, où il prend rendez-vous. On le place souvent sur la page d'accueil, la page des prestations, ou dans l'en-tête ou le pied de page du site.
Créer une nouvelle instance#
- Connectez-vous à votre compte Barberly sur portal.barberly.com.
- Allez dans MenuAppsTous les widgets.
- Cliquez sur Bouton de réservation en ligne.
- Sélectionnez Créer une nouvelle instance.
- Donnez un nom à l'instance, par exemple « Bouton page d'accueil ».
Paramètres#
- Texte du bouton
- Le texte affiché sur le bouton, par exemple « Réserver » ou « Prendre rendez-vous ».
- URL de réservation
- L'URL de votre page de réservation Barberly.
Styles#
- Couleur de fond
- La couleur du bouton.
- Couleur du texte
- La couleur du texte du bouton. Choisissez-en une qui contraste avec le fond.
- Rembourrage
- L'espace à l'intérieur du bouton, au format haut/droite/bas/gauche.
- Rayon de la bordure
- L'arrondi des coins.
- Poids de la police
- Normal, gras, etc.
- Boîte d'ombres
- Une ombre autour du bouton.
Ajouter le bouton à votre site web#
L'aperçu en direct montre à quoi ressemblera le bouton. Cliquez dessus pour vérifier qu'il ouvre bien votre page de réservation.
- Copiez le code de la section Copiez ce code sur votre site web.
- Collez-le dans le HTML de votre site, à l'endroit où le bouton doit apparaître.
- Enregistrez et publiez votre site web.
Exemple de code :
<div id="8854691ef448cad2ae94bb4cc5b9a-container"></div>
<script src="https://widgets.barberly.com/barberly-widgets.js" data-business-id="house13" data-widget-id="button_8854691ef448cad2ae94bb4cc5b9a" data-container-id="8854691ef448cad2ae94bb4cc5b9a-container"></script>Pour les étapes propres à chaque plateforme, consultez les guides pour WordPress, Wix et Squarespace.
Plusieurs instances#
Vous pouvez créer d'autres instances du bouton, par exemple avec un design différent pour chaque section de votre site. Répétez les étapes ci-dessus sous Bouton de réservation en ligne. Chaque instance a son propre code d'intégration.
Modifier un bouton en ligne#
Ouvrez l'instance dans MenuAppsTous les widgets, faites vos modifications et enregistrez. Le bouton sur votre site se met à jour automatiquement, vous n'avez donc pas à modifier le code de votre site.