Comment intégrer un formulaire sur Webflow
Ajouter un formulaire sur Webflow est une étape essentielle pour collecter des informations ou des contacts depuis votre site. Grâce à sa flexibilité, Webflow permet d’intégrer facilement un formulaire personnalisé, qu’il soit natif ou provenant d’un outil externe.
Créer un formulaire natif dans Webflow
Webflow propose un composant formulaire prêt à l’emploi. Voici comment l’ajouter :
- Ouvrez votre projet Webflow.
- Faites glisser l’élément Form Block dans votre page.
- Personnalisez les champs : nom, email, message, etc.
- Ajoutez un bouton d’envoi (Submit Button).
- Configurez les paramètres de formulaire dans l’onglet Form Settings.
Ce formulaire envoie les réponses directement dans l’onglet « Form Submissions » de Webflow ou vers votre email.
Intégrer un formulaire externe (Typeform, Google Forms, etc.)
Pour insérer un formulaire tiers, suivez ces étapes :
- Créez votre formulaire sur l’outil de votre choix (Typeform, HubSpot, Google Forms…).
- Récupérez le code d’intégration HTML (généralement via un bouton « embed » ou « intégrer »).
- Dans Webflow, ajoutez un élément Embed (dans les composants).
- Collez le code HTML du formulaire dans l’encart prévu.
- Publiez votre site pour valider l’intégration.
Cette méthode est idéale pour connecter votre formulaire à des outils CRM ou des workflows automatisés.
Conseils pour optimiser votre formulaire
- Choisissez des champs simples et clairs.
- Réduisez le nombre de champs pour augmenter les conversions.
- Ajoutez un message de confirmation après l’envoi.
- Testez votre formulaire sur mobile et desktop.
Conclusion
Que vous utilisiez le composant natif ou un service externe, Webflow facilite l’intégration des formulaires. Prenez le temps de tester la version finale en conditions réelles pour garantir une expérience utilisateur fluide.
Besoin d’un site Webflow performant et optimisé ? Birdivo vous accompagne avec une approche professionnelle et sur-mesure.