Intégrer

Avec une ligne de code, une partie de Ledenboek apparaît sur le site de l'association : le formulaire d'inscription, le calendrier ou l'annuaire des membres. Aucune clé n'est nécessaire ; un widget n'affiche que ce que l'association a rendu public.

Fonctionnement

Collez le code à l'endroit de la page où le widget doit apparaître. Remplacez votre-association par le nom court de l'association, tel qu'il figure dans l'adresse de son formulaire d'inscription. Le script fonctionne sur tout site, y compris WordPress et Wix.

HTML

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

Si vous ne pouvez pas ajouter de script, utilisez un iframe avec la même adresse :

HTML

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

Un administrateur trouve les codes avec le nom de sa propre association dans Ledenboek sous Paramètres → Intégrer.

Les widgets

Formulaire d'inscription aanmelden

Les nouveaux membres s'inscrivent depuis votre propre site.

HTML

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

Signaler une modification mutatie

Les membres signalent eux-mêmes un changement d'adresse ou de coordonnées.

HTML

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

Événements evenementen

Les événements à venir, en liste et sur la carte.

HTML

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

Agenda agenda

Les mêmes événements, par ordre chronologique et par mois.

HTML

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

Membres profielen

Membres, professeurs ou entraîneurs, en liste et sur la carte.

HTML

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

Activités de membres ledenactiviteiten

Les activités propres de vos membres, par personne ou toutes ensemble, plus un lien iCal.

HTML

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

Annonces advertenties

Des annonces publiques avec une liste d'attente pour les visiteurs.

HTML

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

Résultats uitslagen

Les résultats des compétitions et des concours que vous avez publiés, regroupés par épreuve.

HTML

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

Liste d'attente wachtlijst

Les visiteurs s'inscrivent eux-mêmes sur la liste pour un cours complet, une portée ou un replacement.

HTML

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

Adapter à votre propre site

Les widgets d'affichage (profielen, advertenties, evenementen, agenda, ledenactiviteiten) s'adaptent avec des attributs data- supplémentaires. Tout est facultatif ; si vous omettez quelque chose, la valeur par défaut s'applique. Les formulaires d'inscription et de modification reprennent automatiquement la couleur de votre association.

Couleur et style

data-accent : couleur d'accent en hexadécimal, par ex. #0f766e (par défaut : la couleur de l'association).
data-achtergrond : wit (blanc, par défaut) ou transparant (transparent).
data-hoeken : rond (arrondis, par défaut) ou recht (droits).
data-schaduw : aan (activée) ou uit (désactivée, par défaut).

Mise en page

data-stijl : kaarten (cartes, par défaut), lijst (liste) ou compact.
data-kolommen : auto (par défaut) ou de 1 à 4.
data-weergave : beide (les deux, par défaut), lijst (liste) ou kaart (carte), pour les éléments avec une carte.
data-kaart-hoogte : hauteur de la carte en pixels, par ex. 300 (par défaut 380).

Quantité d'informations

Membres, champs affichés ou non : data-foto, data-plaats, data-bio, data-website, data-email, data-boeken (valeur uit pour masquer).
Annonces, champs affichés ou non : data-foto, data-plaats, data-omschrijving.
data-max : afficher au maximum ce nombre, par ex. 12.
data-zoek : aan pour une barre de recherche (membres, recherche par nom et localité).
data-groep : limite la liste des membres à un seul groupe public (l'identifiant du groupe dans l'administration).

Exemple

HTML

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

L'annuaire des membres en JSON

L'annuaire public des membres existe aussi en JSON, par exemple pour votre propre mise en page. Il ne contient que les membres actifs avec un profil public.

HTTP

GET https://ledenboek.nl/insluiten/votre-association/profielen.json

Pour les données qui ne sont pas publiques, comme tous les membres ou les factures, utilisez l'API avec une clé. Un administrateur trouve les codes prêts à l'emploi dans Paramètres → Intégrer.