Angebote in eine fremde Website einbetten

Widget anlegen und Code kopieren

1. Auf „Widget anlegen" klicken und einen sprechenden Namen vergeben — „Seepferdchen-Kurse", „Wochenplan Halle Nord".
2. Filter wählen: Kategorien, Standorte, Abteilungen, Wochentage. Mehrfachauswahl ist erlaubt, leer heißt „alles".
3. Ansicht wählen: Liste, Wochenplan, Kalender oder Terminliste.
4. Die Vorschau daneben prüfen — sie zeigt genau das, was später auf eurer Seite steht.
5. Speichern. Darunter steht der fertige Einbettcode zum Kopieren.

Im Code steht dann nur noch die Kennung des gespeicherten Widgets. Der Vorteil zeigt sich beim nächsten Mal: Ändert ihr die Auswahl, ändert ihr sie hier — die fremde Website muss niemand mehr anfassen.

<div data-clubvivo-widget data-id="8bqz3k4p"></div>
<script src="https://euer-verein.clubvivo.de/widget.js" defer></script>

<iframe src="https://euer-verein.clubvivo.de/widget?id=8bqz3k4p"
        title="Angebote und Anmeldung"
        style="width:100%;height:900px;border:0"
        loading="lazy"></iframe>

WordPress: das Plugin statt des Schnipsels

In WordPress hält ein kopierter Schnipsel oft nicht: Der Fließtext-Editor filtert <script> heraus, viele Sicherheits-Plugins tun dasselbe mit gespeicherten Beiträgen, und beim Theme-Wechsel geht der „Individuelles HTML"-Block gern verloren. Unser Plugin macht daraus einen gewöhnlichen Block.

1. Das Plugin unter „Inhalte → Widgets" herunterladen (ZIP-Datei). Die Adresse dort dürft ihr auch an eure Webbetreuung weitergeben.
2. In WordPress: Plugins → Installieren → Plugin hochladen, Datei wählen, installieren, aktivieren.
3. Einstellungen → ClubVivo öffnen und die Adresse eurer ClubVivo-Seite eintragen, also https://euer-verein.clubvivo.de.
4. Eine Seite bearbeiten und den Block „ClubVivo Angebote" einfügen — oder im klassischen Editor [clubvivo] schreiben.
5. In der Seitenleiste unter „Welches Widget?" eines eurer gespeicherten Widgets wählen.

[clubvivo id="8bqz3k4p"]
[clubvivo ansicht="wochenplan" tage="di,do"]
[clubvivo kategorie="bronze,silber" sortierung="titel"]

Voraussetzung sind WordPress 6.0 und PHP 7.4 oder neuer. Ein API-Schlüssel wird nicht gebraucht und auch nicht angeboten: Die Angebotsliste ist öffentlich und wird nur gelesen.

Wix, Jimdo und andere Baukästen

Der Code ist überall derselbe, nur der Einfügeort unterscheidet sich.

• WordPress ohne Plugin: Block „Individuelles HTML" — nicht der Absatz-Editor.
• Wix: Element „Einbetten" → „Code einbetten" → „HTML-Code". Bleibt die Skript-Fassung dort 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: ein HTML-Element bzw. Custom-Code-Block, Skript-Fassung.

Wenn nichts erscheint

1. Öffnet die Widget-Adresse direkt im Browser. Ist sie dort leer, liegt es nicht am Baukasten, sondern an den Filtern — dann passt kein Angebot dazu.
2. Prüft, ob ein Cookie- oder Sicherheits-Plugin fremde Skripte zurückhält, bis jemand zustimmt. Gebt widget.js dort frei.
3. Prüft unter „Wer darf einbetten?", ob die Adresse eurer Website eingetragen ist — falls ihr die Einbettung dort eingeschränkt habt.
4. Bleibt der Rahmen weiß, nehmt versuchsweise die iframe-Fassung: Manche Baukästen sperren Skripte in eine eigene Sandbox.

Was dabei über eure Besucher übertragen wird

Das Widget setzt keine Cookies, speichert nichts im Browser und vergibt keine Kennung. Es lädt auch keine Schriften von Google und kein Analyse-Skript. Übertragen wird das, was jeder Seitenaufruf überträgt: die aufgerufene Adresse und die IP-Adresse.

Trotzdem gehört die Einbettung in eure Datenschutzerklärung — es wird ein Inhalt von einer anderen Adresse geladen. Meldet sich jemand an, verarbeiten wir die Daten wie bei jeder Anmeldung direkt auf eurer ClubVivo-Seite: als Auftragsverarbeiter für euch.