Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.
Meetings

Intégrer le widget de rendez-vous à une page

Dernière mise à jour: octobre 31, 2019

Disponible avec :

Hub Sales Starter, Professional

Intégrez le widget de rendez-vous à une de vos pages pour que les visiteurs puissent prendre rendez-vous avec vous lorsqu'ils sont sur votre site.


Intégrer le widget de rendez-vous à une page HubSpot

Pour intégrer le widget de rendez-vous à une page HubSpot, installez le module Rendez-vous créé par HubSpot et ajoutez-le dans les modèles de page. Ensuite, personnalisez le lien de prise de rendez-vous du widget sur la page.

Installer le module Rendez-vous

  • Depuis votre compte HubSpot, cliquez sur l'icône Marketplace marketplace dans la barre de navigation principale.
  • Dans le coin supérieur droit, recherchez Rendez-vous. Une liste pour le module Rendez-vous s'affiche.
  • Placez le curseur de la souris sur la liste pour le module Rendez-vous, puis cliquez sur Afficher les détails.
  • Dans le coin supérieur droit, cliquez sur Obtenir un module gratuitement pour installer le module Rendez-vous dans votre compte HubSpot.

Ajouter le module Rendez-vous à un modèle

  • Depuis votre compte HubSpot, accédez à Marketing > Fichiers et modèles > Outils de conception.
  • Dans l'outil de recherche, cliquez sur le nom du modèle.
  • Dans l'inspecteur de modèles, cliquez sur + Ajouter.

  • Recherchez le module Rendez-vous, puis faites-le glisser vers la zone souhaitée dans le modèle.

  • Dans le coin supérieur droit, cliquez sur Publier pour ajouter le widget de rendez-vous à toutes les pages HubSpot utilisant ce modèle.

Personnaliser le lien de prise de rendez-vous sur une page

  • Dans votre compte HubSpot, accédez à vos pages de destination ou à vos pages de site Web.
  • Passez le curseur de votre souris sur la page où se trouve le widget de rendez-vous et cliquez sur Modifier.
  • Dans l'éditeur de page, cliquez sur le module Rendez-vous.
  • Dans le panneau de gauche, cliquez sur le menu déroulant Liens de prise de rendez-vous et sélectionnez le lien de prise de rendez-vous pour le widget, puis cliquez sur Appliquer.
  • Dans le coin supérieur droit, cliquez sur Publier ou sur Mettre à jour pour appliquer les modifications.

Intégrer le widget de rendez-vous à une page externe

  • Depuis votre compte HubSpot, accédez à Ventes > Réunions.
  • Placez le curseur de la souris sur le rendez-vous et cliquez sur Intégrer.

  • Cliquez sur Copier le code.

  • Collez ce code d'intégration dans le code des pages externes pour afficher le widget de rendez-vous aux visiteurs.

Le widget s'affichera sur la page où le code est intégré.

Modifier le style du widget de rendez-vous

Vous pouvez apporter des modifications à la couleur du widget et du logo qui apparaît sur le widget lorsqu'il est intégré à votre site.

Note : ces paramètres s'appliquent à tous les utilisateurs de votre compte pour toutes les fonctionnalités de vente, à l'exception de l'outil Conversations

  • Depuis votre compte HubSpot, accédez à l'icône Paramètres settings dans l'angle supérieur droit.
  • Dans le menu latéral de gauche, sélectionnez Paramètres par défaut du compte.
  • Cliquez sur l'onglet Branding, puis accédez aux onglets pour modifier le logo et la couleur du widget.
    • Cliquez sur l'onglet Logo, puis cliquez sur Charger pour ajouter une nouvelle image de logo ou sélectionnez Parcourir les images pour choisir un logo depuis votre gestionnaire de fichiers.
    • Cliquez sur l'onglet Couleur, puis sélectionnez une couleur primaire. Vous pouvez également sélectionner une couleur personnalisée en cliquant sur la couleur à droite du champ de la valeur hexadécimale, puis en utilisant le dégradé de couleurs pour sélectionner une couleur personnalisée ou saisissez manuellement une valeur hexadécimale. Vous pouvez suivre la même procédure pour définir la couleur secondaire et des couleurs accentuées, le cas échéant.branding-tab-pick-colors
  • Cliquez sur Enregistrer.