Créez le site de
votre association
De la configuration initiale à la publication de contenu, tout ce qu'il faut savoir pour créer un site associatif professionnel avec Pep's Up.
Ce que vous allez apprendre
Logo
Téléchargez votre logo au format recommandé
Bannière
Téléchargez votre bannière au format recommandé
Couleur du site
Choisissez les couleurs de votre thème
Style du site
Pleine largeur ou largeur fixe
Disposition
Choisissez la disposition de vos zones de contenu
Fond (couleur ou image)
Couleur unie ou image d'arrière-plan
Fav Icone
Téléchargez votre icône de navigateur
Logo
Téléchargez votre logo au format recommandé
Bannière
Téléchargez votre bannière au format recommandé
Couleur du site
Choisissez les couleurs de votre thème
Style du site
Pleine largeur ou largeur fixe
Disposition
Disposition de vos zones de contenu
Fond (couleur ou image)
Couleur unie ou image d'arrière-plan
Fav Icone
Icône affichée dans l'onglet du navigateur
Carrousel
Téléchargez vos photos au format recommandé
Liens externes
Ajoutez un lien externe vers un partenaire
Flux sociaux
Affichez votre flux Facebook sur le site
Message d'accueil
Personnalisez le message de bienvenue
Type d'articles
Choisissez les contenus affichés sur votre site
Votre histoire
Présentez votre association et vos valeurs
Dirigeants
Présentez les membres de l'équipe
Page contact
Ajoutez vos coordonnées de contact
Carrousel
Photos en défilement sur la page d'accueil
Liens externes
Liens vers vos partenaires
Flux sociaux
Flux Facebook sur votre site
Message d'accueil
Personnalisez le message de bienvenue
Type d'articles
Contenus affichés sur votre site
Votre histoire
Présentation de votre association
Dirigeants
Membres de votre équipe
Page contact
Coordonnées de contact
Référencement
Personnalisez votre référencement pour être trouvé sur Google
Politique de confidentialité
Utilisez notre exemple générique ou rédigez le vôtre
Conditions Générales
Rédigez vos CGU/CGV ou utilisez notre exemple
Mentions légales
Saisissez vos mentions ou complétez notre exemple
Réseaux sociaux
Ajoutez les réseaux sociaux de votre association
Pied de page
Choisissez ce qui s'affiche en bas de votre site
Nom de domaine
Utilisez votre propre nom de domaine
Google Analytics
Intégrez le code de suivi sur votre site
Référencement
Optimisez votre site pour Google
Politique de confidentialité
Conformité RGPD de votre site
Conditions Générales
Conditions d'utilisation de votre site
Mentions légales
Mentions obligatoires pour votre site
Réseaux sociaux
Liens vers vos réseaux dans le pied de page
Pied de page
Personnalisez le bas de votre site
Nom de domaine
Connectez votre propre nom de domaine
Google Analytics
Suivez les visites de votre site
Vous êtes prêt !
Votre site associatif est configuré et professionnel. Découvrez les autres guides pour aller encore plus loin.
Logo
Chargez le logo de votre association pour qu'il s'affiche sur votre site internet.
- Dans votre espace Pep's Up, allez dans Site Internet › Thème.
- Dans la section Logo, cliquez sur la zone d'upload.
- Téléchargez votre fichier logo au format recommandé : 400×400 px.
- Cliquez sur Enregistrer. Votre logo s'affiche sur le site.
Format recommandé : 400×400 px.
Bannière
La bannière est l'image panoramique en haut de votre site. Vous pouvez l'importer ou la créer avec le générateur intégré.
- Allez dans Site Internet › Thème, section Bannière.
- Méthode 1 — Import direct : chargez votre fichier image directement. Taille recommandée : 1000 px (largeur fixe) ou 2000 px (pleine largeur).
- Méthode 2 — Générateur de bannière : cliquez sur le bouton orange « Générateur de bannière » et suivez les 3 étapes : Informations (nom de l'association, logo), Design (couleurs ou photo de fond), Finalisation (aperçu + exporter).
- Cliquez sur Enregistrer (import) ou Exporter (générateur) pour appliquer.
Couleur du site internet
Choisissez les couleurs de votre thème pour personnaliser l'affichage du site internet.
- Allez dans Site Internet › Thème, section Couleurs.
- Définissez la Couleur principale (boutons, liens, éléments principaux).
- Définissez la Couleur secondaire.
- Cliquez sur Enregistrer pour appliquer les couleurs sur tout le site.
Conseil : Utilisez les couleurs de votre association pour un rendu cohérent avec vos supports imprimés.
Style du site
Choisissez entre un site internet pleine largeur ou largeur fixe.
- Allez dans Site Internet › Thème, section Modèle de site internet.
- Choisissez « Pleine largeur » : le contenu s'étend sur tout l'écran (rendu moderne, valorise mieux vos photos).
- Ou choisissez « Largeur fixe » : le contenu est centré avec des marges latérales. Taille recommandée pour les images : 1000 px.
- Cliquez sur Enregistrer.
Note : Cette option est disponible à partir du Pack Pro.
Disposition
Choisissez la disposition de vos zones de contenu sur votre site internet.
- Allez dans Site Internet › Thème, section Modèle de site internet.
- Choisissez la disposition des zones de contenu : carrousel, message d'accueil, articles, colonne latérale.
- Sélectionnez la position de la colonne latérale (gauche, droite, ou sans colonne).
- Cliquez sur Enregistrer.
Note : Cette option est disponible à partir du Pack Pro.
Fond (couleur ou image)
Choisissez une couleur de fond ou une image qui s'affichera à l'arrière-plan de votre site internet.
- Allez dans Site Internet › Thème, section Fond d'écran.
- Choisissez une couleur de fond et/ou chargez une image de fond.
- Cliquez sur Enregistrer.
Note : Cette option est disponible à partir du Pack Pro.
Fav Icone
Téléchargez votre fichier icône au format recommandé pour qu'il s'affiche dans les onglets des navigateurs.
- Allez dans Site Internet › Thème, section Favicon.
- Chargez votre favicon au format recommandé : 228×228 px.
- Cliquez sur Enregistrer. L'icône s'affiche dans l'onglet du navigateur.
Note : Cette option est disponible à partir du Pack Pro. Format recommandé : 228×228 px.
Carrousel
Ajoutez des images qui vont défiler en haut de votre page d'accueil pour capter l'attention des visiteurs.
- Allez dans Site Internet › Accueil.
- Dans la zone centrale, section Carrousel, ajoutez vos images.
- Triez et choisissez l'ordre d'affichage de vos photos à l'aide des menus déroulants numérotés.
- Cliquez sur Enregistrer.
Conseil : Préférez des images horizontales et lumineuses. Taille recommandée : 2000 px de large (pleine largeur).
Liens externes
Ajoutez des liens vers vos partenaires dans la colonne latérale de votre site.
- Allez dans Site Internet › Accueil.
- Dans la colonne latérale, section Gestion des liens, ajoutez vos liens.
- Vous pouvez changer la position de vos liens en les réordonnant.
- Cliquez sur Enregistrer.
Flux sociaux
Affichez vos flux de réseaux sociaux directement dans la colonne latérale de votre site.
- Allez dans Site Internet › Accueil.
- Dans la colonne latérale, section Flux sociaux, ajoutez les flux de vos réseaux sociaux.
- Cliquez sur Enregistrer.
Astuce : Votre page Facebook doit être publique pour que le flux s'affiche correctement.
Message d'accueil
Personnalisez le message de bienvenue qui s'affiche sur votre page d'accueil.
- Allez dans Site Internet › Accueil.
- Dans la zone centrale, section Message d'accueil, rédigez votre message avec l'éditeur riche.
- Cliquez sur Enregistrer. Ce message s'affiche en haut de votre page d'accueil.
Type d'articles
Choisissez le type d'articles qui s'afficheront sur votre site internet ainsi que leur nombre.
- Allez dans Site Internet › Accueil.
- Dans la zone centrale, section Derniers articles publiés, choisissez les types d'articles à afficher (actualités, albums photos, événements…).
- Définissez le nombre d'articles affichés pour chaque type.
- Cliquez sur Enregistrer.
Votre histoire
Présentez votre association, vos valeurs, vos projets et les moments importants de votre histoire.
- Allez dans la page Histoire de l'association de votre espace d'administration.
- Remplissez les 5 zones prédéfinies : Notre histoire, Notre Photo, Nos valeurs, Nos projets, Nos événements marquants.
- Cliquez sur Enregistrer. La page sera accessible depuis le menu de votre site.
Dirigeants
Présentez l'équipe de l'association sur votre site internet.
- Allez dans la page Dirigeants de votre espace d'administration.
- Renseignez les informations de chaque dirigeant : nom, prénom, fonction/poste, et les autres informations pertinentes.
- Ces informations s'afficheront automatiquement sur la page Dirigeants de votre site.
- Cliquez sur Enregistrer.
Astuce : Vous pouvez importer des membres directement depuis la base des adhérents s'ils y sont enregistrés.
Page contact
Configurez votre page contact pour que vos visiteurs puissent vous joindre facilement.
- Allez dans la page Contact de votre espace d'administration.
- Renseignez le Message « Nous Contacter » (introduction pour vos visiteurs).
- Saisissez l'Email — obligatoire pour rendre fonctionnel le formulaire de contact.
- Ajoutez le Téléphone, les Horaires de contact et la Localisation.
- Cliquez sur Enregistrer.
Référencement (SEO)
Personnalisez votre référencement pour être trouvé sur les moteurs de recherche.
- Allez dans Site Internet › Accueil, section Référencement (SEO).
- Saisissez votre propre balise Title (titre qui apparaît dans les résultats Google).
- Saisissez votre balise Description (texte de description dans les résultats Google).
- Cliquez sur Enregistrer.
Astuce : Mentionnez votre ville et votre activité dans le titre. Google privilégie les recherches locales.
Politique de confidentialité
Soyez transparent sur la politique de confidentialité de votre association (obligatoire RGPD).
- Allez dans la page Politique de confidentialité de votre espace d'administration.
- Un exemple de politique de confidentialité est disponible dans l'aide pour vous inspirer.
- Rédigez votre propre politique adaptée à votre association dans l'éditeur de contenu.
- Cliquez sur Enregistrer. Cette page sera accessible depuis le pied de page via le lien « Politique de confidentialité ».
Conditions Générales
Présentez ici les conditions générales d'utilisation et de vente de votre association.
- Allez dans la page Conditions Générales de votre espace d'administration.
- Un exemple de conditions générales est disponible dans l'aide pour vous inspirer.
- Rédigez vos propres conditions adaptées à votre association dans l'éditeur de contenu.
- Cliquez sur Enregistrer. Cette page sera accessible depuis le pied de page via le lien « Conditions générales ».
Mentions légales
Saisissez vos mentions légales ou complétez notre exemple générique (obligatoire en France).
- Allez dans la page Mentions Légales de votre espace d'administration.
- Un exemple de mentions légales est disponible dans l'aide pour vous inspirer.
- Rédigez vos propres mentions légales dans l'éditeur de contenu.
- Cliquez sur Enregistrer. Cette page sera accessible depuis le pied de page via le lien « Mentions légales ».
Attention : Les mentions légales sont obligatoires par la loi française pour tout site web.
Réseaux sociaux
Renseignez vos réseaux sociaux pour qu'ils s'affichent dans le pied de page de votre site.
- Allez dans Paramètres et sélectionnez l'onglet Site Internet.
- Renseignez les champs : Profil Twitter, Compte/Groupe Facebook, Page Facebook, Page LinkedIn, Chaîne Youtube, Page Instagram.
- Ne renseignez que les réseaux que vous utilisez activement.
- Cliquez sur Enregistrer. Les icônes s'affichent dans le pied de page de votre site.
Pied de page
Choisissez d'afficher ou non le lien « Créer mon compte » en bas de votre site internet.
- Allez dans Paramètres et sélectionnez l'onglet Site Internet.
- Dans la section Pied de page, choisissez d'afficher ou de masquer le lien « Créer mon compte ».
- Cliquez sur Enregistrer.
Nom de domaine
Utilisez votre propre nom de domaine ou sous-domaine à la place de l'URL par défaut (monasso.pepsup.com).
- Allez dans Paramètres › Nom de domaine, saisissez votre nom de domaine et cliquez sur « Soumettre le nom de domaine ».
- Contactez le support Pep's Up via le menu Aide pour convenir d'une date de mise en place.
- Chez votre registraire (ex : OVH), configurez votre zone DNS : créez un champ de type A pointant vers 178.32.151.192 pour votre domaine et le sous-domaine www.
- Confirmez les modifications au support Pep's Up via le menu Aide.
- L'équipe technique finalise l'activation de votre nom de domaine.
Prérequis : Au minimum le Pack Basic. Si un champ de type AAAA est présent sur votre domaine, il faut le supprimer.
Google Analytics
Intégrez Google Analytics pour suivre les statistiques de visites de votre site.
- Dans Google Analytics, allez dans Administration › Propriété › Information de suivi › Code de suivi.
- Copiez votre ID de suivi (format : UA-XXXXXXXX-X).
- Dans Pep's Up, allez dans Paramètres et collez votre code de suivi dans le champ Google Analytics.
- Cliquez sur Enregistrer.
Astuce : Analytics vous permet de savoir combien de visiteurs vous avez, d'où ils viennent et quelles pages ils consultent.
<!-- VIDEO MODAL -->
<button class="g1-wmodal-nav-prev" id="g1WModalPrev">← Précédent</button>
Les commentaires de cette page ont été verrouillés !