Passer au contenu principal

Comment ajouter des images à votre formulaire

Découvrez toutes les façons d’ajouter des images à votre formulaire, notamment les images de couverture et les visuels par page, et le fonctionnement de chaque option selon la mise en page.

Formaloo propose plusieurs façons d’ajouter des images à vos formulaires. Vous pouvez utiliser une image de couverture unique pour tout le formulaire, ou insérer des images individuelles sur des pages précises ou à côté de questions précises. Ce guide présente toutes les options disponibles, leur fonctionnement et la méthode la plus adaptée selon la mise en page choisie.


1. Ajouter une image de couverture (une image par formulaire)

Une image de couverture s’applique à l’ensemble du formulaire : il n’est donc pas possible de définir une image de couverture différente pour chaque page d’un même formulaire.

Vous pouvez la définir directement dans l’éditeur de formulaire en cliquant sur Upload Cover image :

Options de placement de l’image de couverture

Dans les paramètres Design, sous Layout, vous pouvez choisir l’une des 6 options de placement pour l’image de couverture de votre formulaire :

  • Top (en haut)

  • Center (au centre)

  • Full left / Full right (pleine largeur à gauche / à droite)

  • Left / Right (à gauche / à droite)

Affichage de l’image de couverture dans le formulaire

  • Top ou Center : l’image de couverture s’affiche uniquement sur la page d’accueil, ou en haut du formulaire s’il s’agit d’un formulaire d’une seule page.

  • Toutes les positions latérales (variantes gauche/droite) : l’image de couverture s’affiche de la même façon sur chaque page du formulaire.

Si vous avez besoin de visuels différents pour chaque page, utilisez l’une des options ci-dessous plutôt qu’une image de couverture.


2. Ajouter des images dans la description des champs

Vous pouvez insérer une image directement dans la description de n’importe quel champ.

Comment l’ajouter :

  1. Cliquez sur la description du champ

  2. Tapez /image, puis importez un fichier image ou collez l’URL d’une image

C’est la meilleure option lorsque :

  • Vous souhaitez qu’une image s’affiche juste à côté d’une question ou d’un champ précis

  • Vous utilisez une mise en page une question à la fois, qui ne permet pas d’ajouter d’autres champs sur la même page

Les images ajoutées de cette façon apparaissent directement dans la description du champ, sous son titre :


3. Ajouter des images avec des champs Content

Vous pouvez aussi ajouter des images autonomes en insérant un champ Content n’importe où dans votre formulaire.

Pour l’ajouter :

  • +Add field → Content field → tapez /image pour y ajouter une image

Vous pouvez ainsi placer des images :

  • À côté de n’importe quel champ ou groupe de champs

  • Sur des pages précises (par ex. en haut de chaque nouvelle section d’un quiz)

  • Comme éléments décoratifs ou explicatifs au milieu du formulaire


4. Images dans les champs : formulaires Classic ou une question à la fois

  • Formulaire Classic :

    • Vous pouvez ajouter plusieurs champs sur une même page

    • Les champs Content et les questions peuvent apparaître ensemble

    • Vous pouvez aussi ajouter une pagination dans un formulaire Classic en cliquant sur + Add field → New Page et en regroupant plusieurs champs sur des pages distinctes

  • Une question à la fois :

    • Chaque champ (y compris les champs Content) apparaît sur sa propre page

    • Deux champs ne peuvent pas apparaître sur la même page

    • Un champ Content contenant une image deviendra une page distincte

    • Si vous souhaitez qu’une image apparaisse avec la question sur la même page, insérez plutôt l’image dans la description du champ


5. Choisir la bonne méthode selon votre mise en page

➔ Si vous souhaitez une seule image commune à tout le formulaire

✔ Utilisez une image de couverture
✔ Choisissez un placement latéral pour l’afficher sur toutes les pages
✔ Choisissez Top/Center si vous la souhaitez uniquement sur la page d’accueil ou dans l’en-tête du formulaire

➔ Si vous souhaitez des images différentes sur chaque page

✘ Impossible avec plusieurs images de couverture (une seule image de couverture par formulaire)
✔ Insérez des images via des champs Content ou les descriptions des champs

➔ Si votre formulaire est en mode une question à la fois

✘ Vous ne pouvez pas afficher plusieurs champs (par ex. champ Content + question) sur une même page
✔ Utilisez les descriptions des champs pour afficher des images sur la même page que la question
✔ Chaque champ Content apparaîtra sur sa propre page


6. Récapitulatif des possibilités

  • Vous ne pouvez avoir qu’une seule image de couverture par formulaire

  • L’image de couverture ne peut pas varier selon la page

  • Pour des images par page ou par question, utilisez les descriptions des champs ou des champs Content

  • En mode One question at a time, les images n’apparaissent sur la même page que la question que si elles sont ajoutées à la description du champ (les champs Content occupent leur propre page dans ce mode)

  • Le formulaire Classic offre une flexibilité totale pour combiner plusieurs champs sur une même page tout en divisant le formulaire en parties ou sections

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