Pour créer un site internet pour une association, partez de ce que vos visiteurs viennent y chercher : savoir ce que fait l'association, connaître les prochains événements, adhérer, faire un don ou vous contacter. Une fois ces besoins listés, une IA peut construire le site à partir d'une simple description, et un bénévole peut le mettre à jour sans savoir coder. Voici les pages utiles, les fonctions propres aux associations et un exemple concret.
Ce dont le site d'une association a besoin
- Présenter la mission et les actions en quelques phrases claires.
- Annoncer les événements, avec date, lieu et inscription.
- Recruter des adhérents et des bénévoles.
- Recevoir des dons, si l'association en collecte.
- Donner un contact fiable, même quand le bureau change.
Pour comparer les méthodes de création d'un site en général, lisez aussi créer un site internet.
Les pages essentielles
- Accueil : la mission, la prochaine date importante et un bouton Adhérer.
- Nos actions : ce que vous faites, avec des photos.
- Agenda : les événements à venir.
- Adhérer : les tarifs de cotisation et un formulaire.
- Faire un don, si vous en collectez.
- Contact, mentions légales et politique de confidentialité.
Adhésions, événements et dons en ligne
Un formulaire d'adhésion qui enregistre chaque demande suffit pour commencer : nom, e-mail, formule choisie. Pour encaisser les cotisations ou les dons par carte, VibeDream passe aujourd'hui par votre propre compte Stripe, que vous connectez à l'application. Les paiements intégrés en un clic arrivent bientôt. Si votre association peut délivrer des reçus fiscaux, vérifiez les conditions avant d'en promettre sur le site.
Pour un événement ponctuel, une page dédiée avec un seul bouton d'inscription fonctionne souvent mieux qu'une rubrique perdue dans le site. C'est le principe d'une landing page.
Créer le site de l'association avec l'IA
Rassemblez la présentation de l'association, quelques photos et l'agenda. Dans VibeDream, cliquez sur New Project et choisissez Direct Prompt, ou partez du modèle Aesthetic Landing Page, qui comprend déjà des pages à propos, contact, confidentialité et conditions.
Crée le site des Jardins partagés du Faubourg, une association de quartier à Lille.
Pages : accueil, nos actions (jardin collectif, ateliers compost, fête des récoltes), agenda des ateliers, adhérer (cotisation individuelle ou famille), contact.
Le formulaire d'adhésion demande le nom, l'e-mail, le téléphone et la formule ; enregistre chaque demande et ajoute une page /admin protégée par un mot de passe que je définis dans Settings.
Style : vert, convivial, photos du jardin.
Tous les textes en français.
Testez une adhésion, puis vérifiez qu'elle apparaît dans la page /admin. Quand tout fonctionne, cliquez sur Put it online : le site est accessible en 1 à 3 minutes à une adresse comme jardins-faubourg.vibedreams.ai, avec le HTTPS. Pour un domaine à vous, connectez la version www avec un enregistrement TXT et un CNAME.
Mentions légales, RGPD et photos
Le site d'une association doit afficher des mentions légales, comme le nom, le siège, le directeur de la publication et les coordonnées de l'hébergeur ; le numéro RNA est d'usage et rassure les visiteurs. Les données des adhérents doivent être traitées selon le RGPD : expliquez à quoi elles servent et combien de temps vous les gardez. Avant de publier des photos de membres, demandez leur accord, et celui des représentants légaux pour les mineurs.
Coût et passation entre bureaux
Le piège classique d'un site associatif est le compte créé au nom d'un ancien président. Créez le compte avec une adresse e-mail de l'association, notez où se trouvent les accès, et gardez une copie du code avec l'export ZIP ou la synchronisation GitHub. Les modifications se font en conversant, la version publique ne change qu'avec Update it.
Pour une association, un seul abonnement All Access Mini à 49 dollars US par mois couvre le site, et le bureau peut le mettre à jour au fil des événements pour 5 crédits par publication ; détails sur la page des prix.