Einbettungsoptionen
25 Artikel
Erweiterte Calendly-Einbettung für Entwickler
Calendly-Einbettungen mit fortgeschrittenem JavaScript anpassen: Erscheinungsbild steuern, Daten eingeladener Personen vorausfüllen, Widget automatisch anpassen und Interaktionen verfolgen für besseres Nutzererlebnis und einfacheres Buchen
Calendly Einbettungsoptionen und die API
Erfahren Sie, wie Sie Calendly in Ihre Website oder App einbetten und die API nutzen, wann welches Tool passt, welche Funktionen sie bieten und wie Sie das Planungserlebnis an Ihr Branding anpassen
Übersicht über Einbettungsoptionen
Erfahren Sie, wie Sie Calendly nahtlos in Ihre Website einbetten, inline, mit Popup-Text oder Popup-Widget, mit Anleitungen für verschiedene Website-Anbieter und erweiterten Anpassungsoptionen für Entwickler
Calendly bietet drei Einbettungsoptionen an:
- Inline-Einbettung – Zeigt Ihre Planungsseite direkt auf Ihrer Website an.
- Popup-Text – Öffnet Ihre Planungsseite in einem Popup, wenn ein Link angeklickt wird.
- Popup-Widget – Fügt Ihrer Seite eine schwebende Schaltfläche hinzu, die beim Anklicken ein Popup öffnet.
War das hilfreich?So fügen Sie Calendly zu Google Sites hinzu
Erfahren Sie, wie Sie Ihre Calendly-Planungsseite nahtlos in Google Sites einbetten oder per Link einfügen, Besuchern direktes Buchen ermöglichen und ein responsives Design für alle Geräte sicherstellen
So fügt man Calendly zu einer Shopify-Website hinzu
Lernen Sie, wie Sie Calendly einfach in Ihre Shopify-Seite einbetten, damit Besucher Termine direkt buchen können. Diese Anleitung erklärt Inline-Einbettung, Popup-Text, Popup-Widget und bietet Tipps zur Fehlerbehebung bei Anzeigeproblemen
So fügen Sie Calendly zu einer Squarespace-Website hinzu
Erfahren Sie, wie Sie Calendly nahtlos in Ihre SquareSpace-Website einbetten, welche Voraussetzungen ein Business-Abo hat, und erhalten eine Schritt-für-Schritt-Anleitung plus Fehlerbehebung für störungsfreie Terminplanung ohne Layoutprobleme
So fügen Sie Calendly zu Ihrer Squarespace-Website hinzu:
- Holen Sie sich Ihren Einbettungscode — In Calendly wählen Sie die drei Punkte neben dem Ereignistyp oder der Landingpage, die Sie freigeben möchten, und wählen Sie «Zur Website hinzufügen». Wählen Sie aus, wie es angezeigt werden soll, und wählen Sie dann «Code kopieren».
- Melden Sie sich bei Squarespace an und öffnen Sie die Seite, auf der Ihr Scheduler erscheinen soll.
- Bewegen Sie den Mauszeiger über den Inhaltsbereich und wählen Sie «Bearbeiten».
- Fügen Sie einen Code-Block hinzu (befolgen Sie bei Bedarf die Anleitung von Squarespace).
- Fügen Sie Ihren Calendly-Einbettungscode in den Code-Block ein.
- Wählen Sie «Übernehmen», um Ihre Änderungen zu speichern.
War das hilfreich?So fügen Sie Calendly zu einer Webflow-Website hinzu
Erfahren Sie, wie Sie Calendly nahtlos in Ihre Webflow-Website integrieren, sodass Besucher Termine ganz einfach buchen können. Entdecken Sie die Schritte zur Verwendung von Inline-Einbettungen, Popup-Text und Widgets, um das Benutzererlebnis zu verbessern, ohne die Seite zu verlassen.
So fügt man Calendly zu einer Weebly-Website hinzu
Erfahren Sie, wie Sie Ihre Calendly-Planungsseite einfach in Ihre Weebly-Website einbetten. Die Anleitung erklärt verschiedene Einbettungsarten und bietet Schritt-für-Schritt-Anweisungen, damit Besucher Termine buchen können, ohne die Seite zu verlas
So fügen Sie Calendly zu einer Wix-Site hinzu
Erfahren Sie, wie Sie Calendly in Ihre Wix-Website einbetten, mit Inline-Einbettung und Popup-Widget, Schritt-für-Schritt-Installation und alternativen Linkmethoden für einfachen Zugriff auf Ihren Planungs-Link
So fügen Sie Calendly zu einer WordPress-Website hinzu
Erfahren Sie, wie Sie Calendly nahtlos in Ihre WordPress-Website einbetten, mit Schritt-für-Schritt-Anleitungen für WordPress.com und WordPress.org sowie Inline-Einbettungen und Pop-ups zur Verbesserung der Buchungsfunktionen
So fügen Sie Ihren Calendly-Planer auf einer WordPress-Seite hinzu:
- Besorgen Sie sich Ihren Einbettungscode — In Calendly wählen Sie die drei Punkte neben dem Ereignistyp oder der Landingpage, die Sie teilen möchten, und wählen Sie Zur Website hinzufügen. Wählen Sie aus, wie es angezeigt werden soll, und wählen Sie dann Code kopieren.
- Öffnen Sie Ihr WordPress-Dashboard und rufen Sie die Seite auf, auf der der Planer erscheinen soll.
- Fügen Sie einen Custom HTML-Block (oder Custom HTML-Widget) hinzu und fügen Sie den Calendly-Einbettungscode ein.
- Wählen Sie Veröffentlichen oder Aktualisieren und sehen Sie sich dann eine Vorschau der Seite an, um zu bestätigen, dass der Planer korrekt angezeigt wird.
Wenn Ihr Plan HTML-Einbettungen nicht unterstützt, können Sie stattdessen einen Link zu Ihrer Calendly-Planungsseite hinzufügen.
War das hilfreich?So fügen Sie Calendly zu einer Unbounce-Site hinzu
Erfahren Sie, wie Sie Ihre Calendly-Planungsseite per Inline-Einbettung oder Popup-Widget nahtlos in eine Unbounce-Landingpage integrieren und so Besuchern ermöglichen, Termine ohne Verlassen der Seite zu buchen
Fügen Sie Calendly zu einer E-Mail oder E-Mail-Vorlage hinzu
Lernen Sie trotz Begrenzungen beim Einbetten Ihren Calendly Planungs-Link effektiv in E-Mails zu teilen. Nutzen Sie Textlinks, Buttons oder Bilder, um eingeladenen Personen das Buchen zu erleichtern und Termine schneller zu bekommen
So fügen Sie Calendly zu Ihrer Website hinzu
Lerne, wie du Calendly nahtlos auf deiner Website einbetten kannst. Schritt-für-Schritt-Anleitung zu Einbettungsoptionen, Designanpassungen und Integrationen mit gängigen Website-Anbietern, damit Besucher direkt Termine buchen können
So fügen Sie Calendly zu Ihrer Website hinzu:
- Wählen Sie die Seite, die Sie einbetten möchten:
* Landingpage-Einbettung – Zeigt alle aktiven persönlichen oder Team-Ereignistypen an.
* Einbettung der Buchungsseite – Zeigt einen einzelnen Ereignistyp an. - Wählen Sie die drei Punkte (•••) neben der von Ihnen gewählten Seite aus, und klicken Sie dann auf Zur Website hinzufügen.
- Wählen Sie Ihren Einbettungstyp: Inline-Einbettung, Popup-Widget oder Popup-Text.
- Wählen Sie Weiter, nehmen Sie gegebenenfalls Anpassungen vor, und klicken Sie dann auf Code kopieren.
War das hilfreich?- Wählen Sie die Seite, die Sie einbetten möchten:
So steuern Sie das Layout und die Größe Ihrer Einbettung
Lernen Sie, wie Sie Calendly einbetten und Layout Abmessungen sowie automatische Größenanpassung optimieren damit eingebettete Planungsseiten auf Website und App auf Desktop und Mobil nahtlos angezeigt werden
So erstellen Sie eine benutzerdefinierte Schaltfläche, um Calendly zu öffnen
Erstellen Sie eine benutzerdefinierte Schaltfläche, die Calendly per HTML/JavaScript in einem Popup öffnet. Leitfaden zeigt Code, Button-Konfiguration und Stiloptionen, um Termine effizient ohne Iframes zu buchen und Nutzerinteraktion zu verbessern
So passen Sie Ihre Einbettung an
Erfahren Sie, wie Sie Ihr Calendly beim Einbetten anpassen: Ereignisdetails und Cookie‑Banner ausblenden, Farben ändern und die Platzierung anpassen, um ein nahtloses, personalisiertes Planungserlebnis auf Ihrer Website zu schaffen
So können Sie Calendly in Joomla einbetten
Lerne, wie du Calendly mühelos in deine Joomla-Seite einbettest: zwei Methoden zum Einfügen des Einbettungscodes, damit Besucher Termine direkt auf der Website buchen und die Nutzerbindung steigt
Wie Sie Calendly in eine React-App einbetten
Erfahren Sie, wie Sie Calendly mit dem react-calendly-Paket nahtlos in Ihre React-App einbetten. Schritt-für-Schritt-Anleitung, Anpassungsoptionen und Layout-Fehlerbehebung für reibungslose Buchungen
Wie Sie Calendly in eine mobile App einbetten
Erfahren Sie, wie Sie Calendly per WebView in Ihre Mobile-App einbetten, Einbettungsoptionen nutzen, Standard- und erweiterte Setups wählen, Kompatibilitätsprobleme beheben und Formulare vorausfüllen sowie Ereignis-Tracking aktivieren
Wie Sie Calendly in eine Angular-App einbetten
Erfahren Sie, wie Sie Calendly in Ihre Angular-App einbetten, einfach inline oder per fortgeschrittener JavaScript-Methode für mehr Kontrolle. Leitfaden zeigt Codeplatzierung, Best Practices und Skriptintegration für nahtlose Terminbuchung
Wie Sie Calendly mit einem iframe einbetten
Praktische Anleitung zum Einbetten von Calendly per iframe, wenn JavaScript nicht unterstützt wird: Entscheidungshilfe, Schritt-für-Schritt-Setup, Layout-Tipps und Grenzen gegenüber fortgeschrittenen Einbettungsoptionen für mehr Anpassung
So füllen Sie die Informationen einer eingeladenen Person in einer Einbettung aus
Erfahren Sie, wie Sie in Ihrer Calendly-Einbettung Informationen eingeladener Personen wie Name und E-Mail automatisch vorbefüllen, mit einer Schritt-für-Schritt-Anleitung für eine nahtlose Nutzererfahrung
So verfolgen Sie Ihre Calendly-Einbettung mit UTM-Parametern
Erfahren Sie, wie Sie Calendly-Einbettungen mit UTM-Parametern (Urchin-Tracking-Modul) effektiv verfolgen, Traffic-Quellen analysieren und UTM-Tags hinzufügen, um Marketingkampagnen in Google Analytics besser auszuwerten
Wie Sie die Einbettungsaktivität in Google Analytics verfolgen
Verfolgen Sie mit Google Analytics Besucherinteraktionen Ihres in Calendly eingebetteten Planungs-Links. Richten Sie Tracking und UTM-Parameter (Urchin-Tracking-Modul) für Quellenanalyse ein und überwachen Sie Kernereignisse im Dashboard.
Fehlerbehebung bei Calendly-Einbettungen
Dieser Leitfaden zeigt Lösungen für gängige Probleme beim Einbetten von Calendly, etwa Scroll-Probleme, Adblocker, mobile Dropdowns und Layout-Anpassungen, und erklärt, wie Sie Einbettungen effektiv beheben und optimieren.