Bouton de réservation en ligne

Ajoutez un bouton de réservation personnalisable à votre site web qui redirige vers votre page de réservation Barberly.

Widget Bouton de réservation en ligne

Le widget Bouton de réservation en ligne ajoute un bouton personnalisable à votre site web qui redirige les utilisateurs vers votre page de réservation Barberly lorsqu’ils cliquent dessus.

Fonctionnement

Lorsque les visiteurs cliquent sur le bouton de votre site web, ils sont redirigés vers votre page de réservation Barberly où ils peuvent prendre rendez-vous.

Cas d’utilisation

  • Ajoutez-le à votre page d’accueil pour rendre la réservation immédiatement accessible
  • Placez-le à côté des descriptions de services sur votre page de services
  • Incluez-le dans l’en-tête ou le pied de page pour un accès facile depuis n’importe quelle page
  • Ajoutez-le à votre page de contact comme alternative à la réservation par téléphone

Configuration du bouton de réservation en ligne

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 l’option Bouton de réservation en ligne
  4. Sélectionnez Créer une nouvelle instance
  5. Donnez un nom à votre nouveau bouton (par exemple, « Bouton page d’accueil »)

Configurer les paramètres du bouton

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

  1. Texte du bouton : Personnalisez le texte qui apparaît sur le bouton (par exemple, « Réserver maintenant », « Prendre rendez-vous », etc.)
  2. URL de réservation : Saisissez l’URL de votre page de réservation Barberly

Personnaliser le style du bouton

Ajustez les options de style suivantes pour correspondre au design de votre site web :

  • Couleur de fond : Choisissez une couleur qui complète la palette de votre site
  • Couleur du texte : Sélectionnez une couleur qui contraste bien avec le fond
  • Padding : Ajustez l’espacement interne du bouton (format : haut/droite/bas/gauche)
  • Rayon de bordure : Définissez l’arrondi des coins du bouton
  • Graisse de police : Rendez le texte normal, gras, etc.
  • Ombre : Ajoutez un effet d’ombre pour faire ressortir le bouton

Aperçu et test

Utilisez l’aperçu en direct pour voir à quoi ressemblera votre bouton sur votre site web. Cliquez sur le bouton pour tester qu’il redirige correctement vers votre page de réservation.

Obtenir le code d’intégration

Une fois satisfait de votre bouton :

  1. Copiez le code généré dans la section « Copiez ce code sur votre site web »
  2. Collez le code dans le HTML de votre site web à l’endroit où vous souhaitez que le bouton apparaisse
  3. 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 :