GDPR field + Divi contact module

The Divi Contact Form module and GDPR

Updated on 02/06/24

506 words

2 reading minutes
67 comments

This article contains affiliate links recognizable by the percentage icon (%) → I am an affiliate link

We saw in a previous article how to put GDPR standards the form of optin generated by Bloom. However, if you use the Divi theme, there is a lot to bet that you use the Contact Form module proposed by the Divi Builder. In this article, I will explain how to render the Contact Form module Divi RGDP friendly!

Create or edit the Divi Contact Form module via the back-office

Either you create a new form or you edit an existing form: the procedure remains the same...

Add field to comply with GDPR

Here is the procedure for the numbered pellets in the image above:

  1. Following your classic fields such as surname, first name or email, you will need to add a new field.
  2. Enter the field ID: you can name it as you like but this ID must be unique on your site, it must not be used elsewhere. It must be composed of tiny letters without special characters.
  3. Enter a title: This field is required and will be visible on the visitor side.
  4. Select the field type: CHECKBOX. Your field will be a check box.
  5. In the options, add your text as "I have read and accept your Privacy Policy". This field must be Required.
  6. Save your field and module and update your page.

Optimize the Divi Contact Module for GDPR via Visual Builder

In the previous step, we did only half the work. Indeed, to be according to GDPR, you must propose a easy access to your Privacy Policy, in other words, a link to this page. The Divi Builder does not allow you to do this from the back office, so we will use the Visual Builder (front-office side).

Insert link to your Privacy Policy via Visual Builder
  1. Once you have updated your page (stage 6 of the previous chapter), you can click on "Use Visual Builder"
  2. The page opens front-office side and you can modify the module Contact Form by clicking on the icon of toothed wheel (Grey cobblestone!)
  3. Configuration options will open in a popup and you can act on your field CHECKBOX.
  4. Click Link icon to add the link to your privacy policy.
  5. Check that the option SCOPE REQUIRED is activated.
  6. Enter this link in the field "Link URL".
  7. Save the field.
  8. Save the module and remember to save your page so that your changes are taken into account.

Check the link to your Privacy Policy

Link directly in the contact form

Here, a new checkbox has appeared and will have to be checked to ensure that the form is actually sent. The link to your privacy policy is very clickable and you are in good standing in front of the GDPR!!!

You don't have it yet. opt for the theme Divi ? Click here to learn more.

Divi + GDPR contact form module
Add a GDPR field to the Divi contact module

Divi training via CPF

Get Divi

Divi training

Ebook Divi PDF

Free tips

Divi Quiz

Live coaching

icon 256x256
Discover my wpLingua plugin, which makes your websites multilingual in just a few clicks! SEO-Friendly / Automatic / Editable

Your comments...

67 Commentaires

  1. Cécé LOUA

    Je suis intéressé

  2. Alexis

    Merci pour l’astuce !
    Cependant je n’ai pas le symbole « flĂšche qui sort d’un carré » pour signaler un lien blank qui apparait correctement dans Firefox (nickel dans Safari) ; une piste ?
    D’avance merci pour la rĂ©ponse

  3. Lycia

    Hello Alexis, je vois ce que tu veux dire. Je crois que j’ai le mĂȘme problĂšme sur l’un de mes formulaires. Je ne sais pas comment y remĂ©dier. DĂ©solĂ©e. Si tu trouves, n’hĂ©site pas Ă  nous donner le tuyau 😉

  4. Phil

    Bonjour. Question qui peut paraitre simpliste, mais je ne trouve pas oĂč modifier l’email de contact dans le formulaire Divi.
    PS : ce n’est pas moi qui ait fait ce site, je dĂ©bute sur WP et Divi
    merci

  5. Lycia

    Bonjour Phil, pourtant, ce sont dans les options, lorsque vous ouvrez le module, vous l’avez trouvĂ© ?

  6. Jean-Michel Metzger

    Bonsoir
    Le lien est saisi a la bonne place, tout est enregistre, le petit carre avec la flĂšche sortante s’affiche 🙂 mais a l’utilisation la page de confidentialitĂ© n’est pas trouvĂ©e; pourtant elle existe.
    Une chose n’est pas claire pour moi, comment « utiliser le Visual Builder » cote front office ?

  7. Lycia

    Bonsoir Jean Michel ! Il suffit de cliquer sur « activer le Visual Builder » quand vous Ă©ditez une page. Le bouton vert (je crois, de mĂ©moire). Sinon, quand vous visitez une page de votre site en Ă©tant connectĂ©, vous verrez un bouton violet tout en haut dans la barre d’administration « activer le visual Builder ». Vous les voyez ?

  8. Jean-Michel Metzger

    Oui ok, je le vois mais je ne vois la barre d’administration que dans le back-office !?

  9. Lycia

    Ah bon ? Utilisez vous un autre thĂšme que Divi ?

  10. Jean-Michel Metzger

    Oui desole, c’est ok pour le Visual Builder mais ma page n’est toujours pas trouvee !

  11. Lycia

    VĂ©rifiez si votre URL est bien saisie. Des fois ça tient Ă  rien… normalement ça marche, je l’ai encore fait hier sur un site.

  12. Jean-Michel Metzger

    J’ai vĂ©rifiĂ© mais rien a faire. Il y a peut-etre quelque-chose a voir avec le nom d’enregistrement de la page de confidentialitĂ© ?

  13. Garnavault

    Bonsoir,
    Il me faut dans mon formulaire de contact intégrer la possibilité de choisir parmi trois destinataires possibles (Mairie, Association, Webmaster).
    Dans l’Ă©tat actuel du formulaire de contact de Divi je ne vois pas comment arriver Ă  ce rĂ©sultat.
    Est-ce envisageable et comment procéder ?
    Merci d’avance de vos rĂ©ponses.

  14. Lycia

    Hello Bernard ! Pour cette fonctionnalitĂ©, je pencherai plutĂŽt pour Caldera Forms, un plugin hyper puissant qui permet d’Ă©mettre des conditions : https://fr.wordpress.org/plugins/caldera-forms/

  15. is

    Merci de votre réponse.
    Je vais de nouveau me pencher sur cette extension qui semble ĂȘtre l’une des meilleures dans ce domaine.
    Le paramĂ©trage n’en est pas trĂšs Ă©vident et je vais relire la documentation y affĂ©rente.

  16. Dev-Web.LC

    Bonjour,

    Tuto parfait suivi à la lettre pour une de mes clientes et ça fonctionne parfaitement. Je commence avec le thÚme Divi votre site est donc trÚs précieux.
    J’ai une petite question supplĂ©mentaire si vous avez 2 minutes. Mon formulaire est sur fond Bleu j’ai donc mis les polices en White et bold ce qui ressort parfaitement. Sauf les messages d’avertissements quand on oublie un champs et le message qui est affichĂ© en cas de succĂšs de l’envoie du message. Je ne trouve pas la façon de changer la couleur de ces textes ? Je peux surement le faire en css mais si le builder le permet savez vous ou sont ces options.
    Un grand merci
    Laurent

  17. Lycia Diaz

    Merci Laurent ! Non effectivement ce sera en CSS. Il n’y a pas d’option pour ça… bonne continuation 😉

  18. Dev-Web.LC

    Parfait Merci de votre réponse !

  19. Burger Manuel

    Bonjour
    Vous ne parlez pas de faire un thĂšme enfant pour l’installation de DIVI.
    Ce n’est pas utile ?
    J’ai achetĂ© DIVI la formule Ă  vie je vais lire tout vos postes avant de l’installer.

  20. John

    Bonjour et merci pour ce tuto rapide et simple

  21. Lycia Diaz

    Merci John !

  22. Philippe

    Bonjour et merci pour ce tuto. J’ai tout de mĂȘme un problĂšme que je n’arrive pas Ă  rĂ©soudre. Le champ checkbox « RGPD » est configurĂ© en tant que champ requis, pour autant lorsque je coche la case Ă  cocher le formulaire me prĂ©cise toujours que ce champ doit ĂȘtre rempli (en fait cochĂ©) et l’envoie n’a pas lieu. D’oĂč cela peut-il venir ?

    Merci pour votre aide précieuse.
    Philippe

  23. Lycia Diaz

    Bonjour Philippe, vous avez trouvĂ© ? Je pense qu’il faut vĂ©rifier quel est le type de champ. Que ce soit bien une case Ă  cocher. Sinon, je ne vois pas…

  24. Théo BARATON

    Bonjour,

    Je ne vois pas bien comment faire un formulaire sur 2 colonnes mise Ă  part les 2 premiers champs qui se positionnent l’un Ă  cotĂ© de l’autre.

    Je vous remercie de votre aide.

  25. Lycia Diaz

    Bonjour ThĂ©o. Effectivement, il y a une option pour mettre les champs sur 1 seule colonne. Si elle n’est pas cochĂ©e, les champs sont cĂŽte Ă  cĂŽte. Je ne suis pas sĂ»re que cela soit applicable Ă  tous les champs.

  26. Valerie M.

    Bonsoir et merci pour toutes ces astuces, si précieuses !
    J’ai une petite requĂȘte : j’ai installĂ© le module Formulaire de contact de Divi.
    Et j’aimerai que l’expĂ©diteur puisse recevoir une copie de son mail.
    Avez-vous une idée ?
    Merci,Valérie

  27. Lycia Diaz

    Bonjour ValĂ©rie. Je ne suis pas sĂ»re que le module Formulaire de Divi propose cette fonctionnalitĂ©. Caldera Forms est un trĂšs bon plugin de formulaire qui propose cette fonctionnalitĂ© basique 😉

  28. Valerie M.

    Merci Lycia , je vais regarder
 Belle journée

  29. gilles sabathe

    Bonjour ,

    Merci pour ce tuto. Comment peut on faire pour que l’on puisse garder la trace de l’acceptation des conditions du formulaire . Pour pouvoir prouver que le visiteur a bien cocher la case , comme avec le pluggin contact form 7 + plugin Flamingo ? avons nous la mĂȘme possibilitĂ© avec le fromulaire divi ??

    Merci

  30. Lycia Diaz

    Bonjour Gilles. Il y a une trace seulement dans l’email que vous recevez. Il n’y a pas, Ă  ma connaissance, un endroit oĂč on peut retrouver cette info.

  31. DELGADO

    Merci pour votre article. Pouvez vous m’indiquer comment ouvrir l’onglet dans la mĂȘme fenĂȘtre, merci d’avance

  32. Lycia Diaz

    Bonsoir Delgado,

    Pour ouvrir un lien dans une nouvelle fenĂȘtre, vous devez ajouter l’attribut target= »_blank ». Plus d’info ici : https://www.w3schools.com/tags/att_a_target.asp

  33. Mathis

    Bonjour, j’utilise DIVI depuis peu et j’aimerais savoir s’il est possible d’avoir des champs personnalisĂ©s en fonction du type de retour attendu.

    Exemple:

    Un champ de type nombre qui n’autorise que les nombres, avec pour contrĂŽle une flĂšche haut et bas pour incrĂ©menter ou non la valeur.

  34. Lycia Diaz

    Salut Mathis, les champs personnalisĂ©s existent mais je ne crois pas qu’il y ait celui que tu cherches.

  35. Mathis

    Merci Lycia, pour ta rĂ©ponse. Il doit certainement y avoir possibilitĂ© d’Ă©diter l’html ou injecter du JS mais pour l’instant c’est amplement suffisant.

    Un grand merci pour tes astuces et articles Ă  propos de DIVI.

  36. Christiane

    Bonjour Lycia
    Je viens de me lancer dans un site WordPress avec Divi. A 78 ans c’est un peu de la folie. Bon le dĂ©but me donne de l’espoir. Par contre j’ai un problĂšme avec le Formulaire de contact (Divi Builder). Ca marche, je rĂ©ceptionne bien le message mais pas de mention de l’adresse mail de la personne qui me l’a envoyĂ©. Pourtant elle doit bien remplir le champ en question.
    Merci d’avance pour vos conseils.

  37. Lycia Diaz

    Bonjour Christiane et bravo pour votre courage de vous lancer ! Concernant les emails, avez-vous bien vĂ©rifier la configuration du module Formulaire ? Il y a peut-ĂȘtre quelque chose que vous avez oubliĂ© ? Si vraiment ça ne fonctionne pas, vous pourriez utiliser un autre plugin comme WP Forms (trĂšs facile) ou mĂȘme Caldera Forms (un peu plus complexe).

  38. Philix

    En réponse à Christiane :

    J’ai (et tout le monde a ce souci). L4expĂ©diteur du message c’est votre mail serveur, pas l’email de la personne.
    Pour rĂ©cupĂ©rer l’email vous devez aller dans « Email », lĂ  oĂč vous indiquez l’email de destination (vous).
    Juste sous l’email de destination, vous avez la zone « ModĂšle de message ».
    Dans celle§ci vous pouvez incorporer chacune des variables du formulaire.
    Ainsi par exemple :

    Expéditeur :
    %%name%% – %%email%%

    Message :
    %%message%%

    VĂ©rifiez juste que vos variable s’appellent bien comme ça 😉

  39. Lycia Diaz

    Merci Philix pour ce complĂ©ment d’information 😉

  40. Leila

    Bonjour,

    Savez-vous comment modifier la couleur du message de succĂšs (pour un formulaire de contact) sur Divi ?

  41. arthur

    lorsque je rempli et envoi le formulaire depuis un autre appareil je ne reçois pas les rĂ©sultats du formulaire sur mon mail, j’ai dĂ©ja vĂ©rifiĂ© que j’ai bien rentrĂ© la bonne adresse mail

  42. Lycia Diaz

    Salut Arthur,
    C’est bizarre, il faut que tu vĂ©rifies tous les paramĂštres pour voir si tout est bien configurĂ©. Par contre, si tu dĂ©veloppes ton site en local, c’est normal car le serveur local n’a pas la fonction d’envoi d’email.

  43. arthur

    merci beaucoup lycia, le problĂšme viens alors de la car je monte mon site en local

  44. vanessa

    Bonjour,
    Comme pour Arthur, lorsque je fais des essais en remplissant mon formulaire de contact et en me l’envoyant je ne reçois rien !!
    J’ai pourtant entrĂ© l’adresse mail dans le champ e-mail

    Merci pour votre aide

  45. Lycia Diaz

    Salut Vanessa,
    Est-ce que tu travailles en local ou ton site est en ligne ?

  46. Vanessa

    @lycia Diaz, je travaille en ligne.

    J’ai utilisĂ© le formulaire proposĂ© sur DIVI et en fait, je ne reçois pas l’intĂ©gralitĂ© de ce formulaire lorsque la personne me rĂ©pond
    j’ai juste son message
    Merci beaucoup Lycia de ton aide 😉

  47. Olivier

    Bonjour et merci pour vos articles. En avez vous un pour rendre RGPD le module email optin de DIVI ? Je ne trouve pas. Merci

  48. Lycia Diaz

    Salut Olivier.
    Non je n’ai pas cet article en stock 😉
    Je met ce sujet dans ma liste et je verrai si je trouve une solution… je n’utilise jamais ce module…

  49. Lycia Diaz

    Salut Vanessa,

    Quand tu Ă©dites ton formulaire, vas Ă  l’onglet Contenu > Email. Tu vas voir un champ « modĂšle de message » qui te permet de personnaliser le mail que tu vas recevoir.

    Ici, il te suffit de configurer le corps de ton email avec des champs de ton formulaire => si tu utilises le champ « message » dont l’ID est « message », alors, pour tu devras Ă©crire %%message%% pour qu’il s’affiche dans le corps du mail que tu recevras.

    La personnalisation de ton email pourrait ressembler Ă  cela :
    Nouveau message de %%prenom%% %%nom%% – Voici le message : %%message%% – Pour contacter cette personne : TĂ©lĂ©phone %%telephone%% – Email %%email%%

    Est-ce plus clair ? 😉

  50. Alain

    Bonjour,
    Je suis en train de faire mon site depuis quelque mois et je viens de faire cette manip.
    Le truc c’est que j’ai le titre « confidentialitĂ© qui s’affiche entre le formulaire et la case Ă  cocher « lu et approuvé », ce qui n’est pas trĂšs esthĂ©tique.

    Je ne vois aucune option pour masquer le titre. Peut ĂȘtre dois-je tester un autre fomulaire.

  51. Lycia Diaz

    Oui Alain effectivement.
    Soit tu la caches avec du CSS soit tu peux utiliser une extension tierce comme Caldera Forms ou Contact Forms 7 pour crĂ©er ton formulaire… car il n’y a pas d’option pour cacher le titre (de mĂ©moire – Ă  moins qu’elle est Ă©tĂ© ajoutĂ©e derniĂšrement, mais j’en doute).

  52. Alain

    D’accord, merci, c’Ă©tait pour ĂȘtre sĂ»r .

  53. vives

    Bonjour
    COomment puis je faire si dans une question avec des case Ă  cocher je veux rendre invisible le nom du champ
    car meme en le laissant vide, DIVI écrit « nouveau champ » ou dans votre exemple comment auriez vous fait pour masquer le mot « confidentialité ? merci

  54. Lycia Diaz

    Salut Vives,
    En effet, il n’y a pas d’option pour ça. Il faut que tu le caches avec du code CSS. Une petite ligne de code suffit. T’y connais-tu en CSS ? Sinon, donne-moi le lien oĂč apparaĂźt ton formulaire et je te donne le code CSS Ă  ajouter.

  55. Mickael

    Bonjour, existe-t-il un moyen de rĂ©cupĂ©rĂ© l’action du bouton post pour modifier l’action en php.
    Le but serai de saisir les donnĂ©es dans un DB existante. Ou avez vous un plugin a me conseiller pour l’enregistrement de donnĂ©e formulaire sur une DB ? (Exemple tout bĂȘte saisie par l’utilisateur d’un numĂ©ro d’article, d’un descriptif et d’une quantitĂ©). J’ai testĂ© Divi Form DB, mais ça ne correspond pas. Merci de votre aide.

  56. Lycia Diaz

    Salut Mickael non je crois que ce formulaire est trop basique. Tu as regardĂ© du cĂŽtĂ© de Caldera Forms ? Je ne sais pas si c’est possible mais je sais que ce plugin est trĂšs puissant

  57. Sarah

    Bonjour, j’ai créé un formulaire et j’ai choisi de crĂ©er dans celui-ci un champ d’option avec des cases Ă  cocher, mais lorsque je fais le test et que je clique sur une option la case ne se coche pas et il ne se passe rien. Donc j’ai essayĂ© avec les boutons radiaux car le but et que la personne puisse cocher plusieurs options. Pareil rien ne se sĂ©lectionne … Auriez-vous une solution ? Merci d’avance

  58. Lycia Diaz

    Salut Sarah tu as peut-ĂȘtre un plugin qui fait conflit ? As-tu tous tes plugins et thĂšmes Ă  jour ?

  59. Sarah

    👋 Comment allez-vous ?
    Oui, tout est Ă  jour plugins et thĂšmes mais toujours rien …

  60. Lycia Diaz

    Sarah, tu devrais peut-ĂȘtre poser la question au support de Divi.

  61. Meg

    Bonjour,

    J’aurai voulu savoir comment fait-on pour mettre le texte du champs au dessus de l’encart et pas l’intĂ©rieur comme par exemple : « Nom » le mettre au dessus du carrĂ© oĂč il faut Ă©crire pas dedans
    en vous remerciant pour votre retour

  62. Lycia Diaz

    Salut Meg, je crois que l’option n’existe pas … pour info le texte Ă©crit dans le champ s’appelle le Placeholder.

  63. Aurélie

    Bonjour,
    j’ai mis en place un formulaire de contact. Je reçois les messages envoyĂ©s mais le contenu est toujours vide. Je ne peux voir que l’adresse de l’expĂ©diteur. Savez-vous comment rĂ©soudre ce problĂšme?
    Merci de votre retour.
    Aurélie

  64. Yann B.

    Bonjour
    Je souhaiterais insĂ©rer dans le mail une variable comme l’adresse IP du client avec $_SERVER[‘REMOTE_ADDR’]
    Avez-vous une idée de comment je peux faire ?
    J’ai essayĂ© pas mal de chose mais cela ne fonctionne pas =/
    Caldera Forms est-il en mesure d’ajouter ce type de variable dans le mail ?
    D’avance merci
    Cordialement

  65. Lycia Diaz

    Salut Yann. Je pense que ce n’est pas possible avec le module formulaire de Divi. Je te dĂ©conseille Caldera car ils va bientĂŽt ĂȘtre supprimĂ© (dĂ©cembre 2021 je crois), il ne sera plus maintenu si j’ai bien compris, c’est dommage. Du coup, est-ce que Fluent Form peut faire ça, ça a l’air d’ĂȘtre un bon plugin de formulaire.

  66. Lycia Diaz

    Salut AurĂ©lie, est-ce que tu as conservĂ© {summary} afin que le formulaire t’envoie le contenu ?

Submit a comment

Your email address will not be published. Required fields are indicated with *