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

Interface de Webflow Optimize affichant le tableau de bord d’analyse et les opportunités d’optimisation des conversions, avec suivi du trafic et des sources organiques.
Documentation
Webflow

Optimize by Webflow, l'outil de CRO boosté à l'IA pour les équipes marketing

Optimize by Webflow, l'outil de CRO boosté à l'IA pour les équipes marketing
Graphique de performance boursière d'Apple Inc. montrant les variations de prix intrajournalières et les données de marché dans une interface sombre.
Documentation
Développement

Pourquoi et comment intégrer des graphiques, tableaux et données financières sur votre site web ?

Pourquoi et comment intégrer des graphiques, tableaux et données financières sur votre site web ?
Projection du logo Digidop sur la façade d'un bâtiment dans une grande ville la nuit, symbolisant la visibilité de la marque.
Storytelling
Digidop

Était-ce une bonne idée (ou pas) d’appeler notre entreprise Digidop ?

Était-ce une bonne idée (ou pas) d’appeler notre entreprise Digidop ?

Transformez votre site web en un moteur de croissance.

Nous contacter