Changer le nom d'un formulaire Webflow | Tutoriel

Tutoriel
4/5/2022
3 min
Webflow tuto avec capture d'écran des paramètres d'un formulaires
Key points

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.

{{custom-blog-cta}}

Formation Webflow Gratuite
Commencer la formation
Florian Bodelot
Florian Bodelot
Co-fondateur

Articles qui devraient vous intéresser

Webflow Localization, cas d'utilisation de Credial
Documentation
Webflow

Webflow Localization : guide et cas pratique de Credial

Webflow Localization : guide et cas pratique de Credial
Visuel illustrant le passage de digidop.fr à digidop.com
News
Digidop

Digidop.fr devient Digidop.com

Digidop.fr devient Digidop.com
Photo de l'équipe Digidop avec Logo Digidop 2024
News
Digidop

Rétrospective d’une année 2024 exceptionnelle et cap sur 2025

Rétrospective d’une année 2024 exceptionnelle et cap sur 2025

Transformez votre site web en un moteur de croissance.

Nous contacter