Wissensdatenbank

Erhalten Sie professionelles Website-Hosting

Entscheiden Sie sich für Website-Zuverlässigkeit und Kompetenz mit SiteGround!

Start / Website Builder / Kontaktformular / So integrieren Sie Calendly in den SiteGround Website Builder und E-Commerce

So integrieren Sie Calendly in den SiteGround Website Builder und E-Commerce

Fassen Sie diesen Artikel zusammen mit:
Zuletzt aktualisiert: May 27, 2026 1 Minuten Lesezeit

Calendly ermöglicht es Ihren Besuchern, Meetings, Beratungen oder Termine direkt über Ihre Website zu planen.

Mit dem SiteGround Website Builder und E-Commerce können Sie Calendly ganz einfach in jede Seite integrieren, indem Sie:

  • einen vorgefertigten „Calendly“-Abschnitt hinzufügen
  • eine „Calendly“-Komponente hinzufügen

HINWEIS: Um diese Funktion zu nutzen, benötigen Sie ein Calendly-Konto sowie mindestens einen erstellten Termin in Ihrem Calendly-Dashboard.

So fügen Sie einen „Calendly“-Abschnitt hinzu

Befolgen Sie die folgenden Schritte, um Ihren Buchungsabschnitt mit Calendly hinzuzufügen:

  1. Navigieren Sie zum Site Admin > Website Builder und klicken Sie auf „Website bearbeiten“.
    Edit Website button in Site Admin of Website Builder
  2. Gehen Sie zu „Seiten“ und wählen Sie die Seite aus, auf der die Buchungsoption erscheinen soll.
  3. Klicken Sie auf die Schaltfläche „Abschnitt hinzufügen“.
    Pages section in Website Builder with a selected page displaying the Add Section button
  4. Wechseln Sie im Pop-up-Fenster zur Kategorie „Calendly“ und bewegen Sie den Mauszeiger über das gewünschte Layout für den „Calendly“-Abschnitt. Klicken Sie auf „Abschnitt hinzufügen“, um ihn zur Seite hinzuzufügen.
    A pop-up window for adding a section with a selected Calendly section layout
  5. Nachdem der Abschnitt hinzugefügt wurde, klicken Sie auf den Calendly-Kalender und wählen Sie in der oberen Symbolleiste das Stiftsymbol „Bearbeiten“.
  6. Geben Sie in dem Popup-Fenster, das auf der rechten Seite des Kalenders erscheint, die Adresse des Calendly-Event-Links ein. Dadurch wird Ihr Terminkalender direkt in Ihre Website eingebettet.
    A page in Website Builder with a selected Calendly component displaying editing options

    HINWEIS: Ein korrekter Link sollte wie folgt aussehen: https://calendly.com/username/event-name

  7. Um das Erscheinungsbild des Abschnitts zu bearbeiten, bewegen Sie den Mauszeiger darüber und klicken Sie oben rechts in der Symbolleiste auf das Stiftsymbol „Abschnitt bearbeiten“.
    Edit Section button in the toolbar of a Calendly section
  8. Öffnen Sie im Einstellungsfenster die Registerkarte „Allgemein“, um den Abstand im Raster (Grid-Abstand) und die Innenabstände zu ändern. Öffnen Sie die Registerkarte „Design“, um die Farbpalette anzupassen oder ein Hintergrundbild festzulegen.
    Calendly section in Website Builder displaying its editing options

So fügen Sie eine „Calendly“-Komponente hinzu

Sie können auch eine „Calendly“-Komponente zu einem bestehenden Abschnitt hinzufügen. Gehen Sie dazu wie folgt vor:

  1. Öffnen Sie die Registerkarte „Seiten“, wählen Sie eine Seite aus und navigieren Sie zu dem Abschnitt, in dem Sie die Komponente hinzufügen möchten.
    Pages section in Website Builder with a selected page
  2. Klicken Sie oben links im Abschnitt auf die Schaltfläche „Hinzufügen“.
    A Website Builder page with a selected section displaying the Add button for adding a component
  3. Wählen Sie im Menü „Komponente hinzufügen“ die „Calendly“-Komponente aus.
    Add Component menu with a selected Calendly component
  4. Ziehen Sie die Komponente per Drag & Drop an die gewünschte Position im Rasterbereich des Abschnitts.
    A section's grid area where you can drag and drop a Calendly component
  5. Klicken Sie auf die Komponente und wählen Sie in der oberen Symbolleiste das Stiftsymbol „Bearbeiten“.
  6. Geben Sie im Pop-up-Fenster auf der rechten Seite die Adresse für den Calendly-Event-Link ein.
    Selected Calendly component showing the settings window to add a Calendly link


    HINWEIS: Ein korrekter Link sollte wie folgt aussehen: https://calendly.com/username/event-name

Diesen Artikel teilen