Passer au contenu principal

Comment ajouter une image de couverture distincte à chaque page d’un formulaire classique dans Formaloo

Découvrez comment ajouter une image de couverture unique à chaque page d’un formulaire classique dans Formaloo, et comment elle interagit avec la couverture par défaut.

Ce que vous allez créer

À la fin de ce guide, votre formulaire classique à plusieurs pages affichera une bannière unique sur chaque page : la page 1 présentera votre visuel d’introduction, la page 2 une image liée à cette section, et ainsi de suite. Vous comprendrez également comment les couvertures de page interagissent avec la couverture par défaut du formulaire, et quand l’une remplace l’autre.

Quand l’utiliser

  • Votre formulaire classique comporte plusieurs pages et chaque section aborde un sujet, un produit ou une étape différente

  • Vous créez un quiz de recommandation de produits et souhaitez que les visuels correspondent à chaque catégorie

  • Vous gérez un parcours d’inscription ou d’intégration en plusieurs étapes et souhaitez que chaque page soit soignée

  • Vous avez défini une couverture par défaut au niveau du formulaire, mais souhaitez afficher une image différente sur certaines pages

  • Vous souhaitez que l’expérience visuelle du formulaire corresponde à son contenu, plutôt que d’utiliser une seule image partout

Étape par étape

Partie 1 — Ajouter une image de couverture à une page spécifique

Voici comment définir une couverture de page, c’est-à-dire une image qui n’apparaît que sur une seule page de votre formulaire. Lorsqu’une page possède sa propre image de couverture, celle-ci remplace la couverture par défaut du formulaire pour cette page.

1. Ouvrez votre formulaire classique dans l’éditeur : depuis votre espace de travail, ouvrez le formulaire à modifier. Assurez-vous qu’il utilise la mise en page Classique et qu’il comporte plusieurs pages (ajoutées via le champ « New page »).

2. Accédez à la page à personnaliser : naviguez jusqu’à la page souhaitée dans l’éditeur de formulaire, par exemple la page 2 ou la page 3. La zone de bannière en haut du canevas affiche l’image de couverture actuelle de cette page (ou la couverture par défaut du formulaire si aucune image de page n’est encore définie).

3. Cliquez sur l’icône en forme de crayon dans la zone de couverture : survolez la zone de bannière/couverture en haut du canevas de la page et cliquez sur l’icône en forme de crayon qui apparaît. Une invite de téléversement va

s’afficher.

4. Téléversez votre image : sélectionnez le fichier image sur votre appareil. La couverture est mise à jour immédiatement et enregistrée pour cette page uniquement. Les autres pages ne sont pas affectées.

Remarque : cette image est enregistrée dans le champ Page de cette page spécifique. Elle n’apparaîtra sur aucune autre page du formulaire.


Partie 2 — Définir une image de couverture au niveau du formulaire (par défaut)

La couverture au niveau du formulaire est l’image de secours affichée sur toutes les pages qui n’ont pas leur propre image de couverture. Voici comment la définir ou la modifier.

1. Ouvrez votre formulaire dans l’éditeur : depuis la même vue de l’éditeur de formulaire classique.

2. Cliquez sur « Design » dans la navigation supérieure : cela ouvre les paramètres de design et de thème du formulaire.

3. Cliquez sur « Edit » sur le thème actif du formulaire : sélectionnez le thème actuellement appliqué à votre formulaire et ouvrez ses paramètres.

4. Téléversez une image de couverture par défaut : dans les paramètres du thème, repérez le champ Cover image et téléversez votre image. Cette image apparaîtra sur toutes les pages qui n’ont pas de couverture de page définie.

5. Enregistrez vos modifications : la couverture par défaut est désormais appliquée à l’ensemble du formulaire comme image de secours.


Interaction entre les couvertures de page et la couverture du formulaire

La logique d’affichage fonctionne ainsi :

Situation

Ce qui s’affiche

La page possède sa propre image de couverture

L’image de couverture de la page s’affiche

La page n’a pas d’image de couverture, le formulaire en a une par défaut

La couverture par défaut du formulaire s’affiche

Ni la page ni le formulaire n’ont d’image de couverture

Aucune bannière ne s’affiche

ℹ️ Important : si vous définissez une couverture par défaut au niveau du formulaire (partie 2), puis téléversez une couverture sur une page spécifique (partie 1), l’image de la page remplacera la couverture par défaut pour cette page uniquement. Les autres pages continuent d’afficher la couverture par défaut du formulaire.

Si vous supprimez ensuite l’image de couverture d’une page, celle-ci revient automatiquement à la couverture par défaut du formulaire.


Ce que vous obtenez

Chaque page de votre formulaire classique peut désormais avoir sa propre identité visuelle. Les pages avec une couverture personnalisée affichent leur image unique ; les autres reviennent à la bannière par défaut du formulaire, ou n’affichent aucune image si aucune couverture par défaut n’est définie. La couverture est mise à jour dans l’aperçu et dans le formulaire publié, afin que les répondants voient la bonne image en naviguant d’une page à l’autre. Dupliquer ou réorganiser des pages conserve leurs images de couverture.


Et ensuite ?


Découvrez d’autres tutoriels

Avez-vous trouvé la réponse à votre question ?