Einen Plan auf einer Website einbetten
Zeige einen veröffentlichten Plan mit automatischer Höhe oder festen Maßen auf deiner Website.
Auf dieser Seite
Vor dem Start
- Veröffentliche den Plan als angemeldeter Eigentümer. Kostenlos ist nur der primäre Plan öffentlich verfügbar; weitere Pläne erfordern Pro.
- Nutze die ScheduleBuilder-Website. Einbettungs- und WordPress-Optionen fehlen in der Android- und Windows-App.
- Du benötigst Zugriff auf einen Websitebereich, der iframe-Code erlaubt. Automatische Höhe erfordert zusätzlich ein script-Tag.
Einbettungsoptionen wählen
Öffne Teilen → Einbetten für den veröffentlichten Plan.
Wähle Sprache und unter Titel des Zeitplans die Option Anzeigen oder Ausblenden. Ereignistexte werden nicht übersetzt.
Prüfe synchronisierte Kalenderinhalte vor dem Einbetten. Künftige Ereignisse und Änderungen können öffentlich werden; verfügbare Beschreibungen werden immer übernommen. Das Trennen hebt die Veröffentlichung behaltener Ereignisse nicht auf. Beende die Veröffentlichung separat.
Synchronisierte Inhalte und öffentlichen Zugriff verstehen
Wähle eine Größenoption und Kopieren. Der Code enthält deinen aktuellen öffentlichen Token sowie Sprache und Titelwahl. Ersetze in den Beispielen TOKEN durch den Token des öffentlichen Links, nicht durch den Plannamen oder die private ID.
Alternative 1: Automatische Höhe
Wähle bei Einbettungsgröße die Option Automatisch und kopiere den vollständigen Code mit iframe und embed.js. Das Skript passt die Höhe an. Entfernt die Website Skripte, verwende feste Maße.
<iframe src="https://schedulebuilder.net/de/e/TOKEN" width="100%" height="240" style="border:0;display:block" loading="lazy" title="Schedule"></iframe>
<script async src="https://schedulebuilder.net/embed.js"></script>Alternative 2: Feste Maße
Wähle Einbettungsgröße → Benutzerdefiniert, gib Breite und Höhe ein und wähle Kopieren. embed.js ist nicht nötig. 100% und 600 ergeben die volle verfügbare Breite und 600 Pixel Höhe.
<iframe src="https://schedulebuilder.net/de/e/TOKEN" width="100%" height="600" style="border:0" loading="lazy" title="Schedule"></iframe>Einfügen und prüfen
Füge den Code in den HTML- oder Codebereich deiner Website ein.
Speichere die Seite und prüfe sie als Besucher auf Computer und Handy: Sprache, Titel, Ereignisdetails und Größe.
| Problem | Prüfen |
|---|---|
| Plan abgeschnitten | Bei Automatisch muss embed.js erlaubt sein. Bei Benutzerdefiniert die Höhe erhöhen. Werden Skripte entfernt, feste Maße verwenden. |
| Änderungen fehlen | Auf das Speichern warten und die Webseite neu laden. Normale Änderungen benötigen keinen neuen Code. |
| Plan nicht verfügbar | Zuerst den öffentlichen Link prüfen. Veröffentlichung und Tarif des Eigentümers müssen den Zugriff erlauben. |
Was die Einbettung zeigt
Einbettungen zeigen den Plan und schreibgeschützte Ereignisdetails mit einem ScheduleBuilder-Wasserzeichen und Link, auch bei Pro-Eigentümern. Eigenes Branding und öffentliche Export-, Druck-, Freigabe- und Editor-Aktionen fehlen. Private Aufgaben, Aufgabennotizen und die Notizen des Eigentümers sind ausgeschlossen; Ereignisbeschreibungen bleiben sichtbar.