🚀 So fügen Sie Koalendar zu Ihrer Website hinzu

👉 Beispiele für unsere Einbettungsoptionen anzeigen →

Lassen Sie Besucher Termine mit Ihnen vereinbaren, ohne Ihre Website verlassen zu müssen. Koalendar bietet mehrere schnelle Einbettungsmethoden – ganz ohne Programmierkenntnisse – und ein erweitertes JavaScript-SDK für vollständige Kontrolle. Wählen Sie unten die Option, die zu Ihrem Arbeitsablauf passt.

📖 Menü

1. ✂️ Schritt 1 – Wählen Sie aus, was Sie einbetten möchten
2. 🔗 Schritt 2 – Kopieren Sie Ihren Einbettungscode
3. 🌐 Plattformspezifische Anleitungen
4. 🛠️ Erweiterte Einbettung (JavaScript)
5. 🖼️ iframe-Fallback (ohne JS)

✂️ Schritt 1 – Wählen Sie aus, was Sie einbetten möchten

Koalendar kann zwei Arten von Inhalten in Ihre Website einbetten:

💡 Tipp: Sie wissen nicht, wie Sie Ihre öffentliche Seite teilen können? Befolgen Sie diese kurze Anleitung: So teilen Sie Ihren öffentlichen Link (Liste aller Buchungsseiten)

🔗 Schritt 2 – Kopieren Sie Ihren Einbettungscode

1. In Ihrem Koalendar-Dashboardauf „Teilen ” auf der Buchungsseite, die Sie bewerben möchten:

   

2. Klicken Sie auf „Zur Website hinzufügen “:

   

3. Wählen Sie den gewünschten Einbettungsstil aus (Inline, Popup-Widget, Popup-Text):

   

4. Klicken Sie auf„Code kopieren“und fügen Sie ihn in den HTML-Code Ihrer Website ein.

Tipp: Benötigen Sie mehrere Seiten in einer Einbettung? Erstellen Sie zunächst eine öffentliche Seite und betten Sie dann diesen Link ein.

🌐 Plattformspezifische Anleitungen

Die meisten Entwickler arbeiten auf die gleiche Weise – sie fügen den Code in einen Einbettungs-/HTML-Block ein –, aber wir bieten detaillierte Anleitungen für beliebte Plattformen:

• WordPress
• Squarespace
• Wix
• Google-Websites
• Shopify
• Joomla
• Unbounce
• Webflow
• Weebly
• Linktree

Wenn Ihr Builder nicht aufgeführt ist, gelten dennoch die oben genannten allgemeinen Anweisungen – suchen Sie einfach in Ihrem Editor nach dem HTML-, Code- oder Einbettungs-Widget.

🛠️ Erweiterte Einbettung (JavaScript)

Benötigen Sie einen benutzerdefinierten Popup-Trigger oder eine programmatische Steuerung? Fügen Sie einfach unseren kompakten JavaScript-Schnipsel ein, und schon sind Sie startklar.

📚 Vollständige Anweisungen und Code-Beispiele: Erweiterte Koalendar-Einbettung für Entwickler

🖼️ iframe-Fallback (ohne JS)

Wenn Ihre Plattform benutzerdefiniertes JavaScript entfernt (was bei einigen kostenlosen Tarifen der Fall ist), binden Sie Koalendar mit einem einfachen <iframe> stattdessen:

<iframe src="PASTE_YOUR_KOALENDAR_LINK_HERE?embed=true" width="100%" height="800" frameborder="0"></iframe>

Schritt-für-Schritt-Anleitung ➡︎ So binden Sie Koalendar mit einem iframe ein