Intégrer le formulaire d'adhésion et l'agenda sur votre site
Vous avez déjà un site (WordPress, Wix, Jimdo…) ? Collez un code pour y afficher votre formulaire d'adhésion ou vos prochains événements, toujours à jour. Les demandes arrivent directement dans MangoAsso.
- Pour qui
- Propriétaire, Administrateur·ice
- Forfait
- Tous les forfaits, Gratuit compris
- Temps de lecture
- 1 min de lecture
Vidéo à venir
« Intégrer l'adhésion en ligne sur WordPress ou Wix » : en attendant, toutes les étapes sont détaillées ci-dessous, avec des captures.
Avant de commencer
- Rôle propriétaire ou administrateur·ice, et un accès à l'administration de votre site.
- Widget Formulaire d'adhésion : l'adhésion en ligne activée (voir Mettre en place le formulaire d'adhésion en ligne).
- Widget Prochains événements : forfait Essentiel ou Avancé, et des événements avec la case « Page publique avec inscription en ligne » cochée.
Étape par étape
Copiez le code du widget
Cliquez sur Paramètres, onglet Général, section Adhésion en ligne, puis descendez jusqu'à Intégrer sur votre site.
Choisissez Formulaire d'adhésion ou Prochains événements, puis cliquez sur Copier le code (« Code copié ! »).
- 1Le formulaire d'adhésion complet
- 2La liste des prochains événements
- 3Le code à coller dans votre site
- 4Copier le code
Collez-le dans votre site
WordPress : dans la page voulue, ajoutez un bloc HTML personnalisé et collez le code.
Wix : ajoutez l'élément Intégrer un code (Intégrer HTML), puis collez le code.
Autres outils (Jimdo, Squarespace, Webflow…) : cherchez un bloc « Code », « HTML » ou « Intégration ».
Publiez la page de votre site, puis ouvrez-la pour vérifier.
Résultat attendu
Votre site affiche le formulaire d'adhésion (les demandes arrivent dans Membres › Adhérent·es, à valider) ou vos 10 prochains événements publics, chacun ouvrant sa page d'inscription dans un nouvel onglet. Tout se met à jour sans retoucher votre site.
Cas particuliers
Le formulaire affiche « Le formulaire d'adhésion en ligne n'est pas disponible pour le moment. »
L'adhésion en ligne est désactivée dans MangoAsso. Réactivez-la : le formulaire réapparaît sur votre site sans toucher au code.
L'agenda affiche « L'agenda de cette association n'est pas disponible. »
Votre forfait n'inclut pas le module Événements (forfaits Essentiel et Avancé), ou l'association est suspendue.
L'agenda affiche « Aucun événement ouvert au public pour le moment. »
Aucun événement à venir n'a la case Page publique avec inscription en ligne cochée. Cochez-la sur les événements à montrer.
Valider les demandes reçues
Une demande déposée depuis votre site se traite comme toute demande d'adhésion : voir Valider les demandes d'adhésion.
Ça ne marche pas ?
Le cadre est coupé ou laisse un grand vide
- Pourquoi
- Le script d'ajustement de hauteur (deuxième ligne du code) n'a pas été collé ou a été bloqué par votre site.
- Solution
- Collez le code complet. À défaut, modifiez la valeur « height » de la première ligne (par exemple 1400px pour le formulaire).
Mon outil de site n'accepte pas le code
- Pourquoi
- Certaines offres gratuites de créateurs de sites n'autorisent pas les intégrations HTML.
- Solution
- Mettez plutôt un bouton ou un lien vers votre page publique ou vers le lien du formulaire d'adhésion.
Questions fréquentes
Le formulaire d'adhésion s'intègre à tous les forfaits. L'agenda nécessite le module Événements (forfaits Essentiel et Avancé).
Non, le widget garde l'apparence de MangoAsso, sobre pour s'accorder avec la plupart des sites.
Non : le code affiche toujours la version à jour de votre formulaire et de votre agenda.
À lire aussi
- Publier la page publique de votre associationUne page vitrine à votre nom, à partager sur une affiche, en bio Instagram ou dans une signature d'email : présentation, contact, réseaux sociaux, bouton « Adhérer » et prochains événements. Elle se met à jour toute seule.
- Mettre en place le formulaire d'adhésion en ligneUn lien à partager (site, réseaux, affiche) où les futurs membres déposent leur demande eux-mêmes : coordonnées, formule choisie, questions et pièces jointes. Fini la ressaisie des bulletins papier.
- Valider les demandes d'adhésion reçues en ligneChaque demande déposée par le formulaire en ligne attend votre accord. Relisez-la, validez-la d'un clic : la personne devient adhérente active et reçoit aussitôt le lien de son espace membre.
- Publier vos événements : agenda public, abonnement iCal et widget pour votre siteVos événements ouverts au public sont rassemblés sur une page d'agenda à partager, auxquels chacun peut s'abonner depuis son téléphone. Un petit code les affiche aussi sur votre site WordPress, Wix ou autre, toujours à jour.