How to Embed Koalendar with an <iframe>

Koalendar bietet mehrere Einbettungsoptionen, die JavaScript zur Steuerung des Layouts und Verhaltens verwenden. Wenn Ihre Plattform jedoch kein JavaScript unterstützt – oder nur iframe-Inhalte zulässt –, können Sie Koalendar dennoch mit einer einfachen iframe-Konfiguration einbetten.

📑 Menü

Schritt 1 – Kopieren Sie Ihren Koalendar-Link
Schritt 2 – Erstellen und Einfügen des Iframes
Fehlerbehebung

📋 Schritt 1 – Kopieren Sie Ihren Koalendar-Link

In Ihrem Koalendar-Dashboard die Buchungsseite aus, die Sie einbetten möchten.
Klicken Teilen und kopieren Sie die URL (z. B. https://koalendar.com/e/your-page).

📝 Schritt 2 – Erstellen und Einfügen des Iframes

Fügen Sie Ihren Link in die untenstehende Vorlage ein und fügen Sie dann den HTML-Code zu Ihrer Website hinzu.

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

Wenn Ihr Link bereits ein ? ersetzen ?embed=true mit &embed=true .
Fügen Sie diesen Code in einen beliebigen HTML-/Einbettungs-/Code -Block Ihres Website-Builders ein und speichern oder veröffentlichen Sie ihn anschließend.

Besucher sehen Ihren Kalender sofort – ganz ohne Skripte.

🛠️ Fehlerbehebung

Problem	Beheben
Nichts zeigt	Überprüfen Sie die vollständige `https://` Die URL ist intakt und veröffentlicht.
Bildlaufleisten werden angezeigt	Erhöhung `Höhe` oder CSS hinzufügen `Überlauf: Ausgeblendet` zum übergeordneten Container.
Seitenersteller entfernt iframe	Einige kostenlose Tarife lassen keine benutzerdefinierten HTML-Codes zu – überprüfen Sie die Einschränkungen Ihrer Plattform.

Suchen Sie nach weiteren Einbettungsstilen – wie Popup-Widget oder Popup-Text/Button– oder erweiterten Parametern? Schauen Sie hier: