Mit dem Veranstaltungs-Widget erscheinen deine öffentlichen Anlässe auf deiner Vereinswebsite. Änderungen im Dashboard sind dort nach spätestens einer Minute sichtbar, du pflegst die Termine also nur noch an einem Ort.
Am Ende hast du: eine Terminliste auf deiner Website mit Datum, Ort, Preis, freien Plätzen und einem Button zur Anmeldung.
Was angezeigt wird
- Nur Anlässe, die veröffentlicht sind und die Sichtbarkeit Öffentlich haben. Anlässe nur für Mitglieder erscheinen nie.
- Nur Anlässe, die noch nicht vorbei sind, der nächste zuerst.
- Bei Anlässen mit Anmeldung: Anmeldefrist, freie Plätze und ein Button Anmelden. Er öffnet die Login-Seite des Mitgliederportals in einem neuen Tab, dort melden sich Mitglieder an. Ist der Anlass voll, steht «Ausgebucht» oder, mit Warteliste, «Warteliste offen».
- Unten ein Link Kalender abonnieren, damit Besucherinnen und Besucher alle Termine in ihren Kalender übernehmen können.
Farben, Schriften und Rahmen übernimmt das Widget aus deinem Anmeldeformular.
Code holen
- Veranstaltungen öffnen und oben Einbettungscode wählen.
- Layout wählen: Raster (Karten nebeneinander) oder Liste (untereinander).
- Code kopieren und auf deiner Website einfügen, genau wie beim Formular einbetten.
<iframe src="https://www.membear.ch/events/dein-verein?layout=grid" title="Veranstaltungen" data-membear-embed loading="lazy" style="display: block; width: 100%; height: 800px; border: 0;" ></iframe> <script src="https://www.membear.ch/embed.js" async></script>
Das Skript embed.js passt die Höhe an die Anzahl Anlässe an. Ohne Skript bleibt die Höhe beim Wert von height.
Optionen in der Adresse
| Parameter | Werte | Standard |
|---|---|---|
layout | grid (Raster) oder list (Liste) | grid |
limit | Anzahl Anlässe, 1 bis 100 | 100 |
Beispiel für die nächsten drei Anlässe als Liste: https://www.membear.ch/events/dein-verein?layout=list&limit=3
Eigene Darstellung
Willst du die Anlässe selbst gestalten, zum Beispiel in deinem WordPress-Theme, hol sie über die öffentliche API (GET /api/v1/dein-verein/events) oder als Kalender-Feed (/api/v1/dein-verein/events/calendar).