Quelle extension WordPress pour créer des formulaires ?

Si vous avez un site web, il y a des chances que vous aurez tôt ou tard besoin de créer un formulaire.
Un formulaire de contact pour que les utilisateurs de votre site puissent vous envoyer un message, ou encore un formulaire pour proposer à vos lecteurs de s’abonner à votre lettre d’information (newsletter).

Il y a des extensions qui permettent de simplifier la tâche et de mettre en place des formulaires rapidement.
Cependant, après en avoir essayé plusieurs, j’ai été surpris de voir que la majorité de ces extensions génèrent un code qui n’est pas toujours très bien construit ni très accessible.

J’en ai malgré tout retenu deux que je vais vous présenter.

Formidable

Lien vers le site de Formidable ⇗

Formidable est une extension qui permet de créer toute sorte de formulaires grâce à une interface intuitive et moderne en glisser‑déposer. C’est l’extension que j’utilise pour faire le formulaire de contact du site Toile de Maître.

Fonctionnalités

La version gratuite ne donne pas accès à toutes les fonctionnalités.
Vous ne pourrez utiliser que les champs suivants :

  • Texte
  • Paragraphe (textarea)
  • Case à cocher (checkbox)
  • Boutons radio (radio buttons)
  • Liste déroulante (select)
  • Email
  • URL
  • Nombre
  • Téléphone
  • Caché (hidden)
  • ID Utilisateur
    Celui-ci est un champ caché qui prend automatiquement l’ID de l’utilisateur s’il est connecté.
  • ReCAPTCHA
    C’est le CAPTCHA de Google.
  • HTML
    Cette option permet de rajouter du HTML à votre formulaire. C’est super pour faire une légende explicative par exemple.

Pour faire des formulaires dynamiques ou avec des fonctionnalités plus avancées − comme un système de paiement, ou un champ d’adresse − vous devrez passer sur une version payante.

Accessibilité et qualité de code

Je ne dispose pas d’une version payante, je ne peux donc juger de la qualité et de l’accessibilité que pour les fonctionnalités gratuites citées ci-dessus.

Le code généré est de bonne qualité et le formulaire est très accessible. Les champs ont les attributs ARIA aria-invalid, aria-required et aria-describedby ce qui est un plus.

C’est l’extension que je préfère pour faire des formulaires de contact.
Je dirais que le seul point noir est qu’on nous impose Google ReCAPTCHA comme seule solution pour filtrer les robots.

Si vous essayez comme moi d’éviter de créer des dépendances inutiles aux GAFAM, sachez qu’il reste possible de passer par une autre extension pour mettre en place un autre filtre.

Contact Form 7

Lien vers le site de Contact Form 7 ⇗

C’est sûrement l’extension la plus populaire et aussi la plus simple pour créer des formulaires. Elle est entièrement gratuite, vous aurez donc accès à toutes les fonctionnalités directement.

Fonctionnalités

Vous aurez accès aux champs suivants :

  • Texte
  • Email
  • URL
  • Téléphone
  • Nombre
  • Date
  • Zone de texte (textarea)
  • Menu déroulant (select)
  • Cases à cocher (checkbox)
  • Boutons radio (radio buttons)
  • Confirmation
    Permet de créer une case à cocher pour recueillir le consentement de l’utilisateur avant de valider le formulaire.
  • Quiz
    Ce champ permet de créer une question pour filtrer les robots. Par exemple vous pourriez mettre la question « Combien font 7 + 4 ? » avec comme bonne réponse « 11 », et seules les personnes répondant correctement à cette question pourraient soumettre le formulaire.
  • Fichier
    Permet à l’utilisateur de soumettre un fichier avec le formulaire.
  • Envoyer (submit)
    C’est simplement le bouton de validation du formulaire.

Contact Form 7 est une extension très simple et dispose de peu de fonctionnalités, mais elle peut très facilement être enrichie à l’aide des nombreuses extensions qui existent.

Vous pourriez par exemple avoir besoin d’enregistrer le résultat de vos formulaires en base de données ; il y a l’extension Contact Form 7 Database ⇗ qui rajoute cette fonctionnalité à Contact Form 7.

Ou alors, besoin d’ajouter des logiques conditionnelles à vos champs ? Contact Form 7 – Conditional Fields ⇗ est là pour vous.

Accessibilité et qualité de code

Le code est propre et les mêmes balises ARIA que pour Formidable sont utilisées pour les champs.
Reste à voir si les extensions qui permettent de rajouter des fonctionnalités suivent le même niveau de qualité.

Conclusion

À vous de tester les deux extensions et de voir laquelle répond le mieux à votre besoin et quelle interface vous convient.

N’hésitez pas à laisser un commentaire !

Laisser un commentaire

Votre adresse IP ne sera pas collectée.
Vous pouvez facultativement renseigner un prénom ou un pseudonyme.

Toile de Maître Aller au contenu principal