Ajouter la réservation Barberly à Squarespace

Comment intégrer les widgets de réservation Barberly à votre site Squarespace pour les salons de coiffure et de beauté.

Ajouter la réservation Barberly à Squarespace

Ce guide vous aidera à intégrer les widgets de réservation Barberly à votre site Squarespace, permettant à vos clients de prendre rendez-vous directement depuis votre site.

Prérequis

Avant de commencer, assurez-vous d’avoir :

  • Un site Squarespace avec accès à l’édition
  • Un compte Barberly avec au moins un widget de réservation créé

Ajouter le widget Barberly à Squarespace

La façon la plus simple d’ajouter les widgets de réservation Barberly à Squarespace est d’utiliser le bloc Code :

  1. Obtenez votre code de widget :

    • Connectez-vous à votre compte Barberly sur portal.barberly.com
    • Allez dans Menu → Apps → Tous les widgets
    • Sélectionnez le widget que vous souhaitez utiliser
    • Copiez le code d’intégration
  2. Ajoutez à la page Squarespace :

    • Connectez-vous à votre compte Squarespace et ouvrez l’éditeur de page
    • Cliquez sur l’icône « + » à l’endroit où vous souhaitez ajouter le widget
    • Recherchez et sélectionnez « Code » dans la liste des blocs
    • Cliquez sur l’option « </> Code »
    • Collez votre code de widget Barberly dans l’éditeur de code
    • Cliquez sur « Appliquer » pour enregistrer
    • Enregistrez et publiez votre page

Bonnes pratiques pour l’intégration Squarespace

  1. Placement stratégique du widget :

    • Bouton de réservation en ligne : Ajoutez-le à votre en-tête, zone de navigation ou en vedette sur la page d’accueil
    • Page de réservation intégrée : Créez une page dédiée « Réserver maintenant » ou « Rendez-vous »
    • Fenêtre popup de réservation : Ajoutez-le aux pages de services pour encourager la réservation immédiate
    • Barre latérale de réservation : À envisager pour un accès à la réservation sur tout le site
  2. Cohérence du design :

    • Personnalisez vos widgets Barberly pour qu’ils correspondent aux couleurs de votre template Squarespace
    • Gardez un style de bouton cohérent entre les boutons natifs Squarespace et ceux de Barberly
  3. Optimisation mobile :

    • Prévisualisez vos widgets sur mobile avec la fonction d’aperçu de Squarespace
    • Testez le parcours de réservation sur ordinateur et mobile

Dépannage des problèmes courants

  • Le widget ne s’affiche pas : Vérifiez que votre template Squarespace autorise le code personnalisé. Certains templates peuvent avoir des restrictions.
  • Limitations du mode aperçu : Certains éléments intégrés peuvent ne pas s’afficher correctement en mode aperçu. Vérifiez toujours le site publié.

Garder votre intégration à jour

Lorsque vous modifiez vos widgets Barberly depuis votre compte sur portal.barberly.com, ils seront automatiquement mis à jour sur votre site Squarespace sans étape supplémentaire. Le code du widget reste le même même si vous modifiez les couleurs, le texte ou les styles.