Ajouter la réservation Barberly à Wix

Guide complet pour intégrer les widgets de réservation Barberly à votre site Wix pour les salons de coiffure et de beauté.

Ajouter la réservation Barberly à votre site Wix

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

Prérequis

Avant de commencer, assurez-vous d’avoir :

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

Ajouter le widget Barberly à Wix

La façon la plus simple d’ajouter les widgets de réservation Barberly à Wix est d’utiliser l’élément HTML Embed :

  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 à Wix avec HTML Embed :

    • Ouvrez votre site Wix dans l’Éditeur
    • Cliquez sur le bouton « Ajouter » (+) dans la barre latérale gauche
    • Sélectionnez « Insérer » puis « iframe HTML »
    • Cliquez sur « Entrer le code » dans le panneau de configuration
    • Collez votre code de widget Barberly
    • Cliquez sur « Mettre à jour » pour enregistrer les modifications
    • Redimensionnez et positionnez l’élément selon vos besoins
  3. Publiez votre site web :

    • Cliquez sur « Publier » en haut à droite de l’Éditeur Wix
    • Votre widget de réservation Barberly est maintenant actif sur votre site

Bonnes pratiques pour l’intégration Wix

  1. Placement stratégique du widget :

    • Bouton de réservation en ligne : Ajoutez-le à l’en-tête, au menu de navigation ou comme bouton flottant
    • Page de réservation intégrée : Créez une page dédiée « Réserver maintenant »
    • Fenêtre popup de réservation : Ajoutez-le aux pages de services ou à la page d’accueil
    • Barre latérale de réservation : Utilisez-la sur tout le site pour un accès persistant à la réservation
  2. Adaptabilité mobile :

    • Testez vos widgets sur mobile avec l’éditeur mobile de Wix
    • Ajustez la taille et la position pour un affichage optimal sur mobile
  3. Harmonisation du design :

    • Personnalisez les couleurs de votre widget Barberly pour qu’elles correspondent au design de votre site Wix

Dépannage des problèmes courants

  • Le widget ne s’affiche pas : Vérifiez que votre template Wix autorise le HTML et JavaScript personnalisés
  • Problèmes de taille ou de position : Vous devrez peut-être redimensionner l’élément iframe HTML dans l’éditeur Wix
  • Conflits avec l’éditeur Wix : Si les changements n’apparaissent pas dans l’éditeur, publiez votre site et vérifiez-le en ligne pour confirmer que le widget fonctionne correctement

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 Wix sans étape supplémentaire. Le code du widget reste le même même si vous modifiez les couleurs, le texte ou les styles.