Comment utiliser le widget Rendez-vous de booxi avec votresite.ca

Tutoriels    |   juillet 20, 2016

votresite-ca + booxiVotre bouton Rendez-vous de booxi peut être facilement ajouté à votresite.ca en utilisant ce guide pas à pas. Cela vous permettra d’offrir la prise de rendez-vous directement sur votre siteweb.
L’utilisation du widget Rendez-vous nécessite un compte booxi et une clé d’API valide.

Obtenir votre clé d’API

Vous pouvez trouver votre clé d’API à partir de votre compte booxi en suivant ces étapes simples.

  1. Pour trouver votre clé d’API connectez vous simplement sur votre compte booxi
  2. Allez dans Mon Entreprise à partir du menu de gauche
  3. Accédez aux détails de l’entreprise en cliquant sur la section Détails de l’entreprise
  4. Faites défiler l’écran jusqu’au champ Clé de l’API
  5. Copiez le code (sélectionnez tout, clic droit, copiez)

clé de l'API
Instructions d’intégration

Une fois que vous avez votre clé API, suivi simplement les étapes ci-dessous.

  1. Connectez-vous sur gestionnaire de siteweb/outil de création votresite.ca.
  2. Utilisez la page booxi Générateur de code pour générer le code que vous allez copier/coller sur votre siteweb.
  3. Dans le menu Outil de création, sélectionnez l’onglet Paramètres.
  4. Dans Paramètres, dans le menu en haut à gauche, sélectionnez Avancé.
  5. Dans Paramètres / Avancé sélectionnez la section Editer les méta-données.editer les meta-donnees
  6. Copiez le script du code sur la page booxi Générateur de code
  7. Collez le script du code dans la fenêtre Editer les méta-données
  8. Cliquez sur Ajouter et Sauvegardez votre site.éditer les méta-données pop up
  9. Ensuite sélectionnez sur votre site l’emplacement où vous souhaitez ajouter le bouton Rendez-vous.
  10. Cliquez sur le bouton HTML pour ajouter un bloc de script à cet emplacement.déterminer l'emplacement du bouton
  11. Copiez le code du bouton sur la page booxi Générateur de code.
  12. Collez le code du bouton (dans cet exemple):

    <div class= »bx_book_btn »data-lang= »fre » data-key= »9Ed9l1LT68jA7E8RsL8u4Q6K0YSg9OzP »></div>

  13. Cliquez sur Mettre à jour et Sauvegardez la page.éditeur de source HTML
  14. Si vous utilisez l’option Internal iFrame (pour le type de fenêttre dans la page booxi de Générateur de code), vous devez place une ligne de code (dans le cadre : Conteneur du Widget) supplémentaire dans votre pied de page:

    <div id="bx-viewport"></div>

    éditeur de source HTML iframe

  15. Sauvegardez et Publiez votre site, et le bouton Rendez-vous devrait fonctionner parfaitement. Votre entreprise doit être en ligne (sur booxi) pour pouvoir utiliser le bouton Rendez-vous.

Vous avez fini! Si vous rencontrez des problèmes, veuillez lire attentivement le guide booxi Générateur de code ou nous contacter par email pour avoir de l’aide.


Essayer gratuitement

14 jours – Aucune carte de crédit requise

Commencer maintenant

Astrid Bertout
Digital Marketing | Customer Success
booxi est fier d’avoir contribué au succès de l’évènement Hair Fashion Night de L’Oréal Professionnel.
Nouvelles   |   Jul 11, 2016
Pourquoi vous devriez utiliser un logiciel de gestion en nuage plutôt qu'installé sur un ordinateur.
Communiqués de presse   |   Aug 11, 2016