Chortermine auf der eigenen Webseite einbetten

Ihre Chortermine auf jeder Webseite

Viele Chöre haben bereits eine eigene Webseite - sei es eine WordPress-Seite, eine Vereinshomepage oder eine einfache HTML-Seite. Das Problem: Die Termine müssen oft an zwei Stellen gepflegt werden - einmal in Chorilo für die interne Organisation und einmal auf der Webseite für die Öffentlichkeit.

Mit dem neuen Chorilo Embed-Widget gehört dieses Problem der Vergangenheit an. Kopieren Sie einfach einen kurzen Code-Schnipsel auf Ihre Webseite, und Ihre Termine werden automatisch angezeigt - immer aktuell, ohne doppelte Datenpflege.

So funktioniert es

Die Integration ist denkbar einfach. Sie benötigen lediglich zwei Zeilen HTML-Code:

<!-- Chorilo Events Widget -->
<div data-chorilo-events="ihr-url-slug"></div>
<script src="https://backend.chorilo.com/embed/chorilo-events.js" async></script>

Ersetzen Sie ihr-url-slug durch den URL-Slug Ihrer öffentlichen Chorilo-Webseite. Diesen finden Sie in den Webseiten-Einstellungen unter "URL-Adresse".

Den Embed-Code finden

Den fertigen Code zum Kopieren finden Sie direkt in Chorilo:

1. Navigieren Sie zu Ihrem Ensemble
2. Öffnen Sie die Öffentliche Webseite Einstellungen
3. Aktivieren Sie unter "Veranstaltungen" mindestens einen Event-Typ (Proben, Konzerte oder Veranstaltungen)
4. Der Einbettungscode erscheint automatisch
5. Klicken Sie auf "Kopieren" und fügen Sie den Code auf Ihrer Webseite ein

Besonders praktisch: Sie können direkt in Chorilo eine Vorschau des Widgets sehen, bevor Sie es auf Ihrer Webseite einbinden.

Was wird angezeigt?

Das Widget zeigt alle kommenden Termine an, die Sie in den Veranstaltungseinstellungen freigegeben haben:

• Titel des Termins
• Datum und Uhrzeit im lokalen Format
• Ort der Veranstaltung
• Event-Typ als farbiges Badge (Probe, Konzert, Veranstaltung)
• Beschreibung (optional, wenn in den Einstellungen aktiviert)

Wichtig: Es wird nur die öffentliche Beschreibung angezeigt, nicht die interne Beschreibung. So können Sie intern Notizen wie "Bitte Noten mitbringen" hinterlegen, während auf der Webseite nur die für die Öffentlichkeit bestimmten Informationen erscheinen.

Unabhängig von der öffentlichen Webseite

Ein besonderer Vorteil: Das Embed-Widget funktioniert auch dann, wenn Ihre öffentliche Chorilo-Webseite deaktiviert ist. Sie können also Ihre bestehende Webseite behalten und trotzdem von der automatischen Terminsynchronisation profitieren.

Viele Chöre haben über Jahre hinweg eine eigene Webseite aufgebaut, die perfekt zu ihrer Identität passt. Vielleicht wurde sie von einem Mitglied liebevoll gestaltet, oder ein lokaler Webdesigner hat sie erstellt. Diese Webseite aufzugeben, nur um die Chorilo-Funktionen zu nutzen, wäre schade. Mit dem Embed-Widget müssen Sie das nicht. Sie behalten Ihre vertraute Webseite mit all ihren individuellen Inhalten und ergänzen sie einfach um einen automatisch aktualisierten Terminkalender.

Das spart nicht nur Zeit bei der Pflege, sondern verhindert auch Fehler. Wie oft ist es schon passiert, dass ein Termin in der internen Planung geändert wurde, aber die Aktualisierung auf der Webseite vergessen wurde? Mit dem Embed-Widget gehört das der Vergangenheit an. Jede Änderung in Chorilo wird sofort auf Ihrer Webseite sichtbar - ohne dass Sie auch nur einen Finger rühren müssen.

Schlichtes, modernes Design

Das Widget ist bewusst schlicht gehalten, um sich nahtlos in jede Webseite einzufügen:

• Klare Typografie mit System-Schriftarten
• Dezente Farbgebung mit Ihrer Theme-Farbe als Akzent
• Responsive Layout für alle Bildschirmgrößen
• Keine störenden Rahmen oder überladene Elemente

Technische Details

Für technisch Interessierte: Das Widget ist als selbstständiges JavaScript implementiert, das keine Abhängigkeiten benötigt. Es:

• Lädt asynchron, blockiert also nicht das Laden Ihrer Seite
• Injiziert eigene CSS-Styles, die Ihre bestehenden Styles nicht beeinflussen
• Ruft die Termine über eine öffentliche API ab
• Unterstützt mehrere Widgets auf einer Seite
• Ist DSGVO-konform ohne Tracking-Cookies

Anwendungsbeispiele

WordPress-Integration

Fügen Sie den Code einfach in einen HTML-Block oder ein Text-Widget ein. Das Widget erscheint dann an der gewünschten Stelle Ihrer WordPress-Seite.

Vereinshomepage

Auf der Startseite Ihres Vereins können Sie das Widget prominent platzieren, damit Besucher sofort die nächsten Termine sehen.

Event-Seite

Erstellen Sie eine dedizierte "Termine"-Unterseite und binden Sie dort das Widget ein für eine übersichtliche Terminliste.

Häufige Fragen

Wie oft aktualisiert sich das Widget?

Bei jedem Seitenaufruf werden die aktuellen Termine geladen. Ändern Sie einen Termin in Chorilo, ist er sofort auf Ihrer Webseite sichtbar.

Kann ich das Design anpassen?

Die Hauptfarbe wird über Ihre Theme-Farbe in den Webseiten-Einstellungen gesteuert. Weitere Anpassungen sind über eigenes CSS möglich.

Funktioniert es auf mobilen Geräten?

Ja, das Widget ist vollständig responsive und passt sich automatisch an alle Bildschirmgrößen an.

Muss ich etwas installieren?

Nein, Sie fügen nur den HTML-Code ein. Das JavaScript wird automatisch von unseren Servern geladen.

Was passiert, wenn keine Termine vorhanden sind?

Das Widget zeigt dann eine freundliche Meldung "Keine kommenden Veranstaltungen" an.

Für Konzertbesucher und neue Mitglieder

Eine aktuelle Terminübersicht auf Ihrer Webseite ist nicht nur praktisch für die interne Organisation, sondern auch ein wichtiges Werkzeug für die Außendarstellung Ihres Chores. Konzertbesucher möchten auf einen Blick sehen, wann und wo der nächste Auftritt stattfindet. Potenzielle neue Mitglieder suchen nach Schnupperproben, um Ihren Chor kennenzulernen.

Mit dem Embed-Widget präsentieren Sie diese Informationen professionell und einladend. Die klare Darstellung mit Datum, Uhrzeit und Ort macht es Interessierten leicht, den passenden Termin zu finden. Und weil das Widget immer aktuell ist, müssen Sie sich keine Sorgen machen, dass veraltete Informationen potenzielle Besucher oder Mitglieder abschrecken.

Besonders wertvoll ist die Möglichkeit, verschiedene Termintypen gezielt freizugeben. Möchten Sie nur Konzerte öffentlich zeigen? Kein Problem. Sollen auch Proben sichtbar sein, damit Interessierte vorbeischauen können? Auch das ist mit wenigen Klicks eingestellt. Sie behalten die volle Kontrolle darüber, welche Termine auf Ihrer Webseite erscheinen.

Fazit: Weniger Arbeit, mehr Aktualität

Das Chorilo Embed-Widget ist die perfekte Lösung für alle Chöre, die bereits eine eigene Webseite haben und ihre Termine dort anzeigen möchten. Statt Termine doppelt zu pflegen, nutzen Sie einfach die Daten aus Chorilo - automatisch aktualisiert, schön gestaltet und an Ihr Design angepasst.

Die Einrichtung dauert nur wenige Minuten: Aktivieren Sie die Veranstaltungsanzeige in Ihren Webseiten-Einstellungen, wählen Sie aus, welche Termintypen sichtbar sein sollen, kopieren Sie den bereitgestellten Code und fügen Sie ihn an der gewünschten Stelle Ihrer Webseite ein. Ab diesem Moment werden alle Ihre Chortermine automatisch synchronisiert. Änderungen, die Sie in Chorilo vornehmen, erscheinen sofort auf Ihrer Webseite - ohne weiteres Zutun.

Probieren Sie es aus und erleben Sie, wie viel einfacher die Pflege Ihrer Webseite wird, wenn Sie sich nicht mehr um die manuelle Aktualisierung von Terminen kümmern müssen.