fbpx
créer une formulaire de contact avec wpforms

Comment créer une page contact sur WordPress avec WpForms

Si vous avez un site web ou un blog, une page de contact est indispensable et incontournable, afin que les visiteurs de votre site puissent vous contacter à propos de vos produits et service.

Dans ce tutoriel, je vais vous montrer comment créer un formulaire de contact étape par étape, utilisant le plugin wpforms.

Etape 01. Installer et activer le plugin (extension) Wpforms.

Commençons par l’installation du plugin ; Connectez vous à l’admin de votre site, puis allez vers « Extension » puis cliquez dans le menu déroulant sur « Ajouter ».

Ajouter une nouvelle extension wordpress

Tapez Wpforms dans le champs de recherche en haut à droite indiqué par le chiffre 1 dans la capture suivante , puis cliquez sur « installer » ; assurez vous que c’est la bonne extension avant de l’installer.

Installer le plugin wpforms

Cliquez sur « Activer »

Activer le plugin wpforms

Etape 02. Créer le formulaire de contact.

Dans le menu principal de l’administration wordpress, cliquez sur « WPForms »

Accéder à wpforms

Puis cliquez sur « Ajouter »

Ajouter un formulaire wpforms

Saisissez le nom de votre formulaire dans le champs indiqué par le chiffre 1, puis cliquez sur « Créer un formulaire de contact simple »

Créer un formulaire wpforms

Dans le formulaire de contact, cliquez sur chaque champs afin de personnaliser ses options :

  • 2 : pour modifier le libellé (c.à.d le texte à afficher au dessus du champs dans le formulaire)
  • 3 : personnaliser la description
  • 4 : déterminer si le champs est obligatoire à remplir ou non
  • 5 : pour activer la confirmation par email.
Configurer un formulaire wpfroms

En cliquant sur « options avancées » vous pouvez contrôler :

  • 1 : la taille de champs.
  • 2 : ajouter un texte pré-saisi dans le champs lui meme oiur expliquer au visiteur ce qu’il doit saisir dans le champs en question.
  • 3 : afficher ou masquer le libellé.
  • 4 : valeur par défaut.
  • 5 : personnaliser l’aspet graphique de votre formulaire en ajoutant des ligne du codes css si vous maitrisez le code css.
Options avancées wpforms

puis cliquez sur « Enregistrer »

Etape 03. Créer une page contact et y ajouter votre formulaire.

Commencez bien-sur par créer une page « Contact », puis cliquez sur ‘Ajouter un formulaire »

Créer une page de contact wpforms

Sélectionnez le formulaire que vous voulez ajouter, dans notre cas ce sera celui qu’on vous venez juste de créer, puis cliquez sur « Ajouter un formulaire ».

Insérer une formulaire wpforms

Un short code sera inséré , cliquez maintenant sur publier.

Shortcode wpforms
Publier une page de contact wordpress

Félicitation, vous avez créé votre page de contact avec succès,

mais avant de finir, jetons un œil aux réglages du plugin Wpforms,

Réglages de l’extension WPforms

En cliquant sur « Réglages » , vous avez 3 onglets : Général, Notifications, et Confirmation

Onglet « Général »

Dans l’onglet « Général », vous pouvez configurer ou régler les action suivantes :

  • 1 : modifier le nom du formulaire.
  • 2 : modifier la description du formulaire.
  • 3 : ajouter du code css au formulaire.
  • 4 : modifier le texte du bouton d’envoi.
  • 5 : modifier le texte d’envoi en cours.
  • 6 : personnaliser l’aspect et les effets du bouton d’envoi en ajoutant du code css.
  • 7 : activer ou désactiver le système anti-spam Honeypot.
  • 8 : activer le remplissage automatique des champs afin de faciliter la vie à vos visiteurs.
Réglages wpforms

Onglet « Notifications »

Pareil pour l’onglet « Notifications » , les actions que vous pouvez régler sont :

  • 1 : laissez ce paramètre sur « Oui » si vous utilisez la version gratuite, car les emails ne sont pas stockés sur la version gratuite de wpforms, et doivent être envoyé sous forme de notifications à votre adresse mail.
  • 2 : si vous voulez recevoir vos notifications sur l’adresse mail enregistré dans l’administrations de votre wordpress ne touchez pas ce paramètre, sinon si vous voulez les recevoir sur un email différent saisissez votre adresse.
  • 3 : personnaliser le sujet de votre message (celui que vous allez recevoir sur votre mail) par exemple « Message de nomdevotresite.com ».
  • 4 : personnaliser le nom de l’expéditeur.
  • 5 – 6 et 7 : je vous recommande de ne pas les toucher.
Réglages wpforms

Onglet « Confirmation »

Enfin l’onglet « Confirmation » dont lequel vous pouvez modifier le type de votre confirmation :

  • Message : si vous voulez juste afficher un message de remerciement au visiteur qui vous a envoyé un message. bien-sur vous avez la possibilité de modifier les message à afficher juste en dessous.
  • Afficher la page : si vous voulez afficher une autre page une fois le message a été envoyé. si vous avez opté pour cette option vous devez sélectionner la page à afficher dans la liste déroulante qui s’affichera en dessous.
  • Aller à l’url : si vous voulez rediriger le visiteur vers une autre URL, que vous devez introduire bien-sur si vous avez choisi cette option.

N’oubliez pas d’enregistrer à chaque fois que vous modifiez un de vos réglages pour qu’il soit appliqué.

Message de confirmation

Je crois que je vais m’arrêter ici, pour deux raisons, la première c’est que j’ai trop bavardé, la deuxième c’est qu’il y’a beaucoup d’autres options que vous pouvez exploiter (ces dernières ne sont pas accessibles sur la version gratuite de l’extension wpforms) et que je vais vous détailler dans un prochain article.

Maintenant, il ne vous reste que de consulter votre boite de messagerie pour lire les email de vos visiteurs.

Avez-vous aimé cet article?
Inscrivez votre adresse mail, et recevez régulièrement les nouveaux articles, et tutoriels WordPress ...
J'accepte que mes informations personnelles soient transférées vers MailChimp ( Plus d'informations )

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

quinze − quatorze =

Scroll to top