Eure Angebote auf eurer bestehenden Website
Ihr habt eine Website, die euch gefällt, und wollt sie behalten? Dann bettet nur die Angebotsliste ein. Sie zieht ihre Daten aus ClubVivo, und die Anmeldung läuft mit allem, was dazugehört: Warteliste, Bestätigung, Rechnung.
- Ein Code zum Kopieren
- Keine Cookies
- Kein API-Schlüssel
Die meisten Vereine stehen vor derselben Wahl: Entweder die Anmeldung liegt auf einer zweiten Adresse, zu der man Besucher wegschickt — oder man baut die ganze Website neu. Beides ist mehr, als die Frage verdient. Das Widget ist der dritte Weg: Eure Seite bleibt, wo sie ist, und bekommt an einer Stelle eine Liste, die immer stimmt.
In drei Schritten
Vom Widget zum Code
Alles davon passiert in der Verwaltung unter „Inhalte → Widgets“.
- Widget anlegen und ihm einen Namen geben — „Seepferdchen-Kurse“, „Wochenplan Halle Nord“. Ihr könnt beliebig viele anlegen und auf verschiedenen Seiten unterschiedliche Ausschnitte zeigen.
- Auswählen, was es zeigt: Kategorien, Standorte, Abteilungen und Wochentage, jeweils auch mehrere. Daneben läuft eine Vorschau mit euren echten Angeboten mit.
- Code kopieren und einfügen — in eurem Baukasten an die Stelle, an der die Liste stehen soll.
<div data-clubvivo-widget data-id="8bqz3k4p"></div>
<script src="https://euer-verein.clubvivo.de/widget.js" defer></script>Passt die Höhe automatisch an: Die Einbettung wächst und schrumpft mit der Zahl der Angebote — kein Scrollbalken im Scrollbalken.
<iframe src="https://euer-verein.clubvivo.de/widget?id=8bqz3k4p"
title="Angebote und Anmeldung"
style="width:100%;height:900px;border:0"
loading="lazy"></iframe>Für Baukästen, die kein eigenes JavaScript zulassen. Feste Höhe statt automatischer.
In beiden Fassungen steht nur die Kennung des gespeicherten Widgets. Das ist der eigentliche Trick: Ändert ihr später die Auswahl, ändert ihr sie bei uns — die fremde Website muss niemand mehr anfassen. Wer lieber alles ausschreibt, kann die Filter auch direkt in den Code schreiben; beide Schreibweisen bleiben gültig.
Vier Ansichten
Liste, Wochenplan, Kalender oder Terminliste
Dieselben Daten, vier Darstellungen — je Widget frei wählbar.
Liste
Kachel je Angebot mit Termin, Ort, freien Plätzen und Preis. Die Voreinstellung.
Wochenplan
Raster von Montag bis Sonntag über die Uhrzeiten — der Stundenplan eurer Woche.
Kalender
Monatsgitter mit allen Terminen, vor- und zurückblätterbar.
Terminliste
Chronologisch nach Tagen — gut für Ferienkurse und Veranstaltungen.
Dazu die Reihenfolge: nach Startdatum, nach Wochentag, alphabetisch oder nach freien Plätzen. Ein volles Angebot verschwindet nicht, sondern zeigt die Warteliste.
Einbauort
Wo der Code in eurem Baukasten hingehört
Der Code ist überall derselbe, nur der Einfügeort unterscheidet sich.
Wer die Einrichtung Schritt für Schritt durchgehen will, findet sie auf der Einrichtungsseite: eine Frage nach eurem Baukasten, danach der passende Weg samt Probe und den häufigsten Fehlerursachen.
| Baukasten | Wo | Zu beachten |
|---|---|---|
| WordPress | Am besten mit unserem Plugin — sonst Block „Individuelles HTML“. | Nicht der Absatz-Editor: Der filtert <script> heraus. |
| Wix | Element „Einbetten“ → „Code einbetten“ → „HTML-Code“. | Wix legt den Inhalt in eine eigene Sandbox. Bleibt sie leer, nehmt die iframe-Fassung. |
| Jimdo | „Weitere Elemente & Add-ons“ → „HTML“. | Im Gratis-Tarif ist JavaScript gesperrt — dort ausschließlich die iframe-Fassung. |
| Joomla, TYPO3, Squarespace | HTML-Element bzw. Custom-Code-Block. | Skript-Fassung, wie in WordPress mit Block. |
Läuft eure Website mit WordPress?
Dann nehmt statt des Schnipsels unser Plugin: ein gewöhnlicher Block, der Theme-Wechsel und Sicherheits-Plugins übersteht — samt Shortcode für den klassischen Editor.
Technik und Datenschutz
Was auf eurer Seite passiert – und was nicht
Keine Spuren im Browser
- Keine Cookies, keine Kennung, nichts im Speicher des Browsers
- Keine Schriften von Google, kein Analyse-Skript, kein CDN
- Übertragen wird, was jeder Seitenaufruf überträgt: Adresse und IP
- Die Einbettung gehört trotzdem in eure Datenschutzerklärung
Ihr bestimmt, wer einbetten darf
In der Verwaltung tragt ihr ein, auf welchen Adressen euer Widget erscheinen darf. Voreingestellt ist „alle“ — wer es enger haben will, trägt seine Domains ein, und der Browser hält den Rahmen überall sonst leer.
Wer im Widget auf „Anmelden“ klickt, landet in einem neuen Tab auf eurer ClubVivo-Seite. Ein Anmeldeformular in einem 420 Pixel hohen Rahmen ist niemandem zuzumuten.
Und wenn wir doch keine eigene Website haben?
Dann braucht ihr das Widget nicht.
Im Basispaket steckt ein Website-Baukasten mit Seiten-Editor, eigener Adresse und SEO-Verwaltung. Die Angebotsliste ist dort ein Block wie jeder andere — dieselben Daten, ohne Einbettcode. Beides nebeneinander geht auch: die neue Seite bei uns, die alte weiterhin mit Widget.