skip to Main Content

WeForms : Un éditeur de formulaires simple et rapide

Divi : le thème WordPress le plus facile à utiliser

Divi : Le meilleur thème WordPress de tous les temps !

Avec plus de 600.000 téléchargements, Divi est le thème WordPress le plus populaire au monde. Il est complet, facile à utiliser et livré avec plus de 62 templates gratuits. [ Recommandé ]

Les formulaires sont très importants pour tout site Web. Ainsi, des plugins bien connus, comme Contact Form 7, Forms Ninja, WPForms et Gravity Forms, sont depuis longtemps en tête du marché. Mais les nouveaux sont en train d’émerger avec de meilleures fonctionnalités. L’un d’entre eux se nomme WeForms.

weForms provient de WeDevs, les fabricants de WP User Frontend et voici pourquoi vous devriez essayer weForms pour vos prochains projets de création de formulaire:

Il a été conçu pour l’utilisateur moyen et général, ce qui le rend très facile à utiliser. C’est super rapide grâce au framework Vue.js. Parallèlement, weForms dispose de fonctionnalités importantes et avancées, comme la productivité et l’intégration du marketing par courrier électronique.

Présentation de WeForms

J’ai eu une copie gratuite de la version Personal Pro de weForms, mais il existe également une version gratuite qui propose tous les éléments essentiels de base pour créer un formulaire de contact sur votre site. Nous vous présenterons donc quelques fonctionnalités du plugin. weForms est un éditeur de formulaire moderne avec plusieurs intégrations qui augmentent sa fonctionnalité.

création de formulaire avec WeForms

Certaines de ses caractéristiques générales sont:

  • Activation au clic
  • Création rapide de formulaire
  • Aperçu en direct en temps réel
  • Modèles intégrés
  • Constructeur Drag & drop

Bien qu’il soit conçu pour être convivial, de sorte que l’utilisateur moyen puisse se retrouver facilement, il n’est pas pour autant simple. Le plugin fonctionne très rapidement et est simple à comprendre, mais il est également très extensible. weForms est entièrement compétent pour accomplir des tâches avancées.

  • Champs avancés
  • Personnalisation de champs
  • Logique conditionnelle
  • Formulaire à plusieurs étapes
  • Responsive
  • Formulaire d’exportation / importation
  • Téléchargement d’image et de fichier
  • Heure d’expiration
  • Restrictions d’entrée
  • Notifications personnalisées par courrier électronique
  • Soumission d’une page via AJAX
  • Notification par SMS
  • Personnaliser les mails
  • MailChimp, Paypal, Slack, et plusieurs autres intégrations

L’interface intuitive qui utilise le « drag and drop » et des modèles intégrés gratuits, vous assure de disposer de tout ce dont vous avez besoin. weForms peut également être utilisé sur les appareils mobiles.

1 – Installation et paramètres de base

L’installation de WeForms est simple. Comme pour d’autres plugins, vous pouvez l’installer à partir de WordPress.org ou télécharger la version Pro et l’installer de manière régulière.

2 – Création de votre premier formulaire

J’ai déjà mentionné beaucoup de choses sur la façon avec laquelle vous gagnerez du temps dans la conception avec WeForms. il est maintenant temps de l’illustrer.

En cliquant sur Contact Forms vous accéderez à l’interface de gestion des formulaires. Depuis cette même interface, vous pourrez accéder à l’interface de création du formulaire. Ici, vous remarquerez 3 modèles intégrés pour le formulaire de contact, le formulaire d’assistance et le formulaire d’inscription aux événements.

conception de formulaire weForms.jpg

Créez Facilement votre site Web avec Elementor

Elementor vous permet de créer facilement n'importe quel design de site Web avec un look professionnel. Arrêtez de payer cher pour ce que vous pouvez faire vous-même. [ Gratuit ]

Vous pouvez également choisir de commencer avec un modèle personnalisé / vierge.

Comme vous le remarquerez, weForms a beaucoup fait pour simplifier le processus avec les modèles prédéfinis, qui sont également personnalisables.

Les modèles apparaissent comme ceci par défaut:

Formulaire de contact

modèle de formulare de contact weForms.jpg

Formulaire d’assistance

Formulaire d’enregistrement à un événement

formulaire d'enregistrement à un evenement weforms.jpg

Dans le cas où vous choisissez d’utiliser un modèle vierge, voici comment créer un nouveau formulaire à l’aide d’un modèle vierge.

Cherchez-vous les meilleurs thèmes et plugins WordPress ?

Téléchargez les meilleurs plugins et thèmes WordPress sur Envato et créez facilement votre site web. Déjà plus de 49.720.000 de téléchargements. [EXCLUSIF]

Réglages WeForms

L’onglet des paramètres de formulaire s’ouvre lorsque vous ouvrez un nouveau formulaire à partir des modèles ou un personnalisé.

formulaire de contact personnalise weforms.jpg

Ici, vous pouvez choisir dans le menu déroulant de rediriger votre formulaire vers la même page lorsqu’il a été soumis, vers une page différente ou vers une URL personnalisée.

Voulez-vous que vos formulaires aient une durée de vie déterminée ? Vous pouvez facilement le faire via la partie Restriction de soumission, où vous pouvez planifier votre formulaire, demander la connexion de vos utilisateurs et restreindre les entrées à un certain nombre. Les réglages sont faciles à configurer.

reglages weforms wordpress.jpg

Enfin, vous pouvez également sélectionner la façon dont vos étiquettes devraient apparaître.

configurer l'étiquette weforms.jpg

Avec les notifications, vous pouvez configurer tout pour le courrier électronique. Il vous donne un contrôle complet sur l’emplacement où les notifications par courrier électronique seront envoyées, y compris ce qui doit être envoyé.

configuration des notifications par email.jpg

Les champs WeForms

L’une des parties les plus importantes du générateur weForms est sa fonction de prévisualisation en direct et de glisser-déposer des éléments. Pour commencer, glissez et déposez un champs que vous désirez dans votre formulaire. Réorganisez-les comme vous le souhaitez. Au fur et à mesure que vous faites des modifications, le générateur dynamique changera en conséquence lors de l’édition. Cela vous donne un aperçu automatique de ce à quoi le formulaire ressemblera pour vos utilisateurs. Le processus est à la hauteur de la promesse d’être convivial.

modification en temps réel d'un formulaire weforms.jpg

Vous pouvez également personnaliser chaque champ comme vous le souhaitez avec un CSS personnalisé. Être capable de personnaliser signifie que cette modifications de vos champs peut changer l’aspect général de votre formulaire pour le mieux. Vous pouvez l’associer à votre site Web ou mettre en surbrillance des éléments spécifiques. Les champs weForms sont:

  • Prénom
  • Texte
  • Zone de texte
  • Menu déroulant
  • Sélection multiple
  • Radio
  • Case à cocher
  • URL
  • Adresse e-mail
  • Champ caché
  • Téléchargement d’image
  • Champ répété
  • Date / Heure
  • Téléchargement de fichiers
  • Liste des pays
  • Champ numérique
  • Champ d’adresse
  • Step Start
  • Google Map
  • Séparation de section
  • HTML personnalisé
  • ReCaptcha
  • Petit code
  • Termes et conditions
  • Crochet d’action
  • Évaluations

3 – Publication d’un formulaire

Le processus de publication d’une formulaire et de réalisation en direct est simple. Comme la plupart des autres plugins, il suffit de copier le shortcode présent en haut du formulaire en cliquant dessus. Vous pouvez maintenant publier ceci sur une nouvelle page ou dans vos articles.

Créez Facilement votre Boutique en ligne

Téléchargez gratuitement WooCommerce, le meilleurs plugins e-commerce pour vendre vos produits physiques et numériques sur WordPress. [Recommandé]

publier un formulaire weforms.jpg

Voici un exemple. Avec weForms, vous aurez une interface similaire à ce qui suit.

exemple formulaire wpeforms.jpg

C’est tout pour ce tutoriel, j’espère qu’il vous permettra de prendre conscience des différentes fonctionnalités du plugin WeForms.

Cet article comporte 2 commentaires
  1. Bjr,

    J’ai créer un formulaire WeForms pour le site de mon entreprise, cependant j’ai un problème au moment de la publication de celui-ci.

    J’ai bien copié-collé le short-code sur la page où je souhaites que figure mon formulaire, mais lorsque je prévisualise, il n’y a absolument rien.
    De même, je me suis rendu sur le plugin WeForms afin d’essayer de prévisualiser mon formulaire depuis directement, mais la non plus, pas de formulaire dans la prévisualisation.

    Qqn peut-il m’aider svp ?

    1. Bonsoir,
      nous ne pouvons pas vous donner une assistance comme les developpeurs du plugin pourront le faire. Cependant, j’aimerai vous donner quelque pistes sur lesquels enquêter :
      – Assurez-vous d’être à jour (plugin, système, thème)
      – Assurez-vous de la compatibilité entre le plugin et votre version de WordPress
      – Activez les erreurs journalisée WP_DEBUG_LOG et consultez s’il y a une erreur en rapport avec le plugin(cela devrait être le quel s’il y a un chemin qui pointe vers l’un des fichier du plugin) https://codex.wordpress.org/fr:D%C3%A9bogage_dans_WordPress
      – Assurez-vous de la conformité du shortcode avec ce que prévoit la documentation du plugin (ce tutoriel pourrait ne plus être d’actualité, nous ne sommes pas notifié lorsque les développeurs modifient leur plugins).
      – Contactez les développeurs directement.

Laisser un commentaire

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

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Back To Top
21 Partages
Partagez12
Tweetez1
Enregistrer8