Base de connaissances

Bénéficiez d'un hébergement web expert

Optez pour la fiabilité et l'expertise de SiteGround pour votre site web !

Accueil / Website Builder / Formulaire de contact / Comment intégrer Calendly avec SiteGround Website Builder et Ecommerce

Comment intégrer Calendly avec SiteGround Website Builder et Ecommerce

Résumez cet article avec :
Dernière mise à jour : May 27, 2026 1 min de lecture

Calendly permet à vos visiteurs de planifier facilement des réunions, des consultations ou des rendez-vous directement depuis votre site web.

Avec SiteGround Website Builder et Ecommerce, vous pouvez intégrer rapidement Calendly sur n’importe quelle page de deux façons :

  • en ajoutant une section Calendly prédéfinie
  • en ajoutant un composant Calendly

REMARQUE : Pour utiliser cette fonctionnalité, vous devez disposer d’un compte Calendly et d’au moins un événement créé dans votre tableau de bord Calendly.

Comment ajouter une section Calendly

Suivez les étapes ci-dessous pour ajouter votre section de réservation Calendly :

  1. Accédez à Site Admin > Website Builder, et cliquez sur Éditer le site web.
    Edit Website button in Site Admin of Website Builder
  2. Allez dans Pages et choisissez la page sur laquelle vous souhaitez faire apparaître l’option de réservation.
  3. Cliquez sur le bouton Ajouter une section.
    Pages section in Website Builder with a selected page displaying the Add Section button


  4. Dans la fenêtre pop-up, accédez à la catégorie Calendly et survolez la mise en page de section Calendly de votre choix. Cliquez sur le bouton Ajouter une section pour l’ajouter à la page.
    A pop-up window for adding a section with a selected Calendly section layout
  5. Une fois la section ajoutée, cliquez sur le calendrier Calendly et sélectionnez l’icône en forme de crayon (Modifier) dans la barre d’outils qui s’affiche au-dessus.
  6. Dans la fenêtre pop-up à droite du calendrier, saisissez l’adresse du lien d’événement Calendly. Votre calendrier de réservation sera ainsi intégré directement sur votre site.
    A page in Website Builder with a selected Calendly component displaying editing options

    REMARQUE : Un lien correct doit ressembler à ceci : https://calendly.com/username/event-name[/notice]

  7. Pour modifier l’apparence de la section, survolez-la et cliquez sur l’icône Modifier la section (crayon) dans la barre d’outils en haut à droite.
    Edit Section button in the toolbar of a Calendly section
  8. Dans la fenêtre de réglages, ouvrez l’onglet Général pour modifier l’espacement de la grille et les marges intérieures. Ouvrez l’onglet Design pour changer la palette de couleurs ou définir une image d’arrière-plan.
    Calendly section in Website Builder displaying its editing options

Comment ajouter un composant Calendly

Vous pouvez également ajouter un composant Calendly à une section existante. Voici les étapes à suivre :

  1. Ouvrez l’onglet Pages, sélectionnez une page et accédez à la section de la page où vous souhaitez ajouter le composant.
    Pages section in Website Builder with a selected page
  2. Cliquez sur le bouton Ajouter dans le coin supérieur gauche de la section.
    A Website Builder page with a selected section displaying the Add button for adding a component
  3. Dans le menu Ajouter un composant, sélectionnez le composant Calendly.
    Add Component menu with a selected Calendly component
  4. Faites glisser et déposez le composant à l’emplacement souhaité dans la grille de la section.
    A section's grid area where you can drag and drop a Calendly component
  5. Cliquez sur le composant et sélectionnez l’icône en forme de crayon (Modifier) dans la barre d’outils au-dessus.
  6. Dans la fenêtre qui s’affiche à droite, saisissez l’adresse du lien d’événement Calendly.

    Selected Calendly component showing the settings window to add a Calendly link


    REMARQUE : Un lien correct doit ressembler à ceci : https://calendly.com/username/event-name[/notice]

Partager cet article