Guide complet : Comment créer un formulaire de contact Webflow en toute simplicité ?
Les formulaires Webflow sont des outils puissants pour interagir avec vos visiteurs, collecter des informations précieuses et augmenter l'engagement sur votre site. Que vous souhaitiez créer un simple formulaire de contact ou des formulaires plus complexes pour des inscriptions ou des enquêtes, ce guide vous dévoilera comment utiliser Webflow pour concevoir des formulaires esthétiques, fonctionnels et optimisés. Préparez-vous à transformer l'interaction utilisateur sur votre site avec des formulaires Webflow conçus pour réussir.
Sommaire
Qu'est-ce qu'un formulaire web ?
Un formulaire web est un élément web où les visiteurs de votre site peuvent saisir des données et des informations personnelles. L'un des exemples les plus courants est celui où les utilisateurs partagent leur nom et adresse email pour s'inscrire à une newsletter. Les formulaires web servent essentiellement de pont entre une entreprise et des clients potentiels.
Les formulaires web sont un élément essentiel de la stratégie marketing. Les marketeurs utilisent les formulaires web pour plusieurs raisons — pour finaliser une commande, suivre les informations personnelles des clients, ou collecter des informations sur les prospects. Selon HubSpot, 28% des marketeurs disent que les bons champs de formulaire aident à améliorer l'évaluation des prospects.
Les formulaires web varient en longueur, format, but et apparence. Les entreprises utilisent divers formulaires en fonction de leurs objectifs commerciaux. Les formulaires web les plus courants auxquels vous serez confrontés sont :
- Formulaire de contact
- Formulaire de génération de leads
- Formulaire de commande
- Formulaire d'enquête
- Formulaire d'inscription
- Formulaire de demande de support
- Formulaire de retour d'information des clients
Comment ajouter un formulaire dans Webflow ?
Normalement, les formulaires web sont créés dans des langages de programmation comme PHP, HTML, ou Java. Comme Webflow est un constructeur web sans code, vous n'avez pas à vous embêter à coder un formulaire web basique.
Pour ajouter un formulaire dans Webflow, allez dans le panneau Ajouter puis dans la liste des Formulaires. Vous pouvez choisir parmi quelques éléments de formulaire puis les glisser sur le canevas.
Initialement, le bloc de formulaire hérite de la largeur complète de son élément parent et contient trois éléments imbriqués. Ce sont le formulaire lui-même, le message de succès, et le message d'erreur.
Vous pouvez modifier ou supprimer un élément dans le formulaire sans écrire une seule ligne de code. Webflow vous permet d'ajuster facilement le formulaire web à l'image et aux exigences de votre marque.
Voici une liste complète des éléments de formulaire que vous pouvez modifier :
- Étiquette de champ - crucial pour une navigation accessible de votre formulaire. Il décrit un but ou la fonction d'un champ de formulaire.
- Entrée - son but est de collecter des données sur une seule ligne comme le nom ou l'adresse email.
- Zone de texte - permet aux visiteurs de saisir des données sur plusieurs lignes.
- Téléchargement de fichier - permet aux utilisateurs de joindre un fichier (exemple : jpg) à leur soumission de formulaire.
- Bouton radio - utilisé pour des données d'entrée où le visiteur ne peut sélectionner qu'une seule option parmi plusieurs.
- Case à cocher - comme son nom l'indique déjà, une case à cocher est utilisée pour qu'un visiteur choisisse une ou plusieurs options.
- Sélection - vous permet d'ajouter une liste de différentes options pour que votre visiteur choisisse parmi elles.
- reCAPTCHA - aide à prévenir le spam.
- Bouton de soumission - utilisé pour collecter toutes les données saisies par un utilisateur.
Règlement Général sur la Protection des Données - RGPD
Le RGPD (Règlement Général sur la Protection des Données) est un règlement dans le droit de l'UE sur la protection des données et la vie privée. Mis en œuvre en 2018, il protège les utilisateurs d'Internet dans l'Union Européenne et l'Espace Économique Européen.
Lorsque vous hébergez un site web qui collecte des données personnelles de résidents de l'UE, vous devez le faire en conformité avec la loi RGPD. Pour collecter des données, vous devrez demander le consentement explicite de vos visiteurs du site.
Une bonne pratique est d'ajouter un champ à cocher requis à votre formulaire publié tel que "Je consens à ce que la société XY collecte et stocke les données soumises". Comme l'utilisateur doit explicitement vous donner son consentement, la case ne doit pas être pré-cochée.
Les individus qui remplissent vos formulaires ont le droit de vous demander d'accéder aux informations personnelles que vous avez collectées à leur sujet. Les utilisateurs peuvent également demander que leurs données soient supprimées de vos systèmes à tout moment de manière permanente.
Avertissement : Ceci n'est pas un conseil juridique. Utilisez ce guide uniquement à des fins informatives. Se conformer au RGPD nécessite une action juridique. Travaillez avec votre conseiller juridique pour déterminer comment les lois sur la vie privée s'appliquent à votre entreprise spécifique.
Dépannage
Que faire lorsque votre formulaire ne peut pas être soumis avec succès ?
- Si vous avez activé reCAPTCHA sur votre site, assurez-vous que tous les formulaires de votre site contiennent un élément reCAPTCHA.
- Si vous avez caché des champs de formulaire dans votre formulaire, assurez-vous que l'option Autofocus n'est pas cochée dans les paramètres de ces champs.
- Vérifiez votre plan Webflow. Différents plans vous permettent d'obtenir un nombre différent de soumissions de formulaires totales par mois. Pour voir comment les plans se comparent les uns aux autres, consultez la page de tarification de Webflow ici.
Avertissement : Si vous exportez votre site pour un hébergement externe, Webflow ne traitera pas les soumissions de formulaires sur votre site. Vous devrez utiliser un outil tiers pour collecter les soumissions de formulaires sur le site exporté ou intégrer une intégration de formulaire tiers.
Conclusion
Les formulaires web vous aideront à transmettre les informations à vos visiteurs de site web.
Savoir qui visite votre site web aide votre marketing entrant et la génération de leads. Les formulaires web améliorent également l'expérience client en capitalisant sur l'intention de l'utilisateur. Ajoutez un excellent rédacteur à l'équation, et il y a de fortes chances que vos visiteurs se convertissent rapidement en nouveaux leads.
Comme vous pouvez le voir, créer et formater des formulaires web est facile dans Webflow. Vous pouvez créer des formulaires web adaptés à votre marque sans aucune connaissance en codage nécessaire.
Pour résumer comment créer un formulaire Webflow, suivez ces étapes :
- Ouvrez Webflow.
- Allez dans le panneau Ajouter puis dans la liste des Formulaires.
- Choisissez un élément de formulaire web et glissez-le sur le canevas.
Une fois que vous avez placé un formulaire web sur votre canevas, vous pouvez le formater pour qu'il corresponde au style de votre marque et de votre site web.