Résumé IA
La personnalisation d'un modèle de formulaire dans WPForms est un moyen simple mais puissant d'adapter vos formulaires à vos besoins spécifiques.
Que vous créiez un formulaire de contact basique ou une application complexe, WPForms vous donne un contrôle total sur la conception et les fonctionnalités de vos formulaires.
Dans ce guide, je vais vous présenter les principales options de personnalisation que vous devriez considérer. À la fin, vous aurez les outils nécessaires pour créer des formulaires qui correspondent parfaitement à votre public et à vos objectifs.
Allons-y !
Comment personnaliser un modèle de formulaire dans WPForms
Titres, Étiquettes et Texte
Lorsque vous commencez avec un modèle de formulaire, vous voudrez vérifier que chaque élément reflète votre objectif.
La personnalisation des titres, des étiquettes de champ et du texte d'espace réservé rend votre formulaire plus intuitif et convivial. Heureusement, vous pouvez modifier ces éléments directement dans le constructeur WPForms.
Nommer votre formulaire
La toute première étape que vous effectuerez lors de la création d'un nouveau formulaire est de lui donner un nom. Vous nommerez votre formulaire avant même de choisir un modèle pour le construire.
Mais ne vous souciez pas de trouver une marque et une personnalisation intelligentes pour les utilisateurs de votre formulaire. Ce nom de formulaire est pour vous.
Vous verrez tous les formulaires que vous avez créés dans votre tableau de bord WPForms, listés par nom, afin que vous puissiez déterminer sur quelles pages, widgets ou autres zones de votre site web vous allez intégrer votre formulaire.
Ainsi, si vous avez plusieurs formulaires et que vous risquez d'utiliser le même nom deux fois, WPForms vous notifiera que vous avez déjà un formulaire portant ce nom, comme indiqué dans l'image ci-dessus.
Une fois votre formulaire créé, vous pouvez toujours mettre à jour le nom de votre formulaire plus tard dans l'onglet Paramètres du constructeur de formulaire.
N'oubliez pas que vous pouvez personnaliser plusieurs éléments dans cette partie de l'onglet Paramètres, y compris le texte affiché par le bouton de soumission de votre formulaire et ce que les utilisateurs verront lors de la soumission.
Étiquettes de champ
Ensuite, examinons les options de personnalisation que vous avez pour les champs de votre modèle de formulaire.
En cliquant sur un champ donné, ses paramètres s'ouvrent sur le côté gauche du constructeur de formulaire. Les détails que vous pouvez personnaliser peuvent varier d'un champ à l'autre, mais l'élément commun que vous pouvez modifier pour n'importe quel champ de votre formulaire est son étiquette.
L'Étiquette du champ est ce que les utilisateurs de votre formulaire verront pour chaque champ qu'ils remplissent.
Bien que ces étiquettes de champ soient assez explicites, vous pourriez envisager de les modifier légèrement.
Par exemple, vous pouvez utiliser l'étiquette du champ pour poser une question ou donner une instruction. Au lieu de laisser l'étiquette du champ Nom telle quelle, vous pourriez la modifier pour demander : « Quel est votre nom complet ? » Ou, chaque fois que vous ajoutez le champ Texte de paragraphe à un formulaire, vous modifierez probablement son étiquette pour quelque chose de pertinent comme « Commentaire ou Message ».
Heureusement, lorsque vous utilisez l'un de nos modèles de formulaire prêts à l'emploi, nous avons déjà personnalisé ces types de champs pour afficher des étiquettes appropriées pour vous !
Étant donné que chaque étiquette de champ est facilement modifiable, n'oubliez pas de garder à l'esprit son ID de champ n°.
De cette façon, lorsque vous verrez ou utiliserez ce numéro d'ID ailleurs, vous saurez à quel champ il se réfère.
Créez votre formulaire WordPress maintenant
Organisation des champs du formulaire
Bien que nos modèles de formulaire soient pré-construits avec tous les champs de base dont vous aurez besoin, vous devrez probablement supprimer, ajouter et déplacer certains champs.
Supprimer un champ du modèle de formulaire est un jeu d'enfant — cliquez simplement sur l'icône de la corbeille dans le coin droit du champ pour le supprimer.
Et que fait l'autre symbole à sa gauche ? Cliquer sur l'icône de double page dupliquera le champ.
Quant à l'ajout de champs supplémentaires à votre modèle de formulaire, c'est là que notre constructeur de formulaires excelle. Tout ce que vous avez à faire est de cliquer sur un champ sur le côté gauche de l'écran, de le faire glisser là où vous le souhaitez sur votre formulaire, et de le déposer !
Vous pouvez également déplacer les champs de haut en bas du modèle de formulaire de cette manière. Faites simplement glisser et déposez le champ dans une autre zone du formulaire.
A lire également : Comment aléatoiriser les champs de formulaire dans WordPress
Champ de mise en page
Lors de l'ajout et du déplacement de champs sur votre formulaire, vous devriez réfléchir à leur disposition.
Pour garder les choses organisées et concises, j'aime utiliser l'option de champ Mise en page pour faire glisser d'autres champs dans ses colonnes.
Vous pouvez organiser ces champs en une seule colonne ou en plusieurs colonnes, les options de plusieurs colonnes incluant une sélection complète de formes et de tailles.
Envie d'encore plus d'inspiration pour la mise en page des champs ? Consultez notre article créatif sur les meilleures pratiques de mise en page des formulaires pour une conception conviviale.
Champ répéteur
Vous avez également le champ Répéteur pour garder votre modèle de formulaire propre et concis.
Si vous vous attendez à ce que l'utilisateur de votre formulaire ait besoin de saisir le même type d'informations plusieurs fois, comme des expériences professionnelles sur un modèle de formulaire de candidature, vous pouvez utiliser le champ Répéteur pour permettre à l'utilisateur de votre formulaire de simplement répéter ce champ en cliquant sur un bouton.
Plutôt que d'encombrer votre formulaire avec des champs vides et de créer une série de paramètres de logique conditionnelle pour les masquer, vous pouvez simplement faire glisser les champs nécessaires dans la zone du champ Répéteur. Ensuite, vous pouvez choisir le type de mise en page que ces champs répétables doivent suivre.
Utilisation des choix IA
Pour les champs qui offrent divers choix à votre utilisateur de formulaire, vous devrez également personnaliser ces choix.
Ces types de champs sont les champs Liste déroulante, Choix multiples et Cases à cocher.
Mais ne vous inquiétez pas si vous ne savez pas quels choix proposer à vos utilisateurs de formulaire — vous pouvez utiliser l'IA pour les générer instantanément pour vous.
Nos modèles de champs sont méticuleusement étudiés, donc les options de choix que nous avons incluses pour ces champs seront probablement similaires à celles que vous généreriez. Mais, comme toujours, nous vous encourageons à personnaliser chaque élément de votre formulaire comme bon vous semble.
Si vous cliquez ou ajoutez l'un des types de champs que j'ai mentionnés, vous verrez le bouton pour faire générer vos choix par l'IA.
Dans mon exemple de formulaire ci-dessus, je vais utiliser la fonctionnalité IA intégrée pour générer les choix pour la méthode de contact préférée de mon utilisateur de formulaire.
Lorsque j'utilise l'IA, j'aime créer une invite qui demande exactement ce dont j'ai besoin pour mon formulaire spécifique. Donc, je demanderai à l'IA de générer des choix de méthode de contact préférée pour un formulaire de contact.
Ensuite, ces choix peuvent être directement ajoutés au formulaire !
Cela vous fait gagner beaucoup de temps pour décider quelles options utiliser et les ajouter manuellement à votre formulaire.
Vous cherchez encore plus de conseils sur l'IA ? Consultez notre article qui couvre les méthodes simples pour utiliser l'IA avec votre site web.
Notifications et confirmations
Vous vous souvenez de l'onglet Paramètres vers lequel nous avons navigué au début de cet article ? J'ai mentionné qu'il y a des options de personnalisation supplémentaires ici, et les options de notification de votre formulaire ainsi que le message de confirmation peuvent également être modifiés ici.
Les paramètres de l'onglet Notifications vous permettent de saisir qui et où les détails de soumission du formulaire doivent être envoyés.
Généralement, ces paramètres sont appliqués aux détails de l'administrateur de votre site web, comme l'e-mail d'administration défini pour vos identifiants de connexion WPForms.
Avec les paramètres de notification, vous pouvez également désigner l'adresse e-mail saisie par l'utilisateur de votre formulaire à laquelle vous enverrez toutes les réponses. La plupart des formulaires que vous créez incluront une seule adresse e-mail que votre utilisateur de formulaire devra fournir, de sorte que les réponses de votre part soient automatiquement envoyées à cette adresse e-mail donnée.
Mais, comme je l'ai dit, vous pouvez changer l'e-mail de l'utilisateur auquel vous répondrez ici, dans les paramètres de notification.
Quant à ce que votre utilisateur de formulaire verra après avoir soumis son formulaire — vous pouvez personnaliser ce message dans l'onglet Confirmations juste en dessous de Notifications.
Tous les modèles WPForms que vous pouvez utiliser pour créer votre formulaire ont déjà un message de confirmation pertinent écrit et inclus dans ses paramètres.
Mais je suggère de personnaliser ce message de confirmation avec la marque et le message de votre propre site. Le message de confirmation est également un excellent endroit pour inclure des codes de réduction ou des informations sur les ventes et les remises que vous proposez !
Ajout d'intégrations
Beaucoup des modèles de formulaires que nous proposons sont conçus pour fonctionner avec les intégrations que vous avez configurées sur votre site.
Par exemple, vous pourriez utiliser Constant Contact pour votre plateforme de marketing par e-mail et vouloir que les utilisateurs du formulaire qui s'inscrivent à votre newsletter soient ajoutés à votre liste de diffusion Constant Contact.
C'est possible en intégrant Constant Contact avec WPForms !
Pour ajouter l'une de nos intégrations à votre modèle de formulaire, rendez-vous simplement dans l'onglet Marketing du constructeur de formulaire. Ensuite, cliquez sur le bouton Ajouter une nouvelle connexion.
Maintenant, tout ce que vous avez à faire est d'entrer vos identifiants Constant Contact et vous êtes prêt à partir !
Marquer votre formulaire
Il existe de nombreux domaines et moyens de personnaliser votre modèle de formulaire tout au long du processus de personnalisation. Non seulement vous pouvez ajouter des éléments de votre marque directement dans le constructeur de formulaire, mais vous trouverez également des opportunités de personnalisation une fois que votre formulaire est intégré sur votre site.
Champ de contenu
Une façon de personnaliser un modèle de formulaire avec votre propre marque est d'utiliser le champ Contenu.
Le champ Contenu vous permet de styliser la police, les couleurs et d'autres éléments du champ au-delà des paramètres habituels du champ. Plus important encore, le champ Contenu vous permet de télécharger une image directement sur votre formulaire.
Ainsi, placer le champ Contenu en haut de votre modèle de formulaire est un excellent moyen d'ajouter votre propre image d'en-tête ou logo.
En-tête de notification par e-mail
Un autre endroit où vous pouvez ajouter votre propre image d'en-tête se trouve sur les e-mails de notification utilisateur que j'ai abordés précédemment.
Naviguez simplement vers l'onglet Email dans votre tableau de bord WPForms pour ajouter et personnaliser une image d'en-tête d'e-mail.
Ici, vous pouvez ajouter une image d'en-tête en haut de tous les modèles d'e-mail disponibles. C'est un endroit idéal pour afficher votre propre logo et votre image de marque.
Ou, je préfère inclure un message saisonnier ou une salutation ici pour encourager l'interaction des utilisateurs.
N'oubliez pas de mettre à jour l'image d'en-tête plus tard !
Thèmes de formulaire
Enfin, une fois que vous avez terminé toute la personnalisation de votre modèle de formulaire, vous pouvez styliser davantage votre formulaire dans l'éditeur de blocs WordPress.
Ainsi, une fois que vous avez intégré votre formulaire sur la page Web de votre choix, vous verrez des options pour styliser le bloc WPForms. Ici, la section Thèmes inclut tous les styles de thèmes disponibles que WPForms propose.
Assurez-vous de consulter notre documentation complète sur l'utilisation des thèmes de formulaire pour vous assurer de tirer le meilleur parti de ces outils de branding.
C'est tout ! Vous disposez désormais de toutes sortes d'options pour personnaliser vos modèles de formulaire, à portée de main.
WPForms est plus qu'un simple constructeur de formulaires — c'est un outil puissant qui peut aider votre entreprise à croître de manière créative et inattendue.
En explorant ces utilisations innovantes, vous pouvez générer de nouvelles opportunités de croissance. Commencez à expérimenter ces idées dès aujourd'hui et découvrez comment WPForms peut faire passer votre site Web au niveau supérieur !
Créez votre formulaire WordPress maintenant
FAQ
Vous cherchez quelque chose de spécifique ? Parcourez nos questions les plus fréquemment posées pour en découvrir davantage :
Puis-je utiliser un modèle prédéfini et le personnaliser quand même ?
Absolument ! WPForms propose une large gamme de modèles adaptés à divers objectifs. Vous pouvez personnaliser n'importe quel modèle en modifiant les étiquettes des champs, en ajoutant ou en supprimant des champs, en ajustant les paramètres et même en intégrant des fonctionnalités avancées comme des choix générés par l'IA.
Est-il possible de prévisualiser mon formulaire avant de le publier ?
Oui. WPForms vous permet de prévisualiser votre formulaire à tout moment dans le constructeur. De cette façon, vous pouvez apporter des ajustements avant de l'intégrer sur votre site Web pour que les utilisateurs interagissent avec.
Puis-je intégrer WPForms à mon service de marketing par e-mail ?
Certainement ! WPForms s'intègre de manière transparente avec de nombreux services de marketing par e-mail populaires. Pour configurer cela, installez simplement le module complémentaire de marketing par e-mail pertinent pour WPForms, connectez votre compte et mappez vos champs de formulaire à votre liste d'e-mails.
Cette intégration facilite l'ajout automatique d'abonnés, l'envoi d'e-mails de confirmation et la gestion de vos listes directement depuis votre site WordPress.
Ensuite, suivez ces meilleures pratiques
Maintenant que vous savez comment personnaliser votre formulaire en utilisant un modèle, assurez-vous que les modifications que vous apportez sont cohérentes et bénéfiques pour votre site.
Pour suivre nos meilleures pratiques que nous suggérons pour la création de votre formulaire, consultez notre article complet sur le sujet.
Prêt à créer votre formulaire ? Commencez dès aujourd'hui avec le plugin de création de formulaires WordPress le plus simple. WPForms Pro inclut de nombreux modèles gratuits et offre une garantie de remboursement de 14 jours.
Si cet article vous a aidé, suivez-nous sur Facebook et Twitter pour plus de tutoriels et de guides WordPress gratuits.
