Mit dem Veranstaltungs-Widget erscheinen deine öffentlichen Veranstaltungen auf deiner Vereinswebsite. Änderungen im Dashboard übernimmt das Widget automatisch, du pflegst die Termine also nur 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 Veranstaltungen, die Veröffentlicht sind und die Sichtbarkeit Öffentlich haben. Veranstaltungen Nur Mitglieder und Entwürfe erscheinen nie (Veranstaltungen).
- Nur Veranstaltungen, die noch nicht vorbei sind, die nächste zuerst.
- Bei Veranstaltungen 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 die Veranstaltung voll, steht «Ausgebucht» oder, mit Warteliste, «Warteliste offen». Nach der Anmeldefrist steht «Anmeldung geschlossen».
- Unten ein Link Kalender abonnieren, damit Besucherinnen und Besucher alle öffentlichen 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-Layout (Karten nebeneinander) oder Listen-Layout (untereinander). Die Vorschau zeigt das Ergebnis.
- Mit Code kopieren den Code kopieren und auf deiner Website einfügen, genau wie beim Formular einbetten.
Der Code sieht so aus, mit der Kennung deines Vereins statt dein-verein:
<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> <p style="margin: 8px 0 0; font-size: 12px; text-align: right;"> Anlässe verwaltet mit <a href="https://www.membear.ch/de" target="_blank" rel="noopener">Membear</a> </p>
Das Skript embed.js passt die Höhe an die Anzahl Veranstaltungen an. Ohne Skript bleibt die Höhe beim Wert von height. Die Zeile <p> am Schluss zeigt einen kleinen Hinweis auf Membear unter dem Widget.
Optionen in der Adresse
| Parameter | Werte | Standard |
|---|---|---|
layout | grid (Raster) oder list (Liste) | grid |
limit | Anzahl Veranstaltungen, 1 bis 100 | 100 |
Beispiel für die nächsten drei Veranstaltungen als Liste: https://www.membear.ch/events/dein-verein?layout=list&limit=3
Eigene Darstellung
Willst du die Veranstaltungen 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).