ITSkillsCenter
WordPress

Guide pratique : Créer un site d’ONG avec WordPress

7 دقائق للقراءة

Pourquoi une ONG a besoin d’un site professionnel

Au Sénégal, des centaines d’ONG et associations travaillent dans l’éducation, la santé, l’environnement, l’entrepreneuriat. Mais la plupart n’ont qu’une page Facebook comme présence en ligne. Un site web dédié apporte une crédibilité institutionnelle, facilite la recherche de financements (les bailleurs de fonds vérifient votre site), et permet de collecter des dons directement en ligne.

Les pages essentielles d’un site d’ONG

1. Page d’accueil — Impact en 10 secondes

Votre page d’accueil doit répondre immédiatement à : « Qui êtes-vous et quel impact avez-vous ? » Structure recommandée :

  • Hero avec photo d’impact : Une image de terrain puissante (pas de stock photo) avec votre mission en une phrase
  • Chiffres d’impact : 3-4 statistiques clés (nombre de bénéficiaires, projets, zones couvertes)
  • Bouton de don : Visible immédiatement, couleur contrastée
  • Présentation des programmes : 3-4 blocs avec icône, titre, résumé
  • Témoignage de bénéficiaire : Citation avec photo
  • Dernières actualités : 3 articles récents
  • Partenaires et bailleurs : Logos (USAID, UE, Banque Mondiale, etc.)

Section chiffres d’impact

<section class="impact-section">
    <div class="impact-grid">
        <div class="impact-item">
            <span class="impact-number">15 000+</span>
            <span class="impact-label">Bénéficiaires directs</span>
        </div>
        <div class="impact-item">
            <span class="impact-number">45</span>
            <span class="impact-label">Projets réalisés</span>
        </div>
        <div class="impact-item">
            <span class="impact-number">8</span>
            <span class="impact-label">Régions couvertes</span>
        </div>
        <div class="impact-item">
            <span class="impact-number">12 ans</span>
            <span class="impact-label">D'engagement terrain</span>
        </div>
    </div>
</section>

<style>
.impact-section { background: #1E3A5F; padding: 64px 24px; }
.impact-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 32px;
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}
.impact-number {
    display: block;
    font-size: 3rem;
    font-weight: 800;
    color: #FFFFFF;
}
.impact-label {
    display: block;
    font-size: 1rem;
    color: #93C5FD;
    margin-top: 8px;
}
</style>

2. Page « Qui sommes-nous »

  • Mission, vision, valeurs
  • Historique (timeline visuelle depuis la création)
  • Équipe : photos, noms, rôles, parcours courts
  • Gouvernance : conseil d’administration, statuts juridiques
  • Rapport annuel téléchargeable (PDF)

3. Page « Nos Programmes »

Chaque programme comme un CPT (Custom Post Type) ou une page dédiée :

  • Titre et objectif du programme
  • Zone géographique (carte)
  • Bénéficiaires cibles
  • Activités concrètes
  • Résultats et indicateurs
  • Photos de terrain
  • Témoignages

4. Page « Faire un don »

C’est votre page de conversion. Elle doit être simple et rassurante :

  • Pourquoi donner (l’impact concret : « Avec 10 000 FCFA, vous financez… »)
  • Formulaire de don avec montants suggérés
  • Moyens de paiement multiples
  • Transparence : où va l’argent
  • Reçu fiscal si applicable

5. Page « Actualités / Blog »

Publiez régulièrement : rapports de mission, événements, résultats, partenariats. Un blog actif montre que l’ONG est vivante et activé.

6. Page « S’impliquer »

  • Bénévolat : formulaire d’inscription
  • Stages : offres disponibles
  • Partenariat : pour les entreprises souhaitant soutenir
  • Mécénat de compétences

Collecter des dons en ligne

Plugin : GiveWP (recommandé pour les ONG)

GiveWP est le plugin de collecte de dons le plus complet pour WordPress :

  1. Extensions → Ajouter → « GiveWP » → Installer et Activer
  2. Give → Formulaires → Ajouter un formulaire
  3. Configurez :
    • Montants suggérés : 5 000, 10 000, 25 000, 50 000 FCFA + montant libre
    • Don unique ou récurrent : Activez les deux options
    • Objectif : « Objectif : 5 000 000 FCFA » avec barre de progression
    • Informations donateur : Nom, email, téléphone (optionnel)

Intégrer les paiements locaux

Pour le Sénégal, les paiements par carte ne suffisent pas. Intégrez le mobile money :

  • PayDunya : Plugin WooCommerce compatible GiveWP via l’addon WooCommerce. Accepte Wave, Orange Money, Free Money
  • Stripe : Pour les donateurs internationaux (cartes Visa/Mastercard). GiveWP a un addon Stripe gratuit
  • PayPal : Pour la diaspora. Addon GiveWP gratuit
  • Virement bancaire : Ajoutez vos coordonnées bancaires sur la page don pour les entreprises

Page de don optimisée

<div class="don-page">
    <div class="don-impact">
        <h2>Votre don change des vies</h2>
        <div class="don-montants">
            <div class="don-montant">
                <strong>5 000 FCFA</strong>
                <p>Finance les fournitures scolaires d'un enfant pendant 1 mois</p>
            </div>
            <div class="don-montant">
                <strong>25 000 FCFA</strong>
                <p>Finance la formation professionnelle d'une femme pendant 1 semaine</p>
            </div>
            <div class="don-montant">
                <strong>100 000 FCFA</strong>
                <p>Finance l'équipement informatique d'un centre communautaire</p>
            </div>
        </div>
    </div>
    
    <div class="don-formulaire">
        [give_form id="123"]  <!-- Shortcode GiveWP -->
    </div>
    
    <div class="don-transparence">
        <h3>Transparence totale</h3>
        <ul>
            <li>85% de chaque don va directement aux programmes terrain</li>
            <li>Rapport annuel d'activité publié chaque année</li>
            <li>Comptes certifiés par un commissaire aux comptes</li>
        </ul>
    </div>
</div>

Publier les rapports et documents

Les bailleurs, partenaires et donateurs veulent de la transparence :

  • Rapports annuels : PDF téléchargeables avec résumé visuel sur la page
  • Rapports financiers : Bilan et compte de résultat simplifiés
  • Publications : Études, enquêtes, policy briefs

Créez une page « Publications » ou « Ressources » avec les documents classés par année et par type. Utilisez le bloc Gutenberg « Fichier » pour proposer le téléchargement direct.

Newsletter pour les donateurs et partenaires

Gardez le contact avec vos soutiens :

  1. Installez Brevo (ex-Sendinblue) — gratuit jusqu’à 300 emails/jour, contacts illimités
  2. Créez 2 listes : « Donateurs » et « Partenaires / Presse »
  3. Envoyez une newsletter mensuelle ou trimestrielle avec : résultats terrain, témoignages, besoins, événements à venir
  4. Ajoutez un formulaire d’inscription sur chaque page du site

SEO pour les ONG

Google Ad Grants : 10 000$/mois de publicité gratuite

Google offre 10 000$ de publicité Google Ads par mois aux ONG éligibles. Pour en bénéficier :

  1. Inscrivez votre ONG sur Google for Nonprofits (google.com/nonprofits)
  2. Vous devez avoir un statut d’ONG reconnu (au Sénégal : déclaration au Ministère de l’Intérieur)
  3. Votre site doit être professionnel avec du contenu de qualité
  4. Une fois approuvé, vous recevez jusqu’à 10 000$ de crédit publicitaire mensuel

C’est un avantage énorme pour augmenter votre visibilité et attirer des donateurs.

Mots-clés à cibler

  • « ONG éducation Sénégal »
  • « association aide femmes Dakar »
  • « bénévolat Sénégal »
  • « don pour [votre cause] Afrique »
  • « partenariat ONG Sénégal »

Multilingue : français + anglais

Si vous travaillez avec des bailleurs internationaux, votre site doit être accessible en anglais :

  • Plugin WPML : Le plus complet mais payant (39$/an)
  • Plugin Polylang : Gratuit et suffisant pour un site bilingue
  • TranslatePress : Traduction visuelle directement sur le site (plan gratuit disponible)

Au minimum, traduisez : la page d’accueil, la page « About Us », la page de don, et les pages de programmes.

Design et identité visuelle

  • Couleurs : Utilisez les couleurs de votre ONG. Si vous n’en avez pas, le bleu foncé (confiance) et le vert (nature, croissance) fonctionnent bien pour le secteur associatif
  • Photos : Utilisez VOS photos de terrain, pas des photos stock. L’authenticité est votre force. Obtenez le consentement des personnes photographiées
  • Témoignages : Avec photo et prénom. Les histoires personnelles sont le contenu le plus puissant pour une ONG
  • Logos partenaires : Affichez les logos de vos bailleurs (avec leur accord). Ça renforce la crédibilité

Conformité et mentions légales

  • Mentions légales : Nom de l’association, siège social, numéro d’enregistrement, nom du directeur
  • Politique de confidentialité : Comment vous traitez les données des donateurs (RGPD si donateurs européens)
  • Conditions d’utilisation des dons : Comment les dons sont utilisés, politique de remboursement
  • Politique de cookies : Si vous utilisez Google Analytics ou des cookies

Checklist site d’ONG

  • ☐ Page d’accueil avec mission claire, chiffres d’impact, bouton de don
  • ☐ Page « Qui sommes-nous » avec équipe et gouvernance
  • ☐ Pages programmes avec résultats et témoignages
  • ☐ Système de don en ligne (GiveWP + Wave/Orange Money)
  • ☐ Rapports annuels téléchargeables
  • ☐ Blog avec actualités régulières
  • ☐ Formulaire de contact et WhatsApp
  • ☐ Newsletter configurée (Brevo)
  • ☐ Google Ad Grants demandé
  • ☐ Photos de terrain authentiques
  • ☐ Mentions légales complètes
  • ☐ Version anglaise (si bailleurs internationaux)
Besoin d'un site web ?

Confiez-nous la Création de Votre Site Web

Site vitrine, e-commerce ou application web — nous transformons votre vision en réalité digitale. Accompagnement personnalisé de A à Z.

À partir de 250.000 FCFA
Parlons de Votre Projet
Publicité