fbpx

Ce n’est pas un secret, le module formulaire proposé par Divi est assez basique.
Il offre la possibilité d’ajouter des champs plutôt standards, mais si l’on a besoin de quelque chose d’un peu plus spécifique, on se retrouve vite un peu limité.

Nous vous avons montré comment ajouter un sélecteur de date à vos formulaires, et nous allons maintenant découvrir ensemble ce que peut apporter le plugin premium Divi Contact Extended.

Il est disponible sur le site Trumani au tarif de 25$/an.

Le formulaire de contact standard de Divi

Le formulaire de Divi peut suffire à des sites basiques ayant uniquement besoin de récolter quelques informations sur les clients.

Il intègre nativement les champs suivant :

  • Champs de type Texte : comme son nom l’indique, vous pouvez y taper un texte “court” de votre choix
  • Champs de type E-mail : destiné à l’e-mail du visiteur
  • Champs de type Zone de texte : il est plutôt destiné à récolter un message long expliquant pourquoi on souhaite vous contacter
  • Champs de type Case : il permet d’afficher des cases à cocher suivant différentes possibilités. Il est possible d’en cocher plusieurs voir toutes
  • Champs de type Radio : il sert à proposer plusieurs choix à vos visiteurs. Contrairement au champs précédent, il n’est possible que d’en sélectionner un
  • Champs de type Menu déroulant : une utilité équivalente au bouton Radio mais permettant un affichage différent

Voilà pour le tour des champs proposés par le formulaire de Divi.
Passons maintenant aux choses sérieuses avec…

Les fonctionnalités apportées par Divi Contact Extended

Divi Contact Extended propose plusieurs types de champs différents pour mettre en forme vos formulaires :

  • Un champs d’upload de fichier(s) : il est possible d’en importer plusieurs et de définir un poids total maximum (par défaut il est défini sur 25 Mo, mais ne mettez pas plus car c’est la limite pour les e-mails)
  • Un champs de téléphone où il est possible d’insérer un masque pour le format de celui-ci : cela permet de l’afficher de manière élégante
  • Un Google Recaptcha pour éviter de recevoir des spams. Il est également utilisable sur le module de formulaire de contact standard, le module d’Opt-in et le module de connexion de Divi
Les types de champs apportés par Divi Contact Extended
Les champs disponibles

Et également quelques options bien pratiques :

  • Modifier le sujet de l’e-mail de notification reçue : plutôt pratique à mettre en place sur les sites de vos clients pour pousser un peu plus loin la personnalisation
  • Activer un e-mail de notification pour l’utilisateur : si vous activez cette option, l’utilisateur recevra également un e-mail récapitulant sa soumission. Le sujet et le corps de l’e-mail peuvent être différents de la notification administrateur
  • Rediriger l’utilisateur après soumission : une option disponible de base avec Divi, mais ici vous pouvez choisir d’ouvrir l’URL dans un nouvel onglet pour éviter au visiteur de perdre sa page
  • Sauvegarder l’historique des soumissions dans la base de données du site : accessibles de l’administration, cela vous assure de ne rien perdre et permettra à vos clients d’avoir une vision d’ensemble des demandes de contact reçues
Configurer l'e-mail de notification administrateur avec Divi Contact Extended
L’e-mail de la notification administrateur du formulaire
Configurer l'e-mail de notification visiteur avec Divi Contact Extended
L’e-mail de la notification du visiteur

Je vous montre aussi le panneau d’administration pour activer le ReCaptcha sur les formulaires Divi ou sur l’ensemble des formulaires WordPress:

Les options générales de Divi Contact Extended vous permettent également de définir des paramètres globaux à tous vos formulaires si vous le souhaitez (vous pourrez le faire sinon dans chaque module Formulaire):

  • Sujet de l’email
  • Notification envoyée au visiteur
  • Autoriser l’envoi de fichiers ainsi que le type d’extension autorisé
  • Couleur et texte du bouton de soumission
  • La possibilité de définir un effet d’overlay pour vos formulaires

À noter que deux fonctionnalités sont en cours d’intégration et seront disponibles prochainement :

  • La possibilité de recevoir des paiements Paypal ou Stripe directement via le formulaire
  • L’intégration de MailChimp pour pouvoir enregistrer l’e-mail de vos visiteurs (s’ils le souhaitent bien sûr, cela ne doit pas être obligatoire, RGPD oblige)

Si vous voulez voir le formulaire en direct, rendez-vous sur le Playground Divi Community :

Conclusion

Divi Contact Extended apporte plusieurs fonctionnalités très pratiques pour récolter et gérer les informations des clients et améliore grandement le module natif de Divi.

Son prix de 25$ n’est pas “bon marché” mais il vous permettra à coup sur de répondre à la majorité des besoins de vos clients en matière de formulaire de contact.

Il n’est pour l’instant pas compatible avec le Visual Builder, cependant avec les nombreuses fonctionnalités en cours de développement, espérons qu’il le devienne sous peu.