Vos évènements sur votre site
Un code à copier-coller. Aucune compétence technique requise.
Votre association a déjà un site web ? Vous pouvez y afficher la liste de vos évènements MyAsso. Elle se met à jour toute seule : vous publiez dans l'application, votre site suit.
1. Le code à coller
Depuis l'application, ouvrez votre association ▸ icône de partage ▸ onglet Mon site. Vous y réglez l'apparence et vous copiez le code. Il ressemble à ceci :
Remplacez le 1 de l'adresse par le numéro de votre association : c'est
celui que vous trouverez dans le code copié depuis l'application. Collez ensuite le bloc
dans une page de votre site, dans un bloc « HTML » ou « Code
personnalisé » sous WordPress, Wix, Squarespace ou Webflow.
L'adresse porte le nom de votre association suivi de son numéro, sous la forme
/embed/asso/mon-association-1/events. Copiez-la telle quelle depuis
l'application plutôt que de la retaper : c'est le nom exact et le bon numéro.
Seul le numéro final est réellement vérifié. C'est une bonne nouvelle : si vous renommez votre association, le cadre déjà collé sur votre site continue de fonctionner, vous n'avez rien à recoller.
2. Le résultat
Voici le rendu, en direct :
3. Les réglages
Ajoutez ces paramètres à la fin de l'adresse, séparés par &, par
exemple …/events?theme=dark&limit=10.
| Paramètre | Valeurs | Effet |
|---|---|---|
theme |
light, dark |
Force le thème clair ou sombre. Sans ce paramètre, le widget suit la préférence d'affichage de chaque visiteur. |
limit |
1 à 20 | Nombre d'évènements affichés. 5 par défaut. |
header |
0 |
Masque le nom et le logo de l'association, si votre page les affiche déjà. |
accent |
Couleur hexadécimale, ex. 22A06B |
Couleur des dates et des liens, pour accorder le widget à votre charte. |
kind |
all |
Ajoute vos appels à bénévoles (« coups de main ») à la liste. Ils en sont exclus par défaut. |
4. Ajuster la hauteur automatiquement
Le cadre a une hauteur fixe et défile si la liste est plus longue. Pour qu'il s'adapte de lui-même, ajoutez cette ligne une seule fois dans votre page, après le cadre :
Pour aller plus loin
Un agenda auquel s'abonner
Cette adresse est un calendrier au format standard : vos adhérents peuvent s'y abonner depuis Google Agenda, Apple Calendrier ou Outlook, et votre site peut l'afficher dans un calendrier intégré.
Les données brutes, pour un rendu sur mesure
Si vous préférez construire votre propre affichage, la même liste est disponible en JSON, sans authentification et depuis n'importe quel domaine :
Attention, cette adresse-là n'accepte que le numéro seul : contrairement aux deux précédentes, y mettre le nom de l'association renvoie une erreur. Le numéro est celui qui termine l'adresse de votre cadre.
Paramètres acceptés : limit (jusqu'à 50) et kind. Chaque
évènement porte son titre, ses dates, son lieu, son image et un champ
event_url qui pointe vers sa fiche publique.
Questions fréquentes
Est-ce que cela ralentit mon site ?
Non. Le cadre se charge après le reste de la page (loading="lazy") et ne
pèse que quelques kilo-octets. Il ne charge aucune police ni aucune image externe.
Cela dépose-t-il des cookies chez mes visiteurs ?
Non. Le widget ne dépose aucun cookie, n'utilise aucun traceur et ne fait aucun appel vers un service tiers. Vous n'avez donc rien à ajouter à votre bandeau de consentement. Voir notre politique de confidentialité.
Que se passe-t-il si je n'ai aucun évènement à venir ?
Le cadre affiche discrètement « Aucun évènement à venir pour le moment ». Il ne disparaît pas et ne casse pas la mise en page.
Combien cela coûte-t-il ?
Rien. C'est inclus pour toutes les associations présentes sur MyAsso.
Besoin d'un coup de main ?
Écrivez-nous à [email protected] en précisant l'adresse de votre site : nous vous aiderons à placer le code.