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é.
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.
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 d’assistance
Formulaire d’enregistrement à un événement
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.
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é.
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.
Enfin, vous pouvez également sélectionner la façon dont vos étiquettes devraient apparaître.
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é.
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.
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.
Voici un exemple. Avec weForms, vous aurez une interface similaire à ce qui suit.
C’est tout pour ce tutoriel, j’espère qu’il vous permettra de prendre conscience des différentes fonctionnalités du plugin WeForms.
Bonjour,
J’ai un problème avec Weforms, Lorsque l’on clique sur envoyer la roue continue a tourner.
Et pourtant le formulaire est bien envoyé. Avec ce problème les personnes font 2-3 envoyer et je recois les inscriptions plusieurs fois.
Merci de votre aide
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 ?
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.