Hilfecenter

So steuern Sie das Layout und die Größe Ihrer Einbettung

Aktualisiert 25. Februar 2026·1 min lesezeit
Verfügbar für alle benutzer auf alle Pläne.Pläne anzeigen

Calendly passt das Kalenderlayout an die Größe seines Containers an. Sie können das Layout und die Größe ändern, um besser zu Ihrer Website oder App zu passen.

Wählen Sie ein Layout basierend auf der Breite aus

Die Inline-Einbettung von Calendly verfügt über drei Layout-Stilarten. Der Stil hängt von der Breite des Containers ab (genannt "übergeordneter Container").

Großes Fensterlayout

Breite des übergeordneten Elements >= 1100px

33936600688279

Beispiel

<div class="calendly-inline-widget"data-url="https​:​//calendl​y.com/YOUR​_LINK"style="width:1100px;height:700px;"></div>

Mittleres Fenster-Layout

Breite des übergeordneten Elements < 1100px und >= 650px

33936625564055

Beispiel

<div class="calendly-inline-widget"data-url="https​:​//calendl​y.com/YOUR​_LINK"style="width:700px;height:700px;"></div>

Kleines Fensterlayout

Breite des Elements < 650px

33936600691479

Beispiel

<div class="calendly-inline-widget"data-url="https​:​//calendl​y.com/YOUR​_LINK"style="width:600px;height:700px;"></div>

Scrollleisten entfernen

Wenn Sie eine Scrollleiste innerhalb der Einbettung sehen:

  • Erhöhen Sie die Höhe im Einbettungscode style="min-width:320px;height:750px;"
  • Verwenden Sie data-resize="true" , um die automatische Größenänderung zu aktivieren

Beispiel:

<div class="calendly-inline-widget" data-url="https​:​//calendl​y.com/your​-link" style="min-width:320px; height:750px;" data-resize="true"></div><script type="text/javascript" src="https​:​//assets.​calendly.c​om/assets/​external/w​idget.js" async></script>

Mindestbreite für Mobilgeräte

Calendly benötigt eine Breite von mindestens 320px, um auf Mobilgeräten korrekt angezeigt zu werden.

Wenn die Einbettung dezentriert oder abgeschnitten aussieht:

  • Achten Sie auf zusätzliche Abstände oder Ränder auf Mobilgeräten.
  • Stellen Sie sicher, dass der Container mindestens 320px breit ist.

Testen Sie Ihr Einbettungslayout

Nach dem Hinzufügen der Einbettung:

  • Layout auf Desktop und Mobilgerät prüfen
  • Verwenden Sie das Inspektionstool Ihres Browsers, um eine Vorschau verschiedener Größen anzuzeigen.
  • Passen Sie die Größe oder die Ränder des Containers nach Bedarf an
War dieser Artikel hilfreich?
Lassen Sie uns wissen, damit wir unseren Inhalt verbessern können.
Verwandte Artikel
Menü
Beliebte Artikel