Créer votre formulaire : questions, sections et design

Ajoutez des questions, divisez un formulaire en sections, envoyez les visiteurs vers une section selon leur réponse, réglez les couleurs et la mise en page, et appuyez-vous sur l’enregistrement automatique, Annuler et les sauvegardes.

L’éditeur de formulaires est l’endroit où vous créez un formulaire de paiement, un formulaire de don, des billets d’événement ou un pot à pourboires. Il fonctionne comme une colonne de cartes : chaque carte est une question ou un bloc de texte, et vous cliquez sur une carte pour la modifier. L’éditeur s’ouvre tout seul lorsque vous créez un formulaire. Pour le rouvrir plus tard, cliquez sur Modifier le formulaire en haut du menu de gauche du tableau de bord de votre formulaire.

L’éditeur en un coup d’œil

La barre du haut contient le bouton Tableau de bord (pour revenir au tableau de bord de votre formulaire), une ligne d’état, Sauvegardes (l’horloge), Annuler et Rétablir, Aperçu et Publier. Trois onglets se trouvent en dessous :

Questions : ce que vous demandez, section par section. Une petite barre d’outils à côté des questions en ajoute de nouvelles.
Paramètres : le fonctionnement des réponses, le comportement du formulaire et la façon dont il encaisse l’argent.
Design : l’apparence du formulaire.

L’onglet Questions de l’éditeur de formulaires, avec la barre d’outils à côté des questions mise en évidence

Les réponses n’apparaissent pas dans l’éditeur. Elles arrivent dans l’écran Réponses de votre tableau de bord (Dons pour un formulaire de don ou un pot à pourboires). Voir Consulter et télécharger les réponses.

Ajouter et modifier des questions

Cliquez sur la première carte et saisissez votre Titre du formulaire et votre Description du formulaire.
Dans la barre d’outils à côté des questions, cliquez sur le bouton plus, Ajouter une question. La nouvelle question apparaît juste après celle que vous modifiiez, sous forme de question à choix multiples.
Saisissez la question. Pour changer son type, cliquez sur le menu de type à droite de la question et choisissez un autre type.
Renseignez ce que demande le type, par exemple les options d’une question à choix. Appuyez sur Entrée dans une option pour ajouter la suivante, ou collez une liste pour créer une option par ligne.
Activez Obligatoire si les visiteurs doivent répondre avant de pouvoir continuer.

Le menu liste le texte (Réponse courte, Paragraphe), les choix (Choix multiples, Cases à cocher, Liste déroulante), Téléchargement de fichier, les échelles et les grilles (Échelle linéaire, Note, Grille à choix multiples, Grille de cases à cocher), Date, Heure, des champs prêts à l’emploi (E-mail, Téléphone, Nombre, Nom, Adresse) et deux types qui gèrent l’argent. Avec Saisir un montant, le visiteur saisit un montant à payer, ou vous activez Fixed amount pour en afficher un qu’il ne peut pas modifier. Billets est réservé aux formulaires de paiement, un par formulaire : des types de billets avec un prix et une limite pour chacun.

Les autres boutons de la barre d’outils ajoutent des éléments qui ne sont pas des questions : Ajouter un titre et une description, Ajouter une image (avec une description pour les personnes qui ne peuvent pas la voir), Ajouter une vidéo (collez un lien YouTube, Vimeo ou TikTok) et Ajouter une section.

Le bas d’une question

Le bas d’une question comporte des boutons pour la dupliquer ou la supprimer (la suppression affiche un message avec Annuler), l’interrupteur Obligatoire et Plus d’options (trois points). Ce menu contient :

Description : une ligne d’aide sous la question.
Validation des réponses : vérifie une réponse avant de l’accepter, par exemple une longueur, une adresse e-mail, une adresse web, une valeur minimale ou maximale, ou le nombre de cases à cocher.
Passer à la section en fonction de la réponse, Mélanger l’ordre des options et Prix pour les questions à choix.

Pour déplacer une question, faites glisser les six points en haut de sa carte.

Diviser un formulaire en sections

Une section correspond à une page de votre formulaire. Les visiteurs passent d’une section à l’autre avec les boutons Suivant et Retour.

Cliquez sur la dernière question qui doit rester dans la section.
Cliquez sur Ajouter une section dans la barre d’outils. Une carte de section apparaît, marquée par exemple « Section 2 sur 2 », et toutes les questions situées sous celle sur laquelle vous avez cliqué y passent.
Donnez-lui un Titre de la section et, si vous le souhaitez, une description. Faites glisser des questions d’une section à l’autre pour les organiser.

Le menu à trois points d’une section permet de la dupliquer, de la déplacer, de la fusionner ou de la supprimer. Supprimer une section supprime aussi ses questions : Payly demande donc d’abord confirmation. Pour réorganiser les sections, faites glisser l’une d’elles par sa poignée. Pendant que vous faites glisser, chaque section se replie sur une seule ligne.

Envoyer les visiteurs vers une autre section

La logique de saut envoie un visiteur vers une section qui dépend de sa réponse. Elle fonctionne sur les questions Choix multiples et Liste déroulante, dans un formulaire comportant plus d’une section.

Ouvrez la question et cliquez sur Plus d’options (trois points).
Choisissez Passer à la section en fonction de la réponse.
À côté de chaque option, choisissez où elle mène : Passer à la section 2 et ainsi de suite, ou Envoyer le formulaire.

La ligne qui commence par Après la section 1 indique où va ensuite le formulaire lorsqu’aucune réponse n’en décide. Les questions d’une section qu’un visiteur saute ne lui sont pas posées et ne lui sont pas facturées.

Accepter des fichiers

Réglez le type d’une question sur Téléchargement de fichier. Activez Autoriser uniquement certains types de fichiers pour n’accepter que des documents, des feuilles de calcul, des présentations, des PDF, des images, des vidéos ou des fichiers audio. Choisissez le Nombre maximal de fichiers (1, 5 ou 10) et la Taille maximale du fichier (jusqu’à 50 Mo). Les fichiers envoyés sont conservés dans votre propre compte Cloudflare, pas par Payly, dans un espace de stockage partagé par tous vos formulaires (500 Mo avec l’offre gratuite). Vous ouvrez les fichiers d’un visiteur depuis l’écran Réponses.

Choisir les couleurs, les polices et la mise en page

Cliquez sur l’onglet Design. Un Aperçu en direct se trouve à côté des commandes.
Choisissez une Mise en page : Une colonne ou Deux colonnes.
Ajoutez une Image d’en-tête (une photo large fonctionne mieux, environ 4:1) et un Logo. Les images sont stockées dans votre propre compte Cloudflare : Payly vous demande donc de le connecter avant votre premier envoi. Dès qu’il y a une image d’en-tête, faites glisser le point sous Point focal vers la partie qui doit toujours rester visible.
Choisissez une Couleur du thème et une Police. Vous pouvez aussi définir une Couleur de fond et une Couleur de la barre de progression. Laissez-les vides et le formulaire utilise la couleur de votre thème.

Avec deux colonnes, le titre, la description et les blocs de texte, d’image ou de vidéo se placent en haut à gauche, et les questions et le paiement à droite. Dans l’onglet Questions, faites glisser n’importe quel bloc vers l’une ou l’autre colonne, ou utilisez Déplacer vers la colonne de gauche et Déplacer vers la colonne de droite dans son menu à trois points. Sur un téléphone, le formulaire n’affiche toujours qu’une seule colonne.

Paramètres communs à tous les formulaires

Dans l’onglet Paramètres, la carte Réponses comporte :

Limiter à 1 réponse : mémorisé dans le navigateur du visiteur : une personne pourrait donc quand même répondre de nouveau depuis un autre navigateur ou un autre appareil.
Accepter les réponses : désactivez cette option pour fermer le formulaire. Rédigez ce que voient les visiteurs dans Message affiché aux visiteurs lorsque le formulaire est fermé.
Close on et Close after this many answers : ferment le formulaire tout seul à une date et une heure données, ou lorsqu’il a reçu ce nombre de réponses, selon ce qui arrive en premier.

La carte Présentation comprend Afficher la barre de progression (la section où se trouvent les visiteurs), Mélanger l’ordre des questions et un Message de confirmation que les visiteurs lisent après avoir envoyé le formulaire ou payé.

Les cartes Réponses et Présentation de l’onglet Paramètres, avec leurs interrupteurs et leurs zones

Un formulaire de paiement a aussi une carte Paiements, qui prélève le total une fois ou selon un calendrier (voir Encaisser des paiements avec un formulaire). Un formulaire de don ou un pot à pourboires a une carte Dons (voir Configurer un formulaire de don). Les cartes Share your form et Lien prérempli fonctionnent une fois le formulaire publié (voir Publier votre formulaire et partager son adresse).

Aperçu, enregistrement, Annuler et Sauvegardes

Aperçu : cliquez sur Aperçu pour voir la vraie page, basculez entre Ordinateur et Mobile, puis cliquez sur Fermer. Rien de ce que vous faites dans un aperçu n’est envoyé, et aucun paiement n’est encaissé.
Enregistrement : l’éditeur enregistre un instant après chaque modification : il n’y a donc pas de bouton Enregistrer. L’état indique Enregistrement…, puis Enregistré, non publié, et Enregistré et publié une fois que vous avez publié. Appuyez sur Ctrl+S pour enregistrer aussitôt.
Annuler et Rétablir : cliquez sur les flèches dans la barre, ou appuyez sur Ctrl+Z et Ctrl+Maj+Z. Annuler remonte jusqu’à vos 60 dernières modifications, et une série de frappes dans une même zone compte pour une seule étape.
Sauvegardes : chaque publication enregistre une sauvegarde de votre formulaire, et vous pouvez cliquer sur Créer une sauvegarde à tout moment. Les 30 plus récentes sont conservées dans votre propre compte Cloudflare. Cliquez sur Restaurer à côté d’une sauvegarde pour retrouver ses questions, ses paramètres et son design. Les réponses restent telles qu’elles sont, rien ne change dans votre formulaire en ligne tant que vous ne publiez pas, et Annuler permet de revenir en arrière après une restauration.