Widget agenda à intégrer
Intégrer en iframe le widget des prochains évènements de votre groupe sur votre site internet, avec thème personnalisable.
Pourquoi un widget ?
Votre groupe a déjà un site internet ou une page sur celui de votre association ? Le widget agenda vous permet d'afficher en quelques lignes de HTML les 5 prochains évènements publics de votre groupe, sans dupliquer la donnée.
À chaque évènement créé sur la plateforme, le widget se met à jour automatiquement.
URL du widget
https://jechercheungroupe.bzh/groups/<slug>/widget/Remplacez <slug> par le slug public de votre groupe (visible dans l'URL de votre fiche).
Intégration en iframe
Collez ce snippet dans le code HTML de votre page :
<iframe
src="https://jechercheungroupe.bzh/groups/votre-slug/widget/"
width="100%"
height="500"
frameborder="0"
loading="lazy"
title="Prochains évènements">
</iframe>Le widget est responsive : il s'adapte à la largeur de son conteneur.
Personnalisation
Deux paramètres sont disponibles via l'URL :
| Paramètre | Valeurs | Effet |
|---|---|---|
theme |
light (défaut), dark |
Thème clair ou sombre |
accent |
code couleur hex (ex. #3b82f6) |
Couleur d'accent (boutons, liens) |
Exemple thème sombre, accent rouge
https://jechercheungroupe.bzh/groups/votre-slug/widget/?theme=dark&accent=%23dc2626Le code couleur doit être au format hex 6 caractères (ex. #3b82f6). Le caractère # doit être encodé en %23 dans l'URL.
Cache
Le widget est mis en cache 5 minutes côté navigateur. Une mise à jour d'évènement apparaît donc dans les minutes qui suivent.
Sécurité
Le widget est servi avec les en-têtes adéquats (X-Frame-Options: ALLOWALL, Content-Security-Policy: frame-ancestors *) pour pouvoir être intégré sur n'importe quel site.
