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 : Sep 29, 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 et cliquez sur Éditer le site web.
  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.

    Section Pages dans Website Builder avec une page sélectionnée affichant le bouton Ajouter une section

  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.
    Une fenêtre contextuelle pour ajouter une section avec une mise en page de section Calendly sélectionnée
  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 vers l’événement Calendly. Votre calendrier de réservation sera ainsi intégré directement sur votre site.
    Une page dans Website Builder avec un composant Calendly sélectionné affichant les options d'édition

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

  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.
    Bouton Modifier la section dans la barre d'outils d'une section Calendly
  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.
    Section Calendly dans Website Builder affichant ses options d'édition

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.
    Section Pages dans Website Builder avec une page sélectionnée affichant le bouton Ajouter une section
  2. Cliquez sur le bouton Ajouter dans le coin supérieur gauche de la section.
    Une page Website Builder avec une section sélectionnée affichant le bouton Ajouter pour insérer un composant
  3. Dans le menu Ajouter un composant, sélectionnez le composant Calendly. Vous pouvez utiliser la barre de recherche pour le trouver plus rapidement.
    Menu Ajouter un composant avec un composant Calendly sélectionné
  4. Faites glisser et déposez le composant à l’emplacement souhaité dans la grille de la section.
    La grille d'une section où vous pouvez glisser-déposer un composant Calendly
  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 vers l’événement Calendly.

    Composant Calendly sélectionné affichant la fenêtre des paramètres pour ajouter un lien Calendly

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

Partager cet article