Comment ajouter un formulaire ?

Étape 2 : Modifier le formulaire

• Cliquez sur le formulaire dans la vue de la page. Vous pouvez également le sélectionner depuis la liste “Sections“ de l’éditeur de page.
• Pour changer le titre et la description, écrivez dans les champs “Heading“ et “Description“.
• Dans la section “Email (required)”, saisissez l’adresse e-mail à laquelle vous souhaitez recevoir les soumissions du formulaire.
• Pour modifier le texte du bouton d’envoi, écrivez dans "Text Button".
• Vous pouvez également rediriger l’utilisateur vers l’URL de votre choix en ajoutant une adresse dans "Callback URL".

Options générales du formulaire

• Cliquez sur le cercle bleu avec le symbole "+" dans la section “Inputs”.
• Un nouvel input “No label (Short Text)“ sera créé dans la liste des Inputs. Pour accéder à ses options, cliquez dessus.

Options du nouvel input

• Dans la section "Field Type" de l’éditeur d’input, sélectionnez le type de donnée accepté par l’input. Cela permet au site de valider automatiquement si la donnée saisie est correcte : par exemple, si un champ conçu pour une adresse e-mail reçoit uniquement des chiffres, le système avertira l’utilisateur de corriger l’erreur si vous avez choisi le type Email.
• Dans la section “Label“, écrivez le texte qui apparaîtra au-dessus de l’input. Ce texte est important car il aide l’utilisateur à comprendre ce qu’il doit saisir. Dans l’exemple, on a écrit “Courriel“ :
• Dans la section Placeholder, vous pouvez ajouter un texte d’aide, qui sert à montrer un exemple dans le champ et à guider l’utilisateur sur l’information à saisir. Par exemple, “courrieltest123@exemple.com“.
• Activez le switch dans la section “Required“ pour obliger l’utilisateur à remplir le champ avant d’envoyer le formulaire. Par défaut, il est désactivé. Dans l’exemple, il est activé :
• Vous pouvez choisir si l’input occupe la moitié ou toute la largeur de la ligne dans la section “Full Width“.
• Ajoutez autant d’inputs que nécessaire en répétant ce processus.
• N’oubliez pas d’enregistrer les modifications en cliquant sur le bouton bleu "Save".
• Vous pouvez styliser le formulaire (ajouter une couleur, une image de fond) en cliquant sur “🖌️Block General Styles: Form“ dans les options générales du formulaire.