Changer le nom d'un formulaire Webflow | Tutoriel

Tutoriel
3 min
Publié le May 04, 2022
Dernière mise à jour le
Webflow tuto avec capture d'écran des paramètres d'un formulaires
Résumez cet article avec une IA
Points clés de l'article

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

Illustration abstraite représentant le concept de suivi côté serveur (server-side)
Documentation
Développement

Comprendre facilement le tracking Server-Side

Comprendre facilement le tracking Server-Side
Illustration représentant un Proof of Concept à travers des explorations visuelles et des références créatives
Documentation
Développement

Proof of Concept (POC) : valider une idée avant d’investir dans son nouveau site web

Proof of Concept (POC) : valider une idée avant d’investir dans son nouveau site web
photo d'une institution financière européenne avec des drapeaux européens flottant dans les airs et les termes de la réglementation financière : GDPR, MiFID II, AMF, PSD2, DORA, ORIAS
Documentation
Développement

CGP, VC, Fonds, Banques : quelles règles pour la mise en conformité des sites web dans la finance ?

CGP, VC, Fonds, Banques : quelles règles pour la mise en conformité des sites web dans la finance ?

Transformez votre site web en un moteur de croissance.

Nous contacter