Guide pas-à-pas¶
Le Guide pas-à-pas affiche une suite numérotée d'étapes, chacune avec son propre titre, son image et son explication. Idéal pour expliquer visuellement un processus ou une procédure.
Comment cela apparaît sur le site¶
Champs¶
Le bloc contient un champ Pas que vous remplissez avec plusieurs éléments d'étape. Par étape :
| Champ | Type | Obligatoire | Contenu |
|---|---|---|---|
| Titre | Texte court | Oui | Quelle est cette étape ? Ex. « Prenez rendez-vous » |
| Image | Image | Non | Visuel d'accompagnement de l'étape. Rognée à 400 px de haut. |
| Description | Éditeur de texte avec mise en forme | Oui | Explication de l'étape, max 3 à 5 lignes. |
Ajouter / réordonner les étapes¶
- Cliquez en bas sur + Ajouter pour ajouter une nouvelle étape.
- Glissez la poignée à gauche d'une étape pour modifier l'ordre.
- Le CMS numérote automatiquement — pas besoin de numéroter à la main dans le titre.
Comment cela s'affiche¶
- Par étape, une ligne avec :
- Cercle numéroté à gauche du titre
- Titre dans un en-tête en gras
- Image dans la colonne de gauche (1/3 de la largeur) — sans image choisie, le CMS retombe sur une icône d'ampoule
- Description dans la colonne de droite (2/3 de la largeur)
- Une ligne verticale va de la première à la dernière étape (flux visuel).
Quand l'utiliser¶
- Comment demander quelque chose ? — par ex. un prêt, un crédit hypothécaire, un rendez-vous.
- Comment fonctionne notre service ? — flux d'onboarding pour les clients.
- Procédure de plainte : montrer clairement les étapes que quelqu'un traverse.
Conseils¶
- 3 à 5 étapes est idéal. Plus devient écrasant, moins ne justifie pas un bloc dédié.
- L'ordre est essentiel : utilisez ce bloc uniquement si les étapes se font vraiment dans l'ordre. Pour une liste non ordonnée → Texte 3-colonnes.
- Titres d'étape courts (max 5 mots), explication en dessous.
- Format d'image cohérent : utilisez des portraits ou des pictogrammes dans le même style pour toutes les étapes.
Erreurs fréquentes¶
- Descriptions trop longues par étape — si l'explication dépasse 5 lignes, divisez l'étape ou mettez les détails ailleurs.
- Étape sans action claire — chaque étape doit avoir un verbe (« Prenez rendez-vous », pas « Rendez-vous »).
- Formats d'image différents mélangés — donne un résultat visuel inégal.
- Pas d'image sur certaines étapes, oui sur d'autres — choisissez une ligne (toutes ou aucune) et utilisez sinon un pictogramme neutre.