Démarrer un formulaire à partir d’un formulaire HTML que vous avez déjà

Si vous utilisez déjà un formulaire sur un site web, inutile de retaper ses questions pour le faire passer dans FormFlow. La page de nouveau formulaire peut lire le HTML du formulaire et en tirer un brouillon de la liste des champs, soit à partir du HTML que vous collez, soit à partir de l’adresse de la page où il se trouve. Vous relisez le brouillon, et rien n’existe tant que vous n’avez pas cliqué sur Créer. Le collage est arrivé dans la version v1.84.0 et l’import depuis l’adresse d’une page dans la v1.89.0 ; le Journal des modifications indique que les deux sont disponibles sur tous les forfaits.

Avant de commencer

• Vous devez être sur la page de nouveau formulaire, avec une liste de champs vide. Les deux boutons d’import se trouvent sous Ou partez de, à côté de Importer une feuille de calcul, et ils disparaissent dès que la liste contient des champs.

• Pour un collage : le HTML du formulaire, jusqu’à 100 000 caractères.

• Pour l’adresse d’une page : une page publique dont l’adresse commence par https. Une page qui n’est pas sur l’internet public n’est pas lue.

Coller le HTML

1. Ouvrez la page de nouveau formulaire et, sous Ou partez de, choisissez Importer un formulaire HTML.

2. Collez le code dans le champ intitulé Le HTML de votre formulaire.

3. Cliquez sur Lire les champs.

4. Un avis indique combien de champs ont été rédigés, par exemple « 2 champs rédigés. Relisez-les avant de créer le formulaire. » La liste des champs est alors remplie. Si ce que vous avez collé ne contient rien à quoi un expéditeur puisse répondre, vous voyez à la place « Aucun champ de formulaire n’a été trouvé dans ce HTML. »

5. Poursuivez les étapes, corrigez ce que le brouillon a mal interprété, puis cliquez sur Créer.

Votre HTML est analysé puis oublié. Il n’est pas conservé et rien n’est récupéré.

Ou indiquer l’adresse de la page

Choisissez Importer depuis une URL, saisissez l’adresse dans L’adresse de la page de votre formulaire (le texte indicatif affiche https://example.com/contact) puis cliquez sur Lire les champs. FormFlow demande cette seule page, lit son premier formulaire exactement comme il lirait du HTML collé, et ne conserve ni l’adresse ni la page.

• Il envoie une seule requête, attend jusqu’à 10 secondes et lit au plus 1 Mo.

• Il ne suit jamais une redirection. Si l’adresse redirige, le message indique vers où elle pointe, et vous pouvez utiliser cette adresse à la place.

• La requête s’identifie comme FormFlow-PageRead. Si votre site bloque les visiteurs automatisés et répond par une erreur, autorisez cet agent utilisateur.

• C’est une simple requête pour le HTML de la page. Un formulaire qu’un script dessine après le chargement de la page ne fait pas partie de ce que FormFlow reçoit ; collez plutôt son HTML.

• Chaque équipe peut lire dix pages par minute. Ce quota est partagé avec les autres fonctions qui lisent une page ; dans une minute chargée, vous pouvez donc voir « Votre équipe a lu 10 pages cette minute, rien n’a donc été récupéré ».

Quand une page ne peut pas être lue, le message en donne la raison (hors de l’internet public, requête refusée, aucune réponse en 10 secondes, pas une page HTML, plus de 1 Mo, ou redirection) et se termine par « Collez plutôt le HTML du formulaire. »

Ce que contient le brouillon

• Quel formulaire : le premier <form> qui comporte au moins un contrôle auquel on peut répondre. Si aucun formulaire n’en comporte, FormFlow lit les contrôles où qu’ils se trouvent dans le document.

• Ce qui compte comme champ : les entrées de type texte, e-mail, téléphone, URL, nombre, date, heure et fichier gardent leur type, les zones de texte et les listes déroulantes deviennent leurs propres types, et tout autre type d’entrée est lu comme du texte. Les contrôles masqués, de mot de passe, d’envoi, boutons, de réinitialisation et d’image sont exclus, de même que les contrôles sans name et ceux qui sont désactivés ou placés dans un fieldset désactivé.

• Choix : les boutons radio portant le même nom forment une seule question à choix. Les cases à cocher portant le même nom forment une seule question qui accepte plusieurs réponses, de même qu’une liste déroulante marquée multiple. Une case à cocher isolée reste une case à cocher.

• Libellés : l’étiquette propre du contrôle, sinon son aria-label, sinon son texte indicatif, sinon son nom rendu lisible. Un groupe est interrogé par la legend de son fieldset.

• Options : la première option d’une liste déroulante est retirée lorsqu’elle est désactivée ou qu’elle a une valeur vide, car c’est l’invite « Choisir... ». Un choix comptant moins de deux options est ignoré.

• Obligatoire : un contrôle, ou n’importe quel membre d’un groupe, marqué required rend le champ obligatoire.

• Noms : le nom du contrôle, sans le [] final et avec les autres caractères inhabituels remplacés par des tirets bas. Un nom répété reçoit _2, _3 et ainsi de suite, et les noms que FormFlow réserve, comme _token et g-recaptcha-response, sont ignorés.

Ce qu’il faut vérifier avant de cliquer sur Créer

• Seuls le nom, le libellé, le type, l’indicateur d’obligation, les options et le texte indicatif sont repris. Les autres attributs, les scripts et la validation de votre propre serveur ne le sont pas.

• Les champs masqués sont exclus. Si votre formulaire envoie une valeur de campagne, ajoutez-la dans FormFlow ; Préremplir un formulaire depuis son lien et transporter la source d’une campagne explique comment.

• Une entrée de type fichier produit un champ fichier. Savoir si votre forfait autorise l’envoi de fichiers se décide à la création du formulaire, comme pour tout formulaire.

• L’import ne remplit qu’une liste vide. Pour recommencer, supprimez d’abord les champs ; les boutons reviennent quand la liste est vide.

Ce que cela ne fait pas

Cela importe des champs, pas vos soumissions existantes ni votre page. Pour créer un formulaire à partir d’une feuille de questions, voir Créer un formulaire à partir d'un tableur de questions. Pour remettre le formulaire terminé sur votre site web, voir Intégrer un formulaire sur votre propre site web avec le composant généré.