Référence des blocs et cartes

Cette page détaille les sections et les cartes que vous utilisez dans l’onglet « Mise en page » de l’écran « Apparence ». Pour la procédure pas à pas, voir Composer la page d’accueil.

Les sections proposées dépendent de votre style : un type absent de la fenêtre « Ajouter une section » n’est pas affiché par ce style. Un même type peut aussi porter un nom différent d’un style à l’autre.

Sections d’ouverture : l’en-tête

La section « En-tête » ouvre la page d’accueil. Elle est toujours présente et ne se retire pas.

Champ	Usage
« Blason »	Le blason ou le logo de la commune. Il s’affiche à côté du nom de la commune, sur tous les supports.
« Illustration »	Une image d’ouverture, sous la forme que lui donne votre style (bandeau, grande photo…).
« Titre »	Le titre d’accueil, par exemple le nom de la commune.
« Chapeau »	Une phrase d’introduction sous le titre.

Certains styles n’affichent pas l’ouverture (illustration et textes) sur les petits écrans : la ligne de la section l’indique. Le blason, lui, reste affiché partout. Laissez l’illustration et les textes vides si vous ne voulez pas d’ouverture.

Sections de cartes : mise en avant, cartes, liste

Ces trois sections présentent une série de cartes, chacune menant vers un contenu. Elles se remplissent avec « Ajouter un lien ».

Section	Usage conseillé
« Mise en avant »	Les actualités ou contenus à la une, en tête de page.
« Cartes »	Les démarches et services les plus demandés.
« Liste »	Les événements ou une série de liens à parcourir.

Chacune dispose d’un « Titre de la section », affiché sur le site par certains styles. Selon le style, l’affichage se choisit parmi des variantes comme « Bannière », « Tuiles », « Carrousel », « Mise en avant », « Cartes », « Grille », « Liste », « Magazine » ou « Calendrier ».

Galerie d’images

La section « Galerie d’images » présente une bande d’images. Elle se remplit avec « Ajouter une vignette », qui ouvre le même panneau que les cartes : chaque vignette mène vers un contenu et affiche son image de couverture.

Sur le site, une bande d’images s’affiche sans titre : le « Titre de la section » vous sert seulement à la retrouver dans la liste.

Texte libre

La section « Texte libre » affiche un texte mis en forme : présentation de la commune, mot du maire, informations pratiques.

1. Dépliez la section et cliquez sur « Ajouter du texte » (ou « Modifier le texte »).
2. Rédigez dans l’éditeur « Texte de « … » », qui propose les mêmes outils que l’éditeur de pages.
3. Fermez l’éditeur : le texte est repris dans l’aperçu.

Selon le style, le « Titre de la section » peut ne pas s’afficher sur le site et sert alors seulement à retrouver la section dans la liste.

Navigation principale et navigation mobile

Ces deux sections, regroupées sous « Navigation », s’affichent sur toutes les pages de l’application.

• « Navigation principale » : le menu du site.
• « Navigation mobile » : sur téléphone, soit une « Barre de navigation » en bas de l’écran, soit un « Tiroir latéral ».

Elles se remplissent de cartes, comme les autres sections. Leur nom affiché dépend du style.

Carte Accueil

La carte « Accueil » ramène à la page d’accueil. Elle est surtout utile dans la navigation mobile, pour offrir un bouton de retour à l’accueil.

Carte Page

La carte « Page » ouvre une page de contenu. Après avoir choisi « Page », sélectionnez la page dans la liste et cliquez sur « + ». Seules les pages qui ne sont pas encore sur l’accueil sont proposées. Voir Pages.

Carte lien

La carte « Lien externe » redirige vers un site web : site de la communauté de communes, portail de démarches, billetterie…

Champ	Usage
« Titre * »	Le texte de la carte. Obligatoire.
« URL * »	L’adresse du site. Elle doit commencer par http:// ou https://. Obligatoire.
« WebApp avancée »	Voir ci-dessous.
« Image de couverture (optionnel) »	Une image pour illustrer la carte.

Cliquez sur « Ajouter le lien » pour ajouter la carte.

WebApp avancée (fonctions du téléphone)

Quand un habitant ouvre une carte lien dans l’application iPhone ou Android, le site s’affiche dans l’application. L’option « WebApp avancée » permet à ce site d’utiliser certaines fonctions du téléphone : utile, par exemple, pour un site de prêt de matériel qui scanne des codes-barres, ou pour un portail qui demande une connexion.

1. Dans le panneau de la carte lien, activez « WebApp avancée » (« Permet au site d’utiliser des fonctions du téléphone. »).
2. Cochez les fonctions autorisées :
   • « Torche » : allumer ou éteindre la lampe du téléphone ;
   • « Caméra » : accéder à la caméra depuis la page web. L’habitant doit aussi l’accepter sur son téléphone ;
   • « Connexion dans le navigateur » : permettre au site d’ouvrir sa page de connexion dans le navigateur du téléphone (passkeys, mots de passe enregistrés), puis d’y revenir connecté.
3. Enregistrez la carte, puis l’écran « Apparence ».

Conditions à respecter :

• Adresse sécurisée : l’option n’est possible que pour une adresse commençant par https://. Le panneau indique le site autorisé, sous la forme « Utilisables uniquement depuis » suivi de son adresse.
• Un seul site autorisé : seule l’adresse exacte du lien est autorisée. Un sous-domaine (par exemple https://app.exemple.fr pour un lien vers https://exemple.fr) ne l’est pas.
• Applications mobiles seulement : ces fonctions ne sont disponibles que dans les applications iPhone et Android, pas quand le site est ouvert dans un navigateur.
• Au moins une fonction cochée : sans case cochée, l’option est désactivée à l’enregistrement.
• Site adapté : le site doit être conçu pour utiliser ces fonctions. Transmettez au prestataire qui le développe la documentation WebApp avancée pour les développeurs.

Attention

N’activez ces fonctions que pour un site de confiance, dont vous connaissez l’éditeur : il pourra utiliser la caméra ou la lampe du téléphone des habitants qui l’ouvrent dans l’application.

Cartes de contenu (sondage, agenda, direct…)

Carte	Ce qu’elle affiche	Options
« Sondages »	Les sondages de la commune. Voir Sondages.	« Liste des sondages » (tous les sondages actifs) ou un sondage précis, publié ou terminé.
« Signalements »	L’accès au signalement d’un problème. Voir Signalements.	Aucune.
« Formulaire »	Un formulaire à remplir. Voir Formulaires.	Le formulaire, parmi ceux qui sont publiés.
« Calendrier »	L’agenda de la commune. Voir Calendrier.	« Tous les calendriers » (vue calendrier de tous les événements), « Liste des calendriers », ou un calendrier précis.
« Diffusion en direct »	Le prochain direct ou le direct en cours. Voir Diffusions.	Tous les directs, ou une diffusion précise. Disponible selon les options de votre commune.
« Réseau social »	Le fil de photos et d’actualités de la commune. Voir Réseau social.	L’image de couverture : « Dernière photo publiée », « Image personnalisée » ou « Dégradé par défaut ».
« App déléguée »	Le contenu d’une application partenaire. Voir Délégations.	L’application, parmi les délégations acceptées.

Si la liste d’éléments est vide (aucun formulaire publié, aucun sondage…), le panneau propose un lien vers la rubrique correspondante du backoffice, par exemple « Gerer les formulaires ».

Couleurs et icônes des cartes

Chaque carte se personnalise avec « Modifier », dans le panneau « Personnaliser la carte » :

• « Titre » : remplace le titre par défaut, affiché en gris dans le champ.
• « Icône » : cliquez sur le champ, puis cherchez une icône avec « Rechercher une icône… ». Sans choix, la carte garde l’« Icône par défaut du module ».
• « Fond de la carte » : choisissez « Couleur », « Degrade » ou « Image », puis la ou les couleurs, ou l’image de fond. Un aperçu de la carte s’affiche sous les réglages.
• « Image de couverture » : cliquez ou glissez une image.

Cliquez sur « Enregistrer » pour valider, ou sur « Réinitialiser la carte » pour revenir au titre, à l’icône, au fond et à l’image d’origine.

Astuce

Des cartes aux fonds trop variés rendent l’accueil difficile à lire. Restez sur les couleurs de votre commune et gardez un bon contraste entre le fond et le texte de la carte.