Einbetten

Mit einer Zeile Code erscheint ein Teil von Ledenboek auf der Website des Vereins: das Anmeldeformular, der Kalender oder das Mitgliederverzeichnis. Ein Schlüssel ist nicht nötig; ein Widget zeigt nur, was der Verein öffentlich gemacht hat.

So funktioniert es

Fügen Sie den Code an der Stelle der Seite ein, an der das Widget erscheinen soll. Ersetzen Sie dein-verein durch den Kurznamen des Vereins, wie er in der Adresse seines Anmeldeformulars steht. Das Script funktioniert auf jeder Website, auch in WordPress und Wix.

<script src="https://ledenboek.nl/insluiten/embed.js"
        data-vereniging="dein-verein"
        data-type="evenementen"></script>

Können Sie kein Script einfügen, verwenden Sie einen iframe mit derselben Adresse:

<iframe src="https://ledenboek.nl/insluiten/dein-verein/evenementen"
        style="width:100%;border:0;min-height:600px" loading="lazy"></iframe>

Ein Administrator findet die Codes mit dem Namen des eigenen Vereins in Ledenboek unter Einstellungen → Einbetten.

Die Widgets

Anmeldeformular aanmelden

Neue Mitglieder melden sich über Ihre eigene Website an.

<script src="https://ledenboek.nl/insluiten/embed.js"
        data-vereniging="dein-verein"
        data-type="aanmelden"></script>

Änderung mitteilen mutatie

Mitglieder melden selbst eine neue Adresse oder neue Kontaktdaten.

<script src="https://ledenboek.nl/insluiten/embed.js"
        data-vereniging="dein-verein"
        data-type="mutatie"></script>

Veranstaltungen evenementen

Kommende Veranstaltungen, als Liste und auf der Karte.

<script src="https://ledenboek.nl/insluiten/embed.js"
        data-vereniging="dein-verein"
        data-type="evenementen"></script>

Kalender agenda

Dieselben Veranstaltungen, chronologisch nach Monat.

<script src="https://ledenboek.nl/insluiten/embed.js"
        data-vereniging="dein-verein"
        data-type="agenda"></script>

Mitglieder profielen

Mitglieder, Kursleiter oder Trainer als Liste und auf der Karte.

<script src="https://ledenboek.nl/insluiten/embed.js"
        data-vereniging="dein-verein"
        data-type="profielen"></script>

Mitgliederangebote ledenactiviteiten

Die eigenen Angebote Ihrer Mitglieder, pro Person oder gemeinsam, dazu ein iCal-Link.

<script src="https://ledenboek.nl/insluiten/embed.js"
        data-vereniging="dein-verein"
        data-type="ledenactiviteiten"></script>

Anzeigen advertenties

Öffentliche Anzeigen mit einer Warteliste für Besucher.

<script src="https://ledenboek.nl/insluiten/embed.js"
        data-vereniging="dein-verein"
        data-type="advertenties"></script>

Ergebnisse uitslagen

Die Ergebnisse von Wettkämpfen und Prüfungen, die Sie freigegeben haben, nach Wettbewerb gruppiert.

<script src="https://ledenboek.nl/insluiten/embed.js"
        data-vereniging="dein-verein"
        data-type="uitslagen"></script>

Warteliste wachtlijst

Besucher stellen sich selbst an für einen vollen Kurs, einen Wurf oder eine Vermittlung.

<script src="https://ledenboek.nl/insluiten/embed.js"
        data-vereniging="dein-verein"
        data-type="wachtlijst"
        data-lijst="a1b2c3d4e5"></script>

An Ihre eigene Website anpassen

Die Anzeige-Widgets (profielen, advertenties, evenementen, agenda, ledenactiviteiten) passen Sie mit zusätzlichen data-Attributen an. Alles ist optional; lassen Sie etwas weg, gilt der Standard. Das Anmelde- und das Änderungsformular übernehmen automatisch die Hausfarbe Ihres Vereins.

Farbe & Stil

• data-accent: Akzentfarbe als Hex-Wert, z. B. #0f766e (Standard: die Hausfarbe des Vereins).
• data-achtergrond: wit (weiß, Standard) oder transparant (transparent).
• data-hoeken: rond (abgerundet, Standard) oder recht (eckig).
• data-schaduw: aan (an) oder uit (aus, Standard).

Layout

• data-stijl: kaarten (Karten, Standard), lijst (Liste) oder compact (kompakt).
• data-kolommen: auto (Standard) oder 1 bis 4.
• data-weergave: beide (beides, Standard), lijst (Liste) oder kaart (Karte), für Elemente mit Karte.
• data-kaart-hoogte: Höhe der Karte in Pixeln, z. B. 300 (Standard 380).

Umfang der Informationen

• Mitglieder, Felder an/aus: data-foto, data-plaats, data-bio, data-website, data-email, data-boeken (Wert uit zum Ausblenden).
• Anzeigen, Felder an/aus: data-foto, data-plaats, data-omschrijving.
• data-max: höchstens diese Anzahl anzeigen, z. B. 12.
• data-zoek: aan für eine Suchleiste (Mitglieder, sucht nach Name und Ort).
• data-groep: die Mitgliederliste auf eine öffentliche Gruppe beschränken (die Gruppen-ID aus der Verwaltung).

Beispiel

<script src="https://ledenboek.nl/insluiten/embed.js"
        data-vereniging="dein-verein"
        data-type="evenementen"
        data-accent="#0f766e"
        data-stijl="compact"
        data-kolommen="2"></script>

Das Mitgliederverzeichnis als JSON

Das öffentliche Mitgliederverzeichnis gibt es auch als JSON, etwa für ein eigenes Layout. Es enthält nur aktive Mitglieder mit öffentlichem Profil.

GET https://ledenboek.nl/insluiten/dein-verein/profielen.json