Page de réservation intégrée

Intégrez votre page de réservation Barberly directement sur votre site web comme une section intégrée.

Tags:

Le widget Page de réservation intégrée vous permet d’ajouter votre page de réservation Barberly directement sur votre site web comme une section intégrée, offrant une expérience de réservation fluide à vos clients sans qu’ils aient à quitter votre site.

Fonctionnement

Ce widget intègre toute l’interface de réservation Barberly directement sur votre site web via un iframe. Les clients peuvent effectuer tout le processus de réservation sans être redirigés vers un autre site.

Cas d’utilisation

Créez une page de réservation dédiée sur votre site web
Ajoutez-le aux pages de services pour permettre la réservation immédiate de services spécifiques
Intégrez-le à votre page de contact comme alternative aux formulaires
Placez-le sur votre page d’accueil pour faciliter l’accès à la réservation

Configuration de la page de réservation intégrée

Créer une nouvelle instance

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

Dans la section de configuration, vous pouvez définir :

URL de réservation : Saisissez l’URL de votre page de réservation Barberly
Hauteur : Définissez la hauteur de la page de réservation intégrée (par exemple, « 100% » pour pleine hauteur, ou une valeur spécifique comme « 600px »)

Ajustez les options de style suivantes :

Rayon de bordure : Définissez l’arrondi des coins du widget
Ombre : Ajoutez un effet d’ombre pour faire ressortir le widget

Aperçu et test

Utilisez l’aperçu en direct pour voir à quoi ressemblera votre page de réservation intégrée sur votre site web. Testez le parcours de réservation pour vous assurer que tout fonctionne correctement.

Obtenir le code d’intégration

Une fois satisfait de votre page de réservation intégrée :

Copiez le code généré dans la section « Copiez ce code sur votre site web »
Collez le code dans le HTML de votre site web à l’endroit où vous souhaitez que la page de réservation apparaisse
Enregistrez et publiez les modifications sur votre site web

Intégrations avec des plateformes web

Pour des instructions spécifiques selon la plateforme, consultez ces guides :

Exemple de code d’intégration

<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>

Gérer plusieurs instances de page intégrée

Vous pouvez créer plusieurs instances de page intégrée pour différentes sections de votre site web :

Connectez-vous à votre compte Barberly sur portal.barberly.com
Allez dans Menu → Apps → Tous les widgets
Sélectionnez « Page de réservation intégrée »
Créez des instances supplémentaires si besoin
Chaque instance aura son propre code d’intégration unique

Mettre à jour votre page de réservation intégrée

Pour mettre à jour une page de réservation intégrée déjà en ligne sur votre site web :

Connectez-vous à votre compte Barberly sur portal.barberly.com
Allez dans Menu → Apps → Tous les widgets
Trouvez et modifiez l’instance
Apportez les modifications souhaitées
Enregistrez les modifications
La page de réservation intégrée sur votre site web sera mise à jour automatiquement (pas besoin de mettre à jour le code sur votre site)

Design responsive

La page de réservation intégrée est entièrement responsive et s’adapte à différentes tailles d’écran :

Sur ordinateur, l’interface complète de réservation est affichée
Sur mobile, l’interface s’ajuste aux petits écrans
La hauteur peut être définie sur une valeur fixe ou en pourcentage

Dépannage

Si votre page de réservation intégrée ne s’affiche pas correctement :

Assurez-vous que le conteneur a une largeur et une hauteur suffisantes pour l’interface de réservation
Vérifiez qu’il n’y a pas de conflits CSS avec le style de votre site web
Vérifiez que l’URL de réservation est correcte
Assurez-vous qu’aucune politique de sécurité de contenu ne bloque l’iframe