Embed

With one line of code, part of Mitgliederbuch appears on the association's website: the sign-up form, the calendar or the member directory. No key is needed; a widget only shows what the association has made public.

How it works

Paste the code where the widget should appear on the page. Replace your-club with the short name of the association, as it appears in the address of its sign-up form. The script works on any website, including WordPress and Wix.

<script src="https://mitgliederbuch.de/insluiten/embed.js"
        data-vereniging="your-club"
        data-type="evenementen"></script>

If you cannot add a script, use an iframe with the same address:

<iframe src="https://mitgliederbuch.de/insluiten/your-club/evenementen"
        style="width:100%;border:0;min-height:600px" loading="lazy"></iframe>

An administrator finds the codes with the association's own name filled in in Mitgliederbuch under Settings → Embed.

The widgets

Registration form aanmelden

New members sign up from your own site.

<script src="https://mitgliederbuch.de/insluiten/embed.js"
        data-vereniging="your-club"
        data-type="aanmelden"></script>

Submit a change mutatie

Members submit address or contact changes themselves.

<script src="https://mitgliederbuch.de/insluiten/embed.js"
        data-vereniging="your-club"
        data-type="mutatie"></script>

Events evenementen

Upcoming events, as a list and on the map.

<script src="https://mitgliederbuch.de/insluiten/embed.js"
        data-vereniging="your-club"
        data-type="evenementen"></script>

Calendar agenda

The same events, in chronological order by month.

<script src="https://mitgliederbuch.de/insluiten/embed.js"
        data-vereniging="your-club"
        data-type="agenda"></script>

Members profielen

Members, teachers or trainers as a list and on the map.

<script src="https://mitgliederbuch.de/insluiten/embed.js"
        data-vereniging="your-club"
        data-type="profielen"></script>

Member activities ledenactiviteiten

The activities your members organise themselves, per person or combined, plus an iCal link.

<script src="https://mitgliederbuch.de/insluiten/embed.js"
        data-vereniging="your-club"
        data-type="ledenactiviteiten"></script>

Classifieds advertenties

Public classifieds with a waiting list for visitors.

<script src="https://mitgliederbuch.de/insluiten/embed.js"
        data-vereniging="your-club"
        data-type="advertenties"></script>

Results uitslagen

The competition and grading results you have released, grouped per section.

<script src="https://mitgliederbuch.de/insluiten/embed.js"
        data-vereniging="your-club"
        data-type="uitslagen"></script>

Waiting list wachtlijst

Visitors put themselves in line for a full class, a litter or a rehoming.

<script src="https://mitgliederbuch.de/insluiten/embed.js"
        data-vereniging="your-club"
        data-type="wachtlijst"
        data-lijst="a1b2c3d4e5"></script>

Adapting it to your own site

You customize the display widgets (profielen, advertenties, evenementen, agenda, ledenactiviteiten) with extra data- attributes. Everything is optional; leave something out and the default applies. The registration and change forms automatically adopt your association's house-style color.

Color & style

• data-accent — accent color as hex, e.g. #0f766e (default: the association's house-style color).
• data-achtergrond — wit (default) or transparant.
• data-hoeken — rond (default) or recht.
• data-schaduw — aan or uit (default).

Layout

• data-stijl — kaarten (default), lijst or compact.
• data-kolommen — auto (default) or 1 to 4.
• data-weergave — beide (default), lijst or kaart (for components with a map).
• data-kaart-hoogte — height of the map in pixels, e.g. 300 (default 380).

Amount of information

• Members — fields on/off: data-foto, data-plaats, data-bio, data-website, data-email, data-boeken (value uit to hide).
• Classifieds — fields on/off: data-foto, data-plaats, data-omschrijving.
• data-max — show at most this number, e.g. 12.
• data-zoek — aan for a search bar (members, searches by name and place).
• data-groep — limit the member list to one public group (the group id from the admin).

Example

<script src="https://mitgliederbuch.de/insluiten/embed.js"
        data-vereniging="your-club"
        data-type="evenementen"
        data-accent="#0f766e"
        data-stijl="compact"
        data-kolommen="2"></script>

The member directory as JSON

The public member directory is also available as JSON, for example for your own layout. It only contains active members with a public profile.

GET https://mitgliederbuch.de/insluiten/your-club/profielen.json