In this post, I want to give you a quick intro to my EU contact form plugin, which allows you to add a checkbox to the Divi contact module. This is important for sites in Europe where people submitting their personal data need to confirm that they have read your site’s policies on data sharing. My plugin will add a new module to your Divi toolbox.
The plugin is installed normally through the backend plugin manager. Once installed you can select the module for insertion into a section like you would any other Divi module. Once placed into your page, the module will largely resemble the native Divi contact for module, with one difference – there is an additional field type called a checkbox. So, as with any other form, you can add fields for Name, Email address, Message, and then your checkbox field.
Within the new field you select “Checkbox” for input type and fill the rest of the fields as you would like. Near the bottom of the field settings is a tinyMCE box. This is where you add the message you want to appear next to your check box. You can add full HTML markup into this box, allowing the addition of links to your TOS pages. It is important to note here, none of the settings on the “Advanced Design Settings” tab will impact the text you enter here. This is a limitation of Divi I wasn’t able to overcome. Any styling in the tinyMCE box however, will be carried to your final page. So for example, in the screen shot above, I’m adding emphasis to the initial word and linking the TOS to my site policy page.
One additional way to add styling to the label field in by giving it a unique class or ID through the “Custom CSS” tab of the field settings. While this module still requires some tweaking on the part of the designer, it allows for the quick introduction of a checkbox without having to onboard a large form plugin like Gravity forms or Caldera.Click to get the plugin!