WordPress : un formulaire élégant en 5 minutes avec Flo Forms [Tutoriel]

Je te présente Flo Forms.
Elle propose, en version gratuite, des fonctionnalités qui sont normalement réservées dans toutes les autres extensions aux versions payantes.

Au sommaire
00:00 Introduction
00:24 Installation et test
01:28 Ajoute un nouveau formulaire
01:36 Réglages
02:20 E-mail de confirmation
02:46 Champ texte
02:54 Options des champs
03:50 Zone de texte
04:08 Le bouton
04:26 Numéro de téléphone
04:31 E-mail
04:48 Déplacer les champs
05:06 Case de validation RGPD
05:47 Intégration dans un site
06:28 Liste de choix
07:02 Affichage conditionnel
08:12 Boutons radios
08:21 Liste déroulante
08:43 Options de mise en page
09:05 Les champs cachés

👉 L'article Ton Formulaire de Contact attractif en 5 minutes avec Flo Forms : https://www.pourpasunrond.fr/flo-forms/

👉 Ne manque aucun article ou vidéo : https://sendfox.com/lp/1vr46d

Je vais installer l'extension. La version payante sera intéressante pour toi si tu veux changer les polices et les couleurs sinon elle est parfaitement utilisable telle quelle. Nous retrouvons Flo Forms et Flo Forms settings dans ton menu. Je n'ai aucune idée pourquoi ils ont séparé les deux. Cela n'a aucun sens. On va faire quelques réglages dans Settings. Tu indiques ton email si tu souhaites des rappels pour les messages non lus et le nombre de jours avant de recevoir le messages. Tu indiques l'adresse à laquelle tu souhaites recevoir ces rappels. Tu peux activer les captchas. Tu sauvegardes à chaque fois sur Flo Forms. Nous allons tester l'adresse email. Tu rentres ton adresse email puis Send. Une fois que tu a validé que tout se passe bien, on va aller dans Flo Forms et on va ajouter un nouveau formulaire. Nous avons tous les éléments que tu vas pouvoir ajouter. Nous avons encore quelques réglages. Qui va recevoir les emails qui sont générés par le contenu du formulaire ? Est-ce que je veux mon formulaire sur une ou deux colonnes ? Tu restes sur une colonne, car tu vas pouvoir dire champ par champ si tu souhaites qu'il soit sur une ou deux colonnes. Le message de confirmation qui va apparaitre quand les gens vont confirmer. Tu retrouves des options de mise en forme, y compris des liens. Tu peux aussi renvoyer sur une page d'atterrissage. Je peux envoyer un mail de confirmation aux personnes. Il faut absolument que tu mettes un champ e-mail dans ton formulaire. Cela parait logique. Quel sera le sujet du mail et les champs. Tu peux prendre des champs personnalisés. Je te montre tout de suite où les trouver. Je sauvegarde. J'ai oublié de mettre un titre à mon formulaire. J'ajoute une première ligne de texte et sauvegarde. Un bouton est apparu en bas de mon message. Je clique sur le champ et les options apparaissent. J'ai l'étiquette au-dessus de mon champ. Je peux mettre du texte à l'intérieur et du texte d'explication sous le champ. La largeur de notre champ. Je mets 50 %. Cela va nous permettre d'avoir Nom juste à côté. C'est cette partie que tu vas reprendre en personnalisation dans le message. Tu retrouveras toutes les explications détaillées dans l'article. La logique conditionnelle : on y revient tout de suite après. Le plus important : ce champ est-il obligatoire ? Je fais la même chose pour le Nom. Je remets également 50 %. Ils se sont placés. Zone de texte pour avoir un emplacement un peu plus grand. C'est intéressant de compléter le message pour guider les personnes : N'oubliez pas de préciser le magasin concerné par votre demande par ex. Le bouton : je peux personnaliser le texte. Toutes les couleurs et les polices sont réservées à la version payante, sauf pour le bouton. C'est vraiment une bonne chose de personnaliser le bouton à nos couleurs. On va faire quelque chose très élégant et du plus bel effet. Je veux ajouter un numéro de téléphone. Il est considéré comme un nombre. Je complète mon étiquette. Il manque également e-mail. En obligatoire sinon cela va être très compliqué d'envoyer un message de confirmation. Les champs ne sont pas à l'endroit que tu souhaites ? Tu vas cliquer sur le champ et sur = au-dessus. Tu les déplaces comme tu veux. Mes principaux champs sont en place. Le problème, c'est que nous sommes en Europe. Il va bien falloir que je mette une demande de validation RGPP. Je vais le trouver dans Simple Checkbox. Il prévu pour le RGPD. Tout en bas, je le mets en obligatoire. Le champ est intégré. Sauf que la case est précochée ce qui n'est pas acceptable pour le RGPD. Tu coches dans la prévisualisation. Faire un formulaire classique prend vraiment quelques minutes. Avant de te montrer comment tu vas pouvoir personnaliser ton formulaire en fonction des réponses, je te propose de voir ce que ça donne sur le site. Pour intégrer mon formulaire sur le site, je peux le mettre dans un article, dans les pieds de page, dans mes colonnes avec un bloc dédié. Tu trouves tes différents formulaires ici. L'aspect change en fonction du thème que tu utilises.