Aller au contenu

Guide #1

Créez le site de votre association

Créez et personnalisez le site internet de votre association avec Pep’s Up, en suivant l’ordre du menu Site Internet : Tableau de bord, Thème, Pages du site, Statistiques et Personnalisation, puis les Paramètres du site.

  • 41 tutoriels
  • 9 chapitres

Ce que vous allez apprendre

Régler le thème

Moteur de thème Classique ou Moderne, puis les onglets Identité, Apparence, Structure du site et Avancé.

Voir le chapitre

Remplir les pages du site

Page d’accueil panneau par panneau, puis histoire, dirigeants, contact, lieux, partenaires et pages légales.

Voir le chapitre

Suivre et personnaliser

Statistiques de fréquentation et personnalisation des pages publiques.

Voir le chapitre

Finaliser les paramètres

Réseaux sociaux, pied de page, nom de domaine et Google Analytics GA4.

Voir le chapitre

Mode gestion

Le site en mode gestion : un espace adhérent

Le mode gestion fait de votre site un espace adhérent, réservé à vos membres, comme un extranet. La vidéo vous le présente.

Chapitre 1 · 2 tutoriels

Tableau de bord

Première entrée du menu Site Internet : elle résume l’état de votre site et l’avancement de sa configuration.

Capture d’écran Pep’s Up : Personnalisation du thème du site

Tableau de bord

Faites le point sur votre site en un coup d’œil.6 étapes
  1. Dans le menu de gauche, cliquez sur Site Internet, puis sur Tableau de bord. La page Tableau de bord du site internet s’ouvre.
  2. En haut, lisez le pourcentage affiché dans le bloc Avancement du module.
  3. Ouvrez si besoin le guide intégré depuis le bloc Guide du module, ou la documentation depuis le bloc Base de connaissances.
  4. Sous Vue d’ensemble, parcourez les 6 cartes : En-tête du site, Couleur de thème, Modèle du site, Image/Couleur de fond, État du site internet et Nom de domaine personnalisé.
  5. Une icône verte signale un élément en place, une icône rouge un élément à compléter.
  6. Dans une carte rouge, cliquez sur le lien proposé pour compléter l’élément manquant.

Bon à savoir : Le pourcentage progresse à chaque étape validée du Guide du module, qui en compte 23. La carte En-tête du site ne passe au vert qu’avec un logo, une bannière et une favicon : la favicon demande le Pack Basic.

En ligne

L’interrupteur En ligne, en haut de l’espace d’administration, rend votre site visible ou invisible pour le public.5 étapes
  1. Dans le bandeau en haut de l’espace d’administration, repérez l’interrupteur En ligne :.
  2. Cliquez sur l’interrupteur. Le même interrupteur se trouve dans la carte État du site internet du Tableau de bord.
  3. Une fenêtre vous demande de confirmer la mise En ligne ou Hors ligne du site internet.
  4. Cliquez sur Oui pour confirmer, ou sur Non pour annuler : l’interrupteur reprend alors son état précédent.
  5. Hors ligne, Les pages du site internet ne seront plus accessibles par personne. Les gestionnaires autorisés peuvent toujours afficher le site en aperçu.

Bon à savoir : Gardez votre site hors ligne le temps de le configurer, puis mettez-le en ligne quand il est prêt. L’interrupteur est grisé si vous n’avez pas le droit de gestion du site. L’icône en forme de globe, juste à côté, ouvre votre site.

Chapitre 2 · 2 tutoriels

Thème › Moteur de thème

En haut de la page Thème, le bloc Moteur de thème permet de choisir entre le mode Classique et le mode Moderne.

Capture d’écran Pep’s Up : Page d’accueil du site de l’association

Je configure et prévisualise

Préparez le mode Moderne sans rien changer pour vos visiteurs.6 étapes
  1. Allez dans Site Internet › Thème.
  2. Dans le bloc Moteur de thème, repérez le Mode actuel de votre site : Classique ou Moderne.
  3. Sous Je configure et prévisualise :, cochez Moderne. Les réglages propres au mode Moderne s’affichent dans les onglets.
  4. Réglez le mode Moderne dans les onglets de la page Thème.
  5. Cliquez sur Prévisualiser le mode moderne : votre site s’ouvre dans un nouvel onglet, avec les réglages en cours, visible par vous seul. Rien n’est enregistré.
  6. Un bandeau rappelle que l’aperçu est invisible pour vos visiteurs. Cliquez sur Quitter l’aperçu pour en sortir.

Bon à savoir : Tant que vous n’avez pas activé le mode Moderne, vos visiteurs continuent de voir le site en mode Classique. Cochez Classique pour revenir aux réglages du mode Classique.

Activer le mode moderne

Basculez votre site en mode Moderne quand le rendu vous convient.4 étapes
  1. Allez dans Site Internet › Thème, bloc Moteur de thème.
  2. Cliquez sur Activer le mode moderne.
  3. La fenêtre Changer le moteur de thème rappelle que le changement est immédiat et visible par tous vos visiteurs.
  4. Cliquez sur Confirmer le changement, ou sur Non pour annuler.

Bon à savoir : La bascule est réversible : cliquez sur Revenir au mode classique pour revenir en arrière.

Chapitre 3 · 5 tutoriels

Thème › Identité

Premier onglet de la page Thème : logo, bannière, titre du site, favicon et image de fond.

Capture d’écran Pep’s Up : Page publique du site de l’association

Bannière

La bannière est l’image panoramique affichée en haut de votre site.5 étapes
  1. Allez dans Site Internet › Thème, onglet Identité.
  2. Dans la carte Bannière, chargez votre image.
  3. Pas d’image sous la main ? Cliquez sur Générateur de bannière : l’outil s’ouvre dans une fenêtre. Refermez-la avec Fermer.
  4. Choisissez Oui ou Non pour l’option Afficher le logo par dessus la bannière.
  5. Cliquez sur Enregistrer.

Bon à savoir : Largeur recommandée : 2000 px si votre site est en pleine largeur, 1000 px sinon.

Titre du site

Affichez le nom de votre association sur la bannière, sur ordinateur comme sur mobile.5 étapes
  1. Allez dans Site Internet › Thème, onglet Identité.
  2. Dans la carte Titre du site, remplissez Afficher un titre par dessus la bannière.
  3. Remplissez Afficher un titre en mode mobile.
  4. Dans Alignement du titre, choisissez Droite, Centré ou Gauche.
  5. Cliquez sur Enregistrer.

Bon à savoir : Chaque titre est limité à 45 caractères. Cette carte est disponible quel que soit votre pack.

Favicon

La favicon est la petite icône affichée dans l’onglet du navigateur.3 étapes
  1. Allez dans Site Internet › Thème, onglet Identité.
  2. Dans la carte Favicon, chargez votre fichier.
  3. Cliquez sur Enregistrer.

Disponible avec : Pack Basic

Bon à savoir : Fichier au format .png uniquement, de 228×228 px minimum et 500 Ko maximum. Sans la personnalisation avancée, cette carte ne s’affiche pas.

Image de fond

Affichez une image à l’arrière-plan de votre site.3 étapes
  1. Allez dans Site Internet › Thème, onglet Identité.
  2. Dans la carte Image de fond, chargez votre image.
  3. Cliquez sur Enregistrer.

Disponible avec : Pack Basic

Bon à savoir : Taille recommandée : 2000×1300 px, 500 Ko maximum. L’image couvre tout l’arrière-plan et reste fixe au défilement, en mode Classique comme en mode Moderne. Si elle manque, la Couleur de fond s’affiche : elle se règle dans Personnalisation avancée des couleurs, onglet Apparence.

Chapitre 4 · 5 tutoriels

Thème › Apparence

Deuxième onglet de la page Thème : thèmes prédéfinis, couleurs, lisibilité, polices et styles.

Thèmes prédéfinis

En mode Moderne, partez d’un des 12 thèmes prêts à l’emploi.5 étapes
  1. Allez dans Site Internet › Thème et cochez Moderne sous Je configure et prévisualise :.
  2. Dans l’onglet Apparence, repérez la carte Thèmes prédéfinis.
  3. Parcourez les 12 thèmes : SPORT CLASSIQUE, SPORT DYNAMIQUE, SPORT MODERNE, NATURE ZEN, CULTURE ELEGANCE, ASSO SOLIDAIRE, ASSO JEUNE, MINIMALISTE CLAIR, MINIMALISTE SOMBRE, FESTIF, CLASSIQUE INSTITUTIONNEL et OUTDOOR AVENTURE.
  4. Cliquez sur le thème qui vous plaît : il pré-remplit les couleurs, les polices et les styles.
  5. Ajustez chaque réglage si besoin, puis cliquez sur Enregistrer.

Bon à savoir : Un clic sur un thème ne fait que pré-remplir le formulaire : rien n’est enregistré avant Enregistrer.

Couleurs du thème

Définissez les couleurs de votre site.6 étapes
  1. Allez dans Site Internet › Thème, onglet Apparence.
  2. Dans la carte Couleurs du thème, choisissez la Couleur principale : accents, boutons principaux, élément actif du menu.
  3. Choisissez la Couleur secondaire : fond de la barre de navigation et du pied de page.
  4. Dépliez Personnalisation avancée des couleurs pour régler la Couleur de fond et la Couleur des liens sur le site, qui colore les liens dans vos textes.
  5. Réglez enfin la Couleur et transparence des zones de contenu : cliquez dans le champ, puis choisissez la couleur à gauche et la transparence à droite.
  6. Cliquez sur Enregistrer.

Bon à savoir : Couleurs par défaut : #486eb7 (principale), #ffffff (secondaire), #eeeeee (fond), #0000ff (liens) et rgba(255,255,255,0.9) (zones de contenu). La partie Personnalisation avancée des couleurs demande le Pack Basic.

Vérifier la lisibilité des couleurs

En mode Moderne, contrôlez que vos liens restent lisibles sur vos fonds.6 étapes
  1. Allez dans Site Internet › Thème, onglet Apparence, carte Couleurs du thème.
  2. Dépliez Personnalisation avancée des couleurs, puis cliquez sur Vérifier la lisibilité des couleurs.
  3. Lisez le résultat pour chaque fond : Liens sur le fond du site et Liens sur les zones de contenu, avec leur ratio de contraste.
  4. Un badge vert Contraste conforme AA ou Contraste conforme AAA indique une bonne lisibilité ; un badge rouge Contraste insuffisant, un problème.
  5. En cas de problème, cliquez sur Corriger la couleur des liens : la teinte est conservée, juste assez assombrie pour rester lisible.
  6. Cliquez sur Enregistrer.

Disponible avec : Pack Basic

Bon à savoir : Le contrôle suit la norme d’accessibilité WCAG. La couleur des liens doit être saisie au format hexadécimal.

Polices

En mode Moderne, choisissez une police pour les titres et une autre pour le texte.5 étapes
  1. Allez dans Site Internet › Thème, onglet Apparence, carte Polices.
  2. Dans Police des titres, choisissez l’une des 12 polices proposées (Raleway par défaut).
  3. Dans Police du corps de texte, choisissez l’une des 7 polices proposées (Open Sans par défaut).
  4. Vérifiez le rendu dans les aperçus affichés sous chaque liste.
  5. Cliquez sur Enregistrer.

Styles de composants

En mode Moderne, choisissez le style des boutons, des cartes et de la barre de navigation.5 étapes
  1. Allez dans Site Internet › Thème, onglet Apparence, carte Styles de composants.
  2. Dans Style des boutons, choisissez Arrondi, Carré ou Pilule.
  3. Dans Style des cartes, choisissez Ombre, Bordure ou Plat.
  4. Dans Style de la barre de navigation, choisissez Plein, Transparent ou Souligné.
  5. Cliquez sur Enregistrer.

Chapitre 5 · 3 tutoriels

Thème › Structure du site et Avancé

Troisième et quatrième onglets de la page Thème : modèle de site, pied de page et fichier CSS.

Modèle de site internet

Choisissez le style et la disposition des zones de contenu de votre site.6 étapes
  1. Allez dans Site Internet › Thème, onglet Structure du site, carte Modèle de site internet.
  2. Dans Style (pleine largeur ou largeur fixe), cliquez sur l’image de votre choix : pleine largeur ou largeur fixe.
  3. Dans Disposition des zones de contenu, repérez les 5 images. Images 1 et 2 : colonne sur toute la hauteur, à droite ou à gauche.
  4. Images 3 et 4 : carrousel et message d’accueil en pleine largeur en haut, puis articles et colonne à droite ou à gauche.
  5. Image 5 : aucune colonne, tout s’affiche en pleine largeur.
  6. Cliquez sur la disposition choisie, puis sur Enregistrer.

Disponible avec : Pack Basic

Bon à savoir : Le style et la disposition se choisissent indépendamment et valent pour les deux modes. Sans colonne, les liens, flux, recherche, calendrier, prochains événements et album photo de la colonne ne s’affichent plus, mais restent enregistrés. Sans le pack requis, le message Personnalisation avancée non incluse dans votre pack s’affiche.

Pied de page

En mode Moderne, composez votre pied de page à partir de trois zones prêtes à remplir.7 étapes
  1. Allez dans Site Internet › Thème, cochez Moderne, puis ouvrez l’onglet Structure du site, carte Pied de page.
  2. Repérez les 3 zones proposées, désactivées par défaut : deux Zone texte et une Zone réseaux sociaux.
  3. Pour chaque zone à montrer, cochez Afficher et saisissez si besoin un Titre de la zone (facultatif).
  4. Dans une Zone texte, rédigez le Contenu.
  5. Cochez Afficher ici les liens « Créer mon compte » et les mentions légales dans la zone de votre choix : une seule zone à la fois.
  6. Changez l’ordre des zones par glisser-déposer ou avec les flèches.
  7. Cliquez sur Enregistrer.

Disponible avec : Pack Basic

Bon à savoir : Le bouton Repartir du pied de page actuel pré-remplit la première zone texte avec votre adresse, votre téléphone et un lien de contact. La Zone réseaux sociaux affiche les réseaux saisis dans Paramètres, onglet Site Internet.

Fichier CSS

Ajoutez vos propres règles de style à votre site.4 étapes
  1. Allez dans Site Internet › Thème, onglet Avancé, carte Fichier CSS.
  2. Glissez-déposez votre fichier .css dans le champ, ou parcourez votre ordinateur pour le choisir.
  3. Pour créer vos règles sans coder, ouvrez le Générateur de css : l’outil s’affiche dans une fenêtre.
  4. Cliquez sur Enregistrer.

Disponible avec : Pack Basic

Bon à savoir : Le code ne se saisit pas dans l’écran : seul un fichier .css est accepté. Il s’applique après le thème, dans les deux modes. Réservé aux utilisateurs à l’aise avec le CSS : testez le rendu avec l’aperçu.

Chapitre 6 · 10 tutoriels

Pages du site › Page d’accueil

Première carte de Pages du site : la page d’accueil se règle panneau par panneau, de haut en bas, puis s’enregistre avec le bouton Enregistrer en bas de la page.

Carrousel

Faites défiler des photos en haut de votre page d’accueil.7 étapes
  1. Allez dans Site Internet › Pages du site, puis cliquez sur la carte Page d’accueil.
  2. Dans le panneau Carrousel, sélectionnez une image, puis cliquez sur Ajouter au carrousel.
  3. Changez l’ordre des images avec la liste Ordre d’affichage dans le carrousel.
  4. Activez Afficher le carrousel.
  5. Si votre site est en mode Moderne, réglez le bloc Réglages du carrousel : Délai de rotation (secondes) de 2 à 20, Vitesse de transition (Lente, Normale ou Rapide).
  6. Choisissez aussi l’Effet de transition (Glissement ou Fondu) et la Hauteur du carrousel (Petite, Moyenne ou Grande).
  7. Cliquez sur Enregistrer, en bas de la page.

Bon à savoir : Taille recommandée : 755×400 px. Préférez des images horizontales et lumineuses. Les Réglages du carrousel n’apparaissent que si le mode Moderne est activé sur votre site, pas pendant un simple aperçu.

Message d’accueil

Souhaitez la bienvenue à vos visiteurs.4 étapes
  1. Allez dans Pages du site › Page d’accueil.
  2. Dans le panneau Message d’accueil, rédigez votre texte.
  3. Mettez-le en forme avec la barre d’outils de l’éditeur.
  4. Cliquez sur Enregistrer, en bas de la page.

Derniers articles publiés

Choisissez quels articles apparaissent sur la page d’accueil, et combien.4 étapes
  1. Allez dans Pages du site › Page d’accueil.
  2. Dans le panneau Derniers articles publiés, cochez les types à afficher : Actualité, Événement, Album Photo.
  3. Pour chaque type, choisissez le nombre d’éléments, de 1 à 20.
  4. Cliquez sur Enregistrer, en bas de la page.

Disponible avec : Pack Basic

Gestion des liens

Proposez dans la colonne des liens vers vos partenaires ou des sites utiles.6 étapes
  1. Allez dans Pages du site › Page d’accueil.
  2. Dans le panneau Colonne, partie Gestion des liens, cliquez sur Ajouter un lien.
  3. Remplissez le Nom du lien et l’Url du lien.
  4. Choisissez la Cible : nouvelle fenêtre ou onglet ou même fenêtre ou onglet.
  5. Validez, puis réglez l’ordre des liens avec la liste de position.
  6. Cliquez sur Enregistrer, en bas de la page.

Bon à savoir : N’utilisez pas d’emoji dans le nom du lien. Les liens s’affichent dans la colonne : ils sont masqués si vous avez choisi une disposition sans colonne.

Colonne

Choisissez les blocs affichés dans la colonne de la page d’accueil.6 étapes
  1. Allez dans Pages du site › Page d’accueil, panneau Colonne.
  2. Activez ou non Afficher le calendrier.
  3. Activez ou non Afficher les prochains événements.
  4. Activez ou non Afficher le composant album photo.
  5. Activez ou non Afficher les derniers articles sur la page d’accueil.
  6. Cliquez sur Enregistrer, en bas de la page.

Bon à savoir : Si la colonne n’a rien à montrer (aucun lien, flux, événement à venir ni album), la page d’accueil s’affiche automatiquement sans colonne.

Flux

Affichez vos publications de réseaux sociaux dans la colonne.6 étapes
  1. Allez dans Pages du site › Page d’accueil, panneau Colonne.
  2. Dans la partie Flux, cliquez sur Ajouter un flux.
  3. Saisissez le Titre du flux (45 caractères maximum).
  4. Dans Type du flux, choisissez Page Facebook, Profil Twitter ou Autres.
  5. Pour Facebook ou Twitter, collez l’Adresse internet de la page facebook / profil twitter. Pour Autres, collez le code fourni par le réseau dans Code HTML du flux.
  6. Validez, puis cliquez sur Enregistrer, en bas de la page.

Bon à savoir : Votre page Facebook doit être publique. Les flux Facebook et Twitter ne s’affichent qu’aux visiteurs qui ont accepté les cookies. Le code d’un flux Autres est inséré tel quel : n’y collez que du code de confiance.

Liste des partenaires

Affichez vos partenaires en bas de la page d’accueil.4 étapes
  1. Allez dans Pages du site › Page d’accueil.
  2. Dans le panneau Liste des partenaires, placé après le panneau Colonne, repérez l’interrupteur Afficher la liste des partenaires au pied de la page d’accueil.
  3. Choisissez Oui ou Non.
  4. Cliquez sur Enregistrer, en bas de la page.

Bon à savoir : Vos partenaires et leur ordre se gèrent dans la carte Les partenaires de Pages du site.

Référencement

Aidez les moteurs de recherche à trouver votre association.5 étapes
  1. Allez dans Pages du site › Page d’accueil.
  2. Dans le panneau titre et description personnalisés de la page d’accueil, saisissez la Balise Title (71 caractères maximum).
  3. Saisissez la Balise Description (160 caractères maximum).
  4. Dans le panneau identité de l’association, valable pour toutes les pages, saisissez le Nom de l’association et le Type d’association (59 caractères maximum chacun).
  5. Cliquez sur Enregistrer, en bas de la page.

Bon à savoir : Mentionnez votre ville et votre activité dans le titre. Si vous videz un champ, la valeur proposée par défaut est rétablie. Les autres pages n’ont pas de balises à saisir : leur titre est calculé automatiquement, et vous pouvez le changer avec Nom de la page dans Personnalisation.

Ajoutez votre moteur de recherche

Ajoutez une barre de recherche Google à votre site.4 étapes
  1. Allez dans Pages du site › Page d’accueil.
  2. Après les panneaux de référencement, repérez le panneau Ajoutez votre moteur de recherche.
  3. Saisissez l’Identifiant du moteur de recherche de votre moteur de recherche programmable Google : exactement 17 caractères.
  4. Cliquez sur Enregistrer, en bas de la page.

Bon à savoir : Créez d’abord votre moteur de recherche programmable dans votre compte Google : la bulle d’aide du champ donne le lien. La barre de recherche s’affiche dans la colonne : elle disparaît avec une disposition sans colonne.

Flux RSS et Sitemap

Partagez automatiquement vos contenus publics grâce aux flux RSS et au plan du site.4 étapes
  1. Allez dans Pages du site › Page d’accueil.
  2. Descendez jusqu’au dernier panneau, Flux RSS et Sitemap.
  3. Repérez les liens des flux RSS : evenements.rss, actualites.rss, albums-photos-publics.rss et pages.rss.
  4. Repérez aussi le lien vers sitemap.xml, utile pour le référencement. Chaque lien s’ouvre dans un nouvel onglet.

Chapitre 7 · 8 tutoriels

Pages du site

Les autres cartes de Pages du site, dans l’ordre de l’écran : de l’histoire de l’association aux mentions légales.

Histoire de l’association

Présentez votre histoire, vos valeurs et vos projets.6 étapes
  1. Allez dans Site Internet › Pages du site, puis cliquez sur la carte Histoire de l’association.
  2. Remplissez Notre histoire.
  3. Ajoutez une image dans Notre Photo.
  4. Remplissez Nos valeurs, puis Nos projets.
  5. Dans Nos événements marquants, ajoutez chaque événement un par un, avec une date, un titre et un résumé.
  6. Cliquez sur Enregistrer, en bas de la page.

Bon à savoir : Photo recommandée : 800×600 px. N’utilisez pas d’emoji dans les événements marquants.

Les dirigeants de l’association

Faites connaître l’équipe qui fait vivre l’association.7 étapes
  1. Allez dans Site Internet › Pages du site, puis cliquez sur la carte Les dirigeants de l’association.
  2. Dans le panneau Actions, cliquez sur Ajouter un nouveau dirigeant.
  3. Renseignez le prénom, le nom, l’email et le téléphone, puis Twitter, Facebook et LinkedIn si besoin.
  4. Complétez Son rôle et Une petite présentation.
  5. Dans Section d’affichage, choisissez Section Dirigeants, Section Membres du bureau ou Section Autres.
  6. Réglez la Position d’affichage dans la section et ajoutez Une photo du dirigeant.
  7. Cliquez sur Enregistrer le dirigeant.

Bon à savoir : Photo recommandée : 400×400 px. Chaque dirigeant se saisit à la main : il n’existe pas d’import depuis vos contacts.

Contact

Permettez à vos visiteurs de vous écrire.6 étapes
  1. Allez dans Site Internet › Pages du site, puis cliquez sur la carte Contact.
  2. Dans Nous contacter, rédigez si vous le souhaitez un court texte d’introduction (1000 caractères maximum).
  3. Dans Coordonnées, saisissez l’Email, le Téléphone et les Horaires de contact.
  4. Dans Localisation, saisissez l’Adresse, le Code Postal, la Ville et le Pays.
  5. Déplacez le marqueur sur la carte si besoin.
  6. Cliquez sur Enregistrer, en bas de la page.

Bon à savoir : L’email n’est jamais affiché sur le site, pour vous protéger du spam : il sert à recevoir les messages. Sans email, le formulaire de contact n’apparaît pas. Vos visiteurs doivent y remplir leur nom, leur email, un sujet et un message. Le formulaire est protégé contre les robots.

Lieux et horaires des activités

Indiquez où et quand se déroulent vos activités.7 étapes
  1. Allez dans Site Internet › Pages du site, puis cliquez sur la carte Lieux et horaires des activités.
  2. Dans le panneau Actions, cliquez sur Ajouter un lieu et les horaires des activités.
  3. Saisissez le Nom du lieu, sa Description et ajoutez une Photo.
  4. Dans Les plages horaires des activités, choisissez le Jour, le Début et la Fin, nommez et décrivez l’activité, puis cliquez sur Ajouter. Recommencez pour chaque créneau.
  5. Saisissez l’adresse du lieu, obligatoire, et déplacez le marqueur sur la carte si besoin.
  6. Cliquez sur Enregistrer le lieu et les horaires, ou sur Enregistrer et retour aux activités.
  7. Dans le tableau Les lieux et les horaires des activités, réglez l’ordre d’affichage des lieux avec leur position.

Les partenaires

Mettez en avant les partenaires de votre association.5 étapes
  1. Allez dans Site Internet › Pages du site, puis cliquez sur la carte Les partenaires.
  2. Dans le panneau Actions, cliquez sur Ajouter un partenaire.
  3. Renseignez le Nom, l’URL, l’Image et la Description.
  4. Cliquez sur Enregistrer le partenaire.
  5. Dans le tableau Les partenaires / sponsors, réglez l’ordre d’affichage avec la position : il s’applique aussi sur la page d’accueil.

Bon à savoir : Pour afficher vos partenaires en bas de la page d’accueil, voir le panneau Liste des partenaires de la Page d’accueil.

Politique de confidentialité

Expliquez à vos visiteurs comment vous utilisez leurs données.4 étapes
  1. Allez dans Site Internet › Pages du site, puis cliquez sur la carte Politique de confidentialité.
  2. Pour partir d’un modèle, cliquez sur Exemple dans le bloc Template.
  3. Adaptez le texte à votre association dans le bloc 1. Votre politique de confidentialité.
  4. Cliquez sur Enregistrer, en bas de la page.

Bon à savoir : Le bloc 2. Politique de confidentialité Pep’s Up, qui concerne la plateforme, ne se modifie pas. La page est accessible depuis le lien Politique de confidentialité du pied de page.

Conditions générales

Présentez les conditions générales de votre association.4 étapes
  1. Allez dans Site Internet › Pages du site, puis cliquez sur la carte Conditions générales.
  2. Pour partir d’un modèle, cliquez sur Exemple de Conditions générales, dans l’encadré Template.
  3. Adaptez le texte à votre association dans 1. Vos Conditions générales :.
  4. Cliquez sur Enregistrer, en bas de la page.

Bon à savoir : Le bloc 2. Conditions générales Pep’s Up renvoie aux conditions générales de la plateforme et ne se modifie pas.

Mentions légales

Indiquez qui édite votre site.4 étapes
  1. Allez dans Site Internet › Pages du site, puis cliquez sur la carte Mentions légales.
  2. Pour partir d’un modèle, cliquez sur Exemple de Mentions légales, dans l’encadré Template.
  3. Dans 1. Vos Mentions légales :, complétez le nom de l’association, son adresse, son numéro de téléphone et le directeur de la publication.
  4. Cliquez sur Enregistrer, en bas de la page.

Bon à savoir : Le bloc 2. Mentions légales Pep’s Up renvoie aux mentions légales de la plateforme et ne se modifie pas.

Chapitre 8 · 2 tutoriels

Statistiques et Personnalisation

Les entrées suivantes du menu Site Internet : suivre la fréquentation, puis personnaliser les pages publiques.

Statistiques

Suivez la fréquentation de votre site, sans compte Google Analytics personnel.4 étapes
  1. Allez dans Site Internet › Statistiques.
  2. Dans la liste Période, choisissez 7 jours, 30 jours (par défaut), 90 jours ou 12 mois.
  3. Consultez les cartes Visites, Pages vues, Total Utilisateurs et Nouveaux Utilisateurs.
  4. Suivez l’évolution dans le graphique Trafic Web du site internet.

Bon à savoir : Ces statistiques fonctionnent sans configuration et ne dépendent pas de votre propre code Google Analytics. Seuls les visiteurs qui acceptent les cookies sont comptés. Pour utiliser votre propre compte, voir Code de suivi Google Analytics GA4.

Personnalisation

Adaptez le nom, le lien, la visibilité et les textes de vos pages publiques.6 étapes
  1. Allez dans Site Internet, puis cliquez sur Personnalisation.
  2. Choisissez l’onglet de la page : Page d’accueil, Histoire, Dirigeants, Contactez-nous, Activités, Membres, Partenaires, Adhésion, Événements, Boutique ou Dons.
  3. Dans le panneau Propriétés de la page, saisissez la Nouvelle valeur du Nom de la page ou du Lien de la page.
  4. Réglez la Visibilité de la page : Publique ou Privée.
  5. Dans le panneau Dictionnaire, remplacez si besoin les textes affichés sur le site (100 caractères maximum).
  6. Cliquez sur Enregistrer, en bas de l’onglet.

Bon à savoir : Tous les onglets n’ont pas les mêmes réglages : l’onglet Événements ne propose que le Dictionnaire, Adhésion, Boutique et Dons seulement le Nom de la page. Le Nom de la page sert aussi de titre pour les moteurs de recherche.

Chapitre 9 · 4 tutoriels

Paramètres › Site Internet

Hors du menu Site Internet, l’onglet Site Internet des Paramètres regroupe réseaux sociaux, pied de page, nom de domaine et Google Analytics.

Réseaux sociaux

Indiquez vos réseaux sociaux pour afficher leurs icônes sur votre site.4 étapes
  1. Allez dans Paramètres, onglet Site Internet.
  2. Dans la partie Réseaux sociaux, collez l’adresse de chaque réseau utilisé : Profil Twitter, Compte ou Groupe Facebook, Page Facebook, Page LinkedIn, Chaîne Youtube, Page Instagram.
  3. Laissez vides les réseaux que vous n’utilisez pas activement.
  4. Cliquez sur Enregistrer, en bas de la page.

Bon à savoir : En mode Moderne, les icônes n’apparaissent que si votre pied de page contient une Zone réseaux sociaux affichée, dans Thème › Structure du site.

Pied de page du site et articles privés

Choisissez si le lien de création de compte apparaît en bas de votre site.4 étapes
  1. Allez dans Paramètres, onglet Site Internet.
  2. Repérez le panneau Pied de page du site et articles privés.
  3. Réglez l’option Affichage du lien Créer mon compte.
  4. Cliquez sur Enregistrer, en bas de la page.

Bon à savoir : Sans ce lien, vos visiteurs peuvent encore créer un compte via l’adhésion en ligne, la boutique ou une invitation. En mode Moderne, choisissez aussi la zone qui affiche ce lien dans Thème › Structure du site, carte Pied de page.

Utilisez votre propre nom de domaine

Remplacez l’adresse par défaut de votre site par votre domaine ou un sous-domaine.5 étapes
  1. Allez dans Paramètres, onglet Site Internet, panneau Utilisez votre propre nom de domaine.
  2. Saisissez votre domaine (par exemple mon-asso.fr) ou votre sous-domaine (par exemple gestion.mon-asso.fr), sans http:// ni www.
  3. Cliquez sur Soumettre le nom de domaine, cochez la case confirmant que vous en êtes le propriétaire, puis validez. Le statut passe à Nom de domaine saisi.
  4. Chez l’organisme où vous avez acheté votre domaine, modifiez la zone DNS en suivant l’aide en ligne, puis créez un ticket auprès du support technique pour le prévenir.
  5. L’équipe technique finalise l’activation : le statut passe à Nom de domaine activé.

Disponible avec : Pack Basic

Bon à savoir : Une fois le domaine soumis, le champ est verrouillé. Pour le modifier, contactez le support. Le Tableau de bord du site vous signale un domaine actif mais mal configuré.

Code de suivi Google Analytics GA4

Suivez la fréquentation de votre site avec votre propre compte Google Analytics.5 étapes
  1. Dans Google Analytics, créez une propriété GA4.
  2. Copiez son ID de mesure, au format G-XXXXXXXXXX.
  3. Dans Pep’s Up, allez dans Paramètres, onglet Site Internet.
  4. Collez l’identifiant dans le panneau Code de suivi Google Analytics GA4 (30 caractères maximum).
  5. Cliquez sur Enregistrer, en bas de la page.

Bon à savoir : Seul le code GA4 est pris en compte. Le panneau Code de suivi Google Analytics, au format UA-, ne sert plus : Google a arrêté ce format. Le suivi démarre seulement si le visiteur clique sur Tout accepter dans le bandeau des cookies, ou autorise Google Analytics.

Votre site est prêt !

Votre site associatif est en place. Mettez-le en ligne et découvrez les autres guides pour aller plus loin avec Pep’s Up.

Guide #2 : Gestion des membres →← Tous les guides

Le module Site internet en détail

Site internet

Un site d’association personnalisé, sans publicité et bien référencé.

En savoir plus

Les autres guides

Guide #2 : Gestion des membres

Contacts, Rôles, Champs personnalisés, Groupes et Feuilles de présence en 33 tutoriels.

En savoir plus

Guide #3 : Adhésion en ligne

Les 8 étapes de la Configuration puis le suivi des Dossiers, en 22 tutoriels.

En savoir plus

Guide #4 : Communication

Configuration Mail et SMS, envoi et suivi de vos messages en 16 tutoriels.

En savoir plus

Guide #5 : Événements

Créez un événement onglet par onglet, invitez et suivez les réponses en 24 tutoriels.

En savoir plus

Guide #6 : Comptabilité

Configuration en 11 étapes, Journal, Banque, Documents et Clôture en 44 tutoriels.

En savoir plus

Guide #7 : Boutique en ligne

Configuration de la boutique et gestion des Commandes en 21 tutoriels.

En savoir plus

Guide #8 : Dons & reçus fiscaux

Activez le module Dons, configurez-le et téléchargez le reçu fiscal de chaque don, en 15 tutoriels.

En savoir plus

Pas encore prêt ? Testez Pep's Up gratuitement.

Créez votre espace en quelques minutes et découvrez tous les modules. Notre équipe vous accompagne à chaque étape.

Essayez gratuitementDécouverte du logiciel

Sans carte bancaire • Sans engagement • Prêt en quelques minutes