Nous utilisons juste ce dont on a besoin pour le fonctionnement du site. Pour plus d'infos lire notre politique de confidentialité.
icon-cookie

Changer le nom d'un formulaire Webflow | Tutoriel

Florian Bodelot
Florian Bodelot
May 4, 2022
Webflow tuto avec capture d'écran des paramètres d'un formulaires

Tables des matières

Donnez des noms personnalisés à vos différents formulaires sur votre site webflow à de nombreux avantages ! Comme par exemple de :

  1. Avoir la possibilité de savoir depuis quelle page l'utilisateur vous a contacté.
  2. De déclencher des actions (marketing automations) avec zapier dans le cas où tel ou tel formulaire est été rempli.
  3. Garder son site Webflow bien organisé.

Le tutoriel par étape

1 - Sélectionner le formulaire

Cliquez sur l'élément formulaire (reconnaissable par son icône dans le Navigator) pour bien sélectionner le formulaire.

Selection d'un formulaire dans un projet Webflow
Séléction d'un élément Form (HTML)

2 - Ouvrir les "settings"

Une fois l'élément parent du form sélectionné, vous pouvez ouvrir les paramètres de 3 façons différentes :

  • En appuyant sur la touche entrée
  • En cliquant sur la petite icône ⚙️
  • En pressant la touche D (raccourci clavier)
Webflow form settings
Paramètres d'un formulaire Webflow ouvert

⚠️ Pour modifier le nom d'un champ (field) en particulier : nom, e-mail, téléphone, etc... Double-cliquez sur n'importe quel élément du bloc de formulaire pour ouvrir le panneau des paramètres de ce champ. Vous pouvez également accéder aux paramètres en sélectionnant un élément et en appuyant sur la touche Entrée.

Modification d'un champ nom dans formulaire Webflow
⚠️ Champ unique, différent du nom du formulaire

3 - Changer le nom de votre formulaire

Dans les forms blocks settings → champ Name → Ecrivez-ici le nom de votre form

Modification du nom d'un formulaire Webflow pour : Tutoriel Digidop

⚠️ Ne pas confondre avec l'ID. L'ID sert à donner un nom à l'élément, pour créer des liens sur votre site.

4 - Vérification de la personnalisation

Pour vérifier que la modification de nom du formulaire s'est bien exécutée, je vous conseille de faire ce petit test.

  1. Publiez votre site
  2. Complétez et soumettez le formulaire
  3. Allez dans les projets settings de votre projet Webflow → onglet "Forms"
  4. Section : Form Submission Data
  5. Vérifiez que le nom du formulaire est bien personnalisé ✅
Formulaire webflow avec data personnalisée

Conclusion

Et voilà, vous savez maintenant comment changer le nom d'un formulaire de site webflow. Cette personnalisation est très pratique pour garder un site webflow bien organisé.

Bonus organisation : vous pouvez donner le même nom à plusieurs formulaires identiques. Très pratique si vous souhaitez par exemple créer une automatisation pour l'envoi d'un livre blanc depuis un pop-up sur votre site web.

Vous méritez un site Webflow qui fait l'effet " Wahouu " !

Prenez contact avec nous aujourd'hui. L'équipe fantastique de Digidop est prête pour vous aider à construire un site web qui répond à vos besoins 🚀

Site digidop.fr sur un écran d'ordinateur avec un badge de recommandations et des réactions