Page de réservation intégrée

Le widget Page de réservation intégrée place votre page de réservation Barberly complète dans une page de votre site web, dans une iframe. Les clients effectuent toute la réservation sans être redirigés vers un autre site. Vous pouvez l'utiliser pour une page de réservation dédiée ou l'ajouter à votre page d'accueil, à vos pages de prestations ou à votre page de contact.

Créer une nouvelle instance#

1. Connectez-vous à votre compte Barberly sur portal.barberly.com.
2. Allez dans Menu→Apps→Tous les widgets.
3. Cliquez sur Page de réservation intégrée.
4. Sélectionnez Créer une nouvelle instance.
5. Donnez un nom à l'instance, par exemple « Page de réservation principale ».

Paramètres#

Styles#

La page intégrée s'adapte à la taille de l'écran. Sur ordinateur, elle affiche l'interface de réservation complète, et sur mobile l'interface s'ajuste au plus petit écran.

Ajouter la page à votre site web#

L'aperçu en direct montre à quoi ressemblera la page intégrée. Parcourez le processus de réservation pour vérifier qu'il fonctionne.

1. Copiez le code de la section Copiez ce code sur votre site web.
2. Collez-le dans le HTML de votre site, à l'endroit où la page de réservation doit apparaître.
3. Enregistrez et publiez votre site web.

Exemple de code :

<div id="262b1c5d48b64c16a9786cd8ebbbecd3-container"></div>
<script src="https://widgets.barberly.com/barberly-widgets.js" data-business-id="house13" data-widget-id="embed_262b1c5d48b64c16a9786cd8ebbbecd3" data-container-id="262b1c5d48b64c16a9786cd8ebbbecd3-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 de la page intégrée pour différentes sections de votre site. Répétez les étapes ci-dessus sous Page de réservation intégrée. Chaque instance a son propre code d'intégration.

Modifier une page intégrée en ligne#

Ouvrez l'instance dans Menu→Apps→Tous les widgets, faites vos modifications et enregistrez. La page intégrée sur votre site se met à jour automatiquement, vous n'avez donc pas à modifier le code de votre site.

Si la page ne s'affiche pas correctement#

• Vérifiez que le conteneur est assez large et assez haut pour l'interface de réservation.
• Recherchez d'éventuels conflits CSS avec les styles de votre site.
• Vérifiez que l'URL de réservation est correcte.
• Assurez-vous qu'aucune politique de sécurité du contenu (CSP) de votre site ne bloque l'iframe.