Ajouter les formulaires dans un projet

Écrit par Jérémy DE CAMPOS

Dernière mise à jour Il y a 11 jours

Introduction

Une fois vos formulaires créés, vous pouvez les intégrer facilement dans vos projets afin de collecter des leads directement depuis votre site.

Flowkode propose plusieurs façons d’ajouter un formulaire, selon votre manière de créer ou modifier votre projet.

Lors de la création d’un projet en mode complet, vous pouvez intégrer vos formulaires directement pendant la configuration.

À l’étape Identité du projet :

La liste affiche tous les formulaires de type devis que vous avez créés.

À l’étape Contact :

Ce formulaire sera automatiquement intégré à la page Contact générée.

Si vous utilisez le mode rapide, vous pouvez également ajouter vos formulaires pendant la configuration.

À l’étape Options :

Cochez “Ajouter un formulaire de contact” et/ou “Ajouter un formulaire de devis”
Sélectionnez le formulaire souhaité dans la liste déroulante

Comme pour le mode complet, seuls les formulaires déjà créés apparaissent.

Pour afficher correctement un formulaire de devis sur votre page d’accueil, il est important de bien configurer son type dès le départ.

Assurez-vous que votre formulaire est bien défini en type "Devis"
Si votre formulaire est en type Contact, il ne sera pas proposé comme formulaire de devis

👉 Pour modifier cela :

Rendez-vous dans la section Formulaires
Cliquez sur les paramètres de votre formulaire
Sélectionnez le type :
- Devis (pour les demandes de devis)
- Contact (pour les formulaires classiques)

Si vous souhaitez que votre formulaire de devis apparaisse directement sur la page d’accueil :

Lors de la création du projet, à l’étape de description :
- Vous pouvez préciser manuellement que le formulaire de devis doit être affiché sur la page d’accueil
Même si la description est générée automatiquement par l’IA, vous pouvez ajouter cette instruction vous-même

Si vous souhaitez afficher un formulaire de contact (et non de devis) sur la page d’accueil, plusieurs solutions sont possibles :

Lors de la création du projet, dans la description du projet :
- Ajoutez manuellement une instruction du type :
  👉 “Ajouter un formulaire de contact sur la page d’accueil”

👉 L’IA prendra en compte cette demande lors de la génération du site.

Si le formulaire n’a pas été ajouté automatiquement, vous pouvez l’intégrer manuellement :

👉 Vous trouverez un élément de ce type :

<ws-component slug="contact-xxxxxxx" />