3 méthodes simples pour créer un formulaire de contact WordPress

Nous le savons déjà, les formulaires de contact sont l’un des moyens les plus pratiques d’entrer en contact avec vos clients.

Ils sont requis sur chaque site web, qu’il s’agisse d’un site de commerce électronique ou d’un autre type.

Ils ont l’air professionnels et constituent un excellent moyen de recueillir les données clients ; de plus, l’ajout d’un simple bouton captcha peut offrir une excellente protection contre le spam.

Donc, dans cet article de blog, nous expliquons comment créer un formulaire de contact rapidement et facilement en utilisant un créateur de formulaires WordPress, un plugin et du HTML, afin que vous puissiez profiter de tous les avantages qu’offrent les formulaires de contact.

Entrons dans le vif du sujet !

Dans ce guide :

afficher

• 1. Créer des formulaires de contact avec un créateur de formulaires
• 2. Créer des formulaires de contact avec un plugin WordPress
• 3. Créer un formulaire de contact HTML

.gutentoc-toc-wrap ul li a, .gutentoc-toc-title-wrap .text_open{ color: #0033ff}}

1. Créer des formulaires de contact avec un créateur de formulaires

Les créateurs de formulaires en ligne sont le premier choix des utilisateurs qui manquent de connaissances techniques en HTML, CSS et autres langages de programmation, ou qui sont trop occupés pour en créer un de toutes pièces par eux-mêmes.

Le processus de création de formulaires de contact avec un créateur de formulaires pour votre site web WordPress est simple et prend moins de cinq minutes dans la plupart des cas.

Les créateurs de formulaires modernes ont une interface utilisateur facile qui permet une navigation intuitive à travers les paramètres, ce qui vous permet de créer rapidement n’importe quel formulaire.

Les modèles de formulaires de la bibliothèque du créateur de formulaires, c’est-à-dire les documents organisés pour la collecte de données, sont conçus à l’avance. Il ne reste plus aux utilisateurs qu’à personnaliser le formulaire selon leurs besoins.

Nous aborderons le processus de personnalisation et les possibilités qu’offrent les créateurs de formulaires plus loin dans l’article.

Maintenant, nous allons commencer par le guide étape par étape de la création d’un formulaire de contact à l’aide d’EmbedForms.

1. D’abord, créez un compte.
2. Choisissez le modèle Formulaire de contact
3. Cliquez sur « Publier »

C’est tout.

Si vous publiez le formulaire, il sera prêt à être intégré immédiatement à votre page de contact WordPress.

Les utilisateurs peuvent implémenter le formulaire sur la page en copiant d’abord le code, puis en le collant sur le site web où ils veulent que le formulaire apparaisse.

Le formulaire peut être intégré comme un bouton de retour ou comme un formulaire de contact classique sur une page de contact séparée.

Voici un exemple de l’apparence de votre formulaire de contact une fois intégré à votre site WordPress.

(function(d, s, id){var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = “/cdn/ef.js?v=1.1”; d.getElementsByTagName(“head”)[0].appendChild(js);}(document, “script”, “EmbedSocialFormsScript”));

Si vous choisissez les boutons de retour, le formulaire peut être intégré dans la barre latérale ou dans l’en-tête de la page, et une fois déclenché par les utilisateurs, il peut apparaître sous forme de popup, d’élément flottant ou de bannière.

Et c’est tout. Vous avez terminé !

Maintenant, revenons en arrière et parlons des options de personnalisation et de ce qui se passe si vous choisissez de modifier le formulaire.

Les formulaires de contact de base contiennent plusieurs champs essentiels pour le nom, l’e-mail et le message.

Mais à un moment donné, vous voudrez peut-être ajouter de nouveaux champs de formulaire ou modifier la conception du formulaire.

L’utilisation d’un créateur de formulaires en ligne peut vous aider pour cela aussi.

Cliquez simplement sur n’importe quelle question, et dans le menu de gauche, cliquez sur les paramètres de la question.

Le menu des paramètres de la question vous proposera différents champs, allant des paragraphes, des champs e-mail, des boutons radio, des menus déroulants, des cases à cocher et bien d’autres types de champs, qui peuvent s’avérer utiles lors de la création d’autres formulaires comme des formulaires de commande ou d’inscription.

De plus, vous pouvez personnaliser le formulaire pour qu’il corresponde à la conception de votre site en choisissant l’un des thèmes conçus par des professionnels, en joignant votre photo au formulaire de contact, ou en utilisant l’option CSS personnalisé.

Les options supplémentaires que vous pouvez utiliser avec les créateurs de formulaires sont :

• notification par e-mail
• lien de redirection
• message de remerciement après le remplissage du formulaire
• ajout de votre texte pour le bouton d’envoi
• option pour les champs obligatoires
• vue organisée du formulaire où vous pouvez suivre toutes les soumissions de formulaire
• interface glisser-déposer pour réorganiser les questions
• intégration avec plusieurs applications de marketing par e-mail et systèmes de paiement comme Stripe

Si vous ne savez toujours pas comment commencer, vous pouvez consulter notre tutoriel.

Pourquoi choisir un créateur de formulaires ?

Les créateurs de formulaires offrent une grande fonctionnalité et de puissantes fonctions, tout en étant la plupart du temps accessibles aux débutants, et n’importe qui peut les utiliser pour créer un formulaire en cliquant sur les options souhaitées.

Le meilleur, c’est qu’il n’est pas nécessaire d’installer des modules complémentaires supplémentaires, qui pourraient affecter la vitesse de votre site web.

De plus, les créateurs de formulaires peuvent fonctionner avec n’importe quel créateur de pages et CMS en dehors de WordPress, et certaines des versions pro offrent des fonctionnalités avancées telles que les formulaires multipages et même les intégrations Paypal.

2. Créer des formulaires de contact avec un plugin WordPress

Les plugins de création de formulaires sont un autre outil utile vers lequel de nombreux utilisateurs se tournent lorsqu’ils ont besoin d’un formulaire de contact WordPress.

Il existe une large gamme de plugins WordPress populaires sur le marché, allant de plugins gratuits qui permettent d’intégrer des formulaires simples avec un shortcode jusqu’à des plugins entièrement intégrés à WordPress.

Et le meilleur plugin WordPress dépend surtout des préférences et des besoins des utilisateurs.

Cependant, voici quelques-uns des plugins WordPress les plus populaires que vous pouvez trouver :

• WPForms Lite
• Formidable Forms
• Contact Form 7
• Gravity forms
• Caldera forms
• Ninja Forms

Remarque : pour trouver et installer des plugins, vous devez utiliser wordpress.org.

Nous parlerons des possibilités des plugins de formulaire de contact WordPress, mais d’abord, nous allons passer en revue les étapes de création d’un formulaire de contact simple à l’aide de modules complémentaires.

1. D’abord, accédez à votre tableau de bord WordPress, cliquez sur « Plugins »

2. Recherchez votre plugin préféré. Il peut s’agir de n’importe lequel de ceux mentionnés ci-dessus, ou vous pouvez choisir celui que vous préférez.

3. Cliquez sur « Activer »

Une fois le plugin ajouté à votre site web WordPress, vous pouvez commencer à créer votre nouveau formulaire de contact.

Généralement, ce que vous verrez ensuite est un créateur de formulaires glisser-déposer à partir duquel vous pouvez choisir les champs requis et personnaliser le formulaire selon vos besoins.

Différents plugins WordPress offrent différentes fonctionnalités ; certaines sont plus basiques, comme le téléchargement de fichiers, et certaines sont plus avancées, comme les fonctions de logique conditionnelle.

Ensuite, pour intégrer le formulaire à votre site web, vous devez créer une nouvelle page ou en modifier une existante.

• La première étape consiste alors à cliquer sur le bouton ajouter un nouveau bloc et à rechercher le plugin.
• La plupart des widgets de formulaire seront automatiquement ajoutés à la page, où vous devrez choisir le formulaire de contact.
• Vous pouvez cliquer sur aperçu, vérifier l’apparence du formulaire sur le front-end, et cliquer sur publier.

Si vous décidez d’opter pour un plugin, voici quelques fonctions simples mais importantes à garder à l’esprit :

• Interface conviviale
• Différents thèmes WordPress
• Soumissions de formulaire illimitées
• Personnalisation facile
• Formulaires adaptés aux mobiles
• Options d’exportation comme les fichiers CSV.

Certains des meilleurs plugins de formulaire de contact ont aussi une version gratuite si vous voulez les essayer et voir si la tarification vous convient pour les fonctionnalités que vous recevez.

Pourquoi choisir un plugin ?

Les plugins offrent une grande flexibilité et vous permettent de créer un formulaire de contact directement sur votre page WordPress.

À l’aide des plugins, vous pouvez modifier le style du formulaire et utiliser des polices et des couleurs qui s’adapteront à la conception de votre site web.

3. Créer un formulaire de contact HTML

Utiliser HTML, CSS et d’autres langages de programmation pour créer un formulaire de contact est probablement la méthode la plus avancée de toutes celles mentionnées dans cet article de blog.

Cependant, créer un formulaire de contact à l’aide d’un langage de balisage est une approche courante que de nombreux propriétaires de sites web pratiquent.

Donc, avant de commencer à taper le code, réfléchissez aux champs de saisie que vous aimeriez voir dans le formulaire de contact, en plus des plus importants comme le nom, l’adresse e-mail, la zone de message et le bouton d’envoi.

Ensuite, ouvrez un éditeur HTML ; cela peut être n’importe quel éditeur, de Notepad à Brackets ; n’oubliez simplement pas d’ajouter l’extension HTML lorsque vous nommez le document.

Ensuite, vous pouvez utiliser l’exemple de code ci-dessous pour créer le formulaire de contact le plus simple pour votre page web. Veuillez remplacer le lien d’action par votre domaine et votre e-mail afin de recevoir les réponses sur votre e-mail.

<div class="container">
    <form target="_blank" action="https://yourdomain.com/name@email.com" method="POST">
        <div class="form-group">
            <div class="form-row">
                <div class="col">
                    <input type="text" name="name" class="form-control" placeholder="Full Name" required>
                </div>
                <div class="col">
                    <input type="email" name="email" class="form-control" placeholder="Email Address" required>
                </div>
            </div>
        </div>
        <div class="form-group">
            <textarea placeholder="Your Message" class="form-control" name="message" rows="10" required></textarea>
        </div>
        <button type="submit" class="btn btn-lg btn-dark btn-block">Submit Form</button>
    </form>
</div>

Cependant, si vous cherchez quelque chose d’élégant et présentable, ce qui est le cas, vous devrez utiliser des langages de programmation un peu plus avancés comme CSS et PHP.

Mais, si vous êtes débutant, vous devrez d’abord passer beaucoup de temps à apprendre ces langages, ce qui n’est peut-être pas la meilleure décision si vous voulez ajouter un formulaire de contact à votre site web le plus tôt possible.

Conclusion

Ajouter un formulaire de contact peut être rapide et facile, et selon vos compétences, il peut être conçu de n’importe laquelle des manières mentionnées ci-dessus.

Le plus important, c’est qu’un site web doit offrir aux clients un moyen d’entrer en contact avec vous, ce qui, en plus de permettre la communication, instille un sentiment de confiance et de crédibilité envers les entreprises.