Insluiten

Met één regel code staat een onderdeel van Ledenboek op de website van de vereniging: het inschrijfformulier, de agenda of de ledenlijst. Er is geen sleutel voor nodig; een widget toont alleen wat de vereniging openbaar heeft gemaakt.

Hoe het werkt

Plak de code op de plek in de pagina waar de widget moet komen. Vervang jouw-vereniging door de korte naam van de vereniging, zoals die in het adres van het inschrijfformulier staat. Het script werkt op elke website, ook op WordPress en Wix.

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

Mag je geen script plaatsen, gebruik dan een iframe met hetzelfde adres:

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

Een beheerder vindt de codes met de eigen naam al ingevuld in Ledenboek onder Instellingen → Insluiten.

De widgets

Inschrijfformulier aanmelden

Nieuwe leden schrijven zich in vanaf je eigen site.

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

Wijziging doorgeven mutatie

Leden geven zelf een adres- of contactwijziging door.

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

Evenementen evenementen

Aankomende evenementen, als lijst en op de kaart.

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

Agenda agenda

Dezelfde evenementen, chronologisch per maand.

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

Leden profielen

Leden, docenten of trainers als lijst en op de kaart.

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

Ledenactiviteiten ledenactiviteiten

De eigen activiteiten van je leden, per persoon of gezamenlijk, plus een iCal-link.

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

Advertenties advertenties

Openbare advertenties met een wachtlijst voor bezoekers.

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

Uitslagen uitslagen

De uitslagen van wedstrijden en keuringen die je hebt vrijgegeven, per onderdeel gegroepeerd.

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

Wachtlijst wachtlijst

Bezoekers zetten zichzelf in de rij voor een volle les, een nestje of een herplaatsing.

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

Aanpassen aan je eigen site

De weergave-widgets (profielen, advertenties, evenementen, agenda, ledenactiviteiten) pas je aan met extra data-attributen. Alles is optioneel; laat je iets weg, dan geldt de standaard. Het inschrijf- en wijzigingsformulier nemen automatisch de huisstijlkleur van je vereniging over.

Kleur & stijl

• data-accent — accentkleur als hex, bijv. #0f766e (standaard: de huisstijlkleur van de vereniging).
• data-achtergrond — wit (standaard) of transparant.
• data-hoeken — rond (standaard) of recht.
• data-schaduw — aan of uit (standaard).

Layout

• data-stijl — kaarten (standaard), lijst of compact.
• data-kolommen — auto (standaard) of 1 t/m 4.
• data-weergave — beide (standaard), lijst of kaart (voor onderdelen met een kaart).
• data-kaart-hoogte — hoogte van de kaart in pixels, bijv. 300 (standaard 380).

Hoeveelheid informatie

• Leden — velden aan/uit: data-foto, data-plaats, data-bio, data-website, data-email, data-boeken (waarde uit om te verbergen).
• Advertenties — velden aan/uit: data-foto, data-plaats, data-omschrijving.
• data-max — toon maximaal dit aantal, bijv. 12.
• data-zoek — aan voor een zoekbalk (leden, zoekt op naam en plaats).
• data-groep — beperk de ledenlijst tot één openbare groep (het groep-id uit het beheer).

Voorbeeld

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

De ledenlijst als JSON

De openbare ledenlijst is ook als JSON op te halen, bijvoorbeeld voor een eigen weergave. Hij bevat alleen actieve leden met een openbaar profiel.

GET https://ledenboek.nl/insluiten/jouw-vereniging/profielen.json