Documentation / Les modules

Formulaires

Le module Formulaires affiche sur votre site un formulaire que vous composez champ par champ. Les réponses arrivent dans Ma boîte, et un avis peut partir à votre adresse courriel.

Créer un formulaire

Greffez le module Formulaires sur votre site (écran « Modules »), puis cliquez sur « Créer mon formulaire » dans sa ligne du tableau.
Donnez un nom au formulaire et cliquez sur « Créer ». Il naît avec trois champs obligatoires : « Votre nom », « Votre courriel » et « Votre message ». Il est en ligne tout de suite.
Modifiez-le dans l'éditeur, puis cliquez sur « Enregistrer ». Rien de ce que vous changez n'est visible chez vos visiteurs avant l'enregistrement.

Un site peut porter jusqu'à vingt formulaires. Le code de l'onglet « Intégration » de chacun affiche celui-là, et pas un autre.

L'éditeur

La feuille de gauche montre le formulaire tel qu'il se lira : son titre, une phrase d'introduction facultative, les blocs, puis le texte du bouton d'envoi. Pour insérer un bloc, tapez / dans la ligne sous les blocs, ou écrivez un texte et appuyez sur Entrée. Cliquez sur un bloc pour régler ce bloc dans le panneau de droite. Quand aucun bloc n'est choisi, ce panneau montre les réglages du formulaire entier.

L'éditeur a besoin de JavaScript pour composer les champs. Sans lui, vous pouvez encore changer le titre et les réglages, et vos champs restent intacts.

Les types de champ

Type	Ce que la personne remplit	Vérifié à l'envoi
Texte court	Une ligne.	La longueur.
Texte long	Plusieurs lignes.	La longueur.
Adresse courriel	Une adresse.	Une adresse de forme valide.
Numéro de téléphone	Un numéro.	De 6 à 30 signes : chiffres, espaces, `+`, `-`, `.` et parenthèses.
Adresse web	L'adresse d'un site.	Une adresse complète, qui commence par `https://`.
Nombre	Un nombre.	Un nombre.
Date	Un jour, dans un calendrier.	Une date qui existe.
Heure	Une heure.	Une heure valide.
Liste déroulante	Une option dans une liste.	Une des options prévues.
Un choix parmi plusieurs	Une option, par boutons radio.	Une des options prévues.
Plusieurs cases à cocher	Une ou plusieurs options.	Uniquement des options prévues.
Une case à cocher	Un accord, un consentement.	Obligatoire : la case doit être cochée.
Note en étoiles	De 3 à 10 étoiles, selon votre réglage.	Une note dans les bornes.
Échelle chiffrée	Un chiffre, de 0 ou 1 jusqu'à une borne de 3 à 10.	Une valeur dans les bornes.

Les réglages d'un champ

Libellé : la question, 120 caractères au plus. Un champ sans libellé est retiré à l'enregistrement.
Aide et texte indicatif dans le champ, facultatifs.
Obligatoire ou non.
Longueur maximale : 250 caractères par défaut, 2 000 pour un texte long, 5 000 au plus.
Options pour les listes, choix et cases : 20 au plus, sans doublon. Un champ à choix laissé sans option redevient un texte court.
Demi-largeur, pour placer deux champs courts côte à côte (texte court, courriel, téléphone, adresse web, nombre, date, heure, liste déroulante).
Pour une échelle, les mots affichés aux deux extrémités, par exemple « Pas du tout » et « Tout à fait ».

Un formulaire compte jusqu'à 40 champs et 80 blocs en tout.

Renommer un champ ne perd rien : les réponses déjà reçues restent rattachées à ce champ et continuent de s'afficher dans Ma boîte sous le nouveau libellé.

La mise en page

Cinq blocs ne se remplissent pas, ils se lisent :

Titre de section, pour ouvrir une partie.
Texte, un paragraphe entre deux questions.
Séparateur, un trait.
Image, avec sa description et une légende facultative.
Nouvel écran : la suite s'affiche sur un écran suivant.

Une image dans le formulaire

Insérez un bloc « Image », puis cliquez sur « Choisir une image ». Le fichier part tout de suite : l'image apparaît dans la feuille, et elle s'affiche chez vos visiteurs après l'enregistrement.

Formats : PNG, JPEG, WebP ou GIF. Le SVG est refusé : c'est un document qui peut contenir du code, pas seulement une image.
Taille : 512 Ko au plus, et de 8 à 5 000 pixels de côté. Une image de 1 600 pixels de large suffit largement.
Description (dans le panneau de droite) : lue aux personnes qui ne voient pas l'image, et affichée si elle ne charge pas. Laissez-la vide si l'image est purement décorative.
Légende (sous l'image, dans la feuille) : facultative.

Un formulaire porte jusqu'à 10 images. Une image appartient au formulaire dans lequel vous l'avez envoyée : elle ne s'affiche dans aucun autre, même en recopiant son adresse. Retirée du formulaire, elle est supprimée à l'enregistrement ; supprimer le formulaire supprime ses images.

Pour changer d'image, choisissez « Remplacer l'image » dans le panneau. Une image ne se modifie pas : la nouvelle prend la place de l'ancienne, qui est supprimée à l'enregistrement.

Un formulaire en plusieurs écrans

Insérez un bloc « Nouvel écran » là où le formulaire doit se couper. Son texte devient le titre de l'écran qui commence. À partir de deux écrans, les réglages du formulaire proposent une barre de progression (cochée par défaut) et les textes des boutons « retour » et « suite » (« Précédent » et « Suivant » par défaut). Le bouton d'envoi reste le même sur tous les écrans.

Afficher un champ sous condition

Un champ peut n'apparaître que selon la réponse donnée à un champ placé avant lui. Les conditions possibles :

est (une valeur précise) ;
n'est pas ;
contient ;
est rempli ;
est vide.

La comparaison ne tient pas compte des majuscules. Un champ caché par sa condition n'est ni obligatoire, ni enregistré, même si une valeur a été envoyée pour lui. Une condition qui vise un champ placé plus bas, ou supprimé, est retirée à l'enregistrement : le champ redevient toujours visible.

Les réglages du formulaire

Message après l'envoi : ce que lit la personne une fois son message parti. Par défaut : « Merci, votre message est bien arrivé. » Un lien « Envoyer un autre message » s'affiche dessous.
Puis envoyer le visiteur vers : facultatif. Une adresse de votre choix où la personne arrive après un envoi réussi. Voyez la redirection.
Me prévenir par courriel quand une réponse arrive : coché à la création. Voyez plus bas.
Le texte du bouton se change directement sur la feuille : cliquez dessus. Par défaut : « Envoyer ».

Ce qui se passe à l'envoi

Chaque valeur est revérifiée par notre serveur, quel que soit le navigateur. Si quelque chose manque ou ne va pas, le formulaire revient avec ce que la personne a tapé et un message sous chaque champ fautif : rien n'est perdu. Sinon, la réponse est enregistrée et le message de remerciement s'affiche dans le cadre, sur votre page.

Un formulaire envoyé entièrement vide (tous ses champs facultatifs) affiche le remerciement mais n'enregistre rien.

Il n'existe pas d'envoi de fichier par vos visiteurs.

Envoyer le visiteur vers une autre page

Si vous renseignez « Puis envoyer le visiteur vers », c'est votre page entière qui change après un envoi réussi, pas seulement le cadre du formulaire. La personne arrive sur l'adresse choisie : une page de remerciement de votre site, une prise de rendez-vous, un paiement.

L'adresse doit être complète et commencer par https://, 300 caractères au plus. Les adresses en http://, sans schéma ou qui contiennent un identifiant et un mot de passe sont refusées.
Elle peut mener ailleurs que sur votre site.
La réponse est enregistrée avant le départ : rien ne se perd si la page d'arrivée tarde ou n'existe pas.
Une adresse refusée n'empêche pas le reste de s'enregistrer : un message le dit en haut de l'éditeur, et l'ancienne adresse reste en place.

Pour tester, cliquez sur « Aperçu » dans l'éditeur, remplissez le formulaire et envoyez-le.

La page change grâce au script bl.js de l'extrait d'intégration. Si le formulaire est affiché autrement (une iframe collée à la main, un script bloqué), la personne lit votre message de remerciement avec un lien « Continuer » qui mène à la même adresse.

L'avis par courriel

Quand une réponse arrive, un courriel vous prévient, à deux conditions : la case « Me prévenir » du formulaire est cochée, et le réglage « Avis par courriel » de Gestion du compte l'est aussi.

Il part au plus une fois par heure et par site : vingt réponses d'un coup ne font pas vingt courriels.
Il ne contient jamais le contenu de la réponse. Vous la lisez dans Ma boîte.
Une réponse classée comme indésirable ne déclenche pas d'avis.

Supprimer un formulaire

Par le menu « Plus », en tête de l'écran du formulaire. La suppression est définitive. Les réponses déjà reçues, elles, restent dans Ma boîte. Pour cacher un formulaire sans rien perdre, choisissez plutôt « Mettre hors ligne », dans le même menu : les réponses déjà reçues restent dans Ma boîte.