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
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
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.
Bonjour,
Bon plugin
mais attention, quand on désactive ce plugin, il reste un bug : on ne peut plus recreer un formulaire contact avec Divi ensuite, ou plutot on peut en recreer un, mais Divi le considèrera toujours comme un “module tiers” meme en ayant désactivé contact extended !
je vais tester la dernière version du plugin, notamment pour le sélecteur de dates qui m’intéresse bcp
merci de votre retour
Bonjour
Correction à mon message précédent
nous avons trouvé ce qui coincait,
nous avons un besoin important et beaucoup d’autres utilisateurs DIVI ont le meme problème :
quand on recoit des messages via le form contact ils ont tous le même sujet email, et donc ca les regroupe tous ce qui n’est pas du tout pratique pour y répondre
donc on a cherché comment personnaliser les sujets email
à minima de la forme “Formulaire contact + Nom du sender”
impossible avec le module divi de base donc on a du creer une fonction dans functions.php qui fonctionne :
“/*================================================
#Load custom Contact Form Module
================================================*/
function divi_custom_contact_form() {
get_template_part( ‘/includes/ContactForm’ );
$dcfm = new Custom_ET_Builder_Module_Contact_Form();
remove_shortcode( ‘et_pb_contact_form’ );
add_shortcode( ‘et_pb_contact_form’, array( $dcfm, ‘_shortcode_callback’ ) );
}
add_action( ‘et_builder_ready’, ‘divi_custom_contact_form’ );”
et dans le fichier personnalisé on a simplement modifié le sujet :
Remplacer :
__( ‘New Message From %1$s%2$s’, ‘et_builder’ ),
par
__( ‘message from: ‘.$processed_fields_values[name][value], ‘et_builder’ ),
Ca serait top que le plugin Contact extended permette de customiser le sujet de l’email de cette facon 🙂
Merci de votre aide !
Bonjour, il n’y a pas de raison car les modules ne sont pas du tout les mêmes ?
Bonjour,
J’ai besoin de Divi Contact Extended pour pouvoir rajouter la possibilité de transmettre un document dans le formulaire de contact.
Cependant je n’arriva pas à le trouver et donc à l’acheter, qui fait cette extension ? Et comme je peux me la procurer ?
Merci par avance !
Comme précisé au début de l’article, le plugin est édité par Trumani. C’est noté juste à côté du gros bouton orange qui renvoie sur la page d’achat du plugin. 😅
Re Pierre,
Mon message était un peu à coté de la plaque, tu peux le supprimer !
suite à quelque recherche j’ai plus d’informations mais pas spécialement bonne :
– Le plugin est maintenant à 35$ (+4$ lorsqu’il est dans le panier, sûrement la taxe rajouté après).
– Et d’après pas mal de personnes, il apporte des modifications sur tout les formulaires de ton site (pas pratique si tu veux en modifier seulement un)
Je ne pas acheté et testé donc je ne peu pas affirmer ça à 100% mais ça ma pas l’air le meilleur outil, je vais continuer à cherché une alternative.
Si tu as une piste je suis preneur !
ps : merci pour le temps que tu passes à répondre au commentaires
Bonjour,
Je rencontre un problème avec ce plugin.
Lorsque j’essaye d’activer ma clé de licence, ça mouline et ça me dit “curl error 28: connection timed out After 10000 milliseconds”. De quoi ça peut venir ?
Merci d’avance !
A priori le plugin n’arrive pas à se connecter au serveur de mise à jour… je te suggère de faire remonter l’info à l’éditeur.
Bonjour,
Merci pour ta réponse Pierre. J’ai envoyé 2 messages via leur formulaire de contact il y a déjà deux semaines, je n’ai malheureusement aucun retour…