Today we will see how to include the acceptance box for the privacy policy, as well as the legal text, in any form created with Elementor Pro.
GDPR and Elementor Pro forms
In this series of tutorials on the General Data Protection Regulation we have seen how, and also how. We also saw how , and finally the to adapt the fields of our form to the regulation.
Today it is the turn of the forms created with Elementor Pro. It is a very complete visual builder that helps to create pages easily. Simply dragging already predefined blocks that we can customize later.
It has a free version (Elementor), and a paid version that allows you to create forms and also includes many other options (Elementor Pro). If you are interested in getting the most out of this plugin, we encourage you to take a look at the ones we have available. .com subscribers can download the premium version of the plugin from the .
As for the GDPR, to adapt our forms created with Elementor Pro, we will have to add a box for accepting the terms of our privacy policy, and a small text where we will inform the user about various issues related to data protection. With all that said, let’s get started!
Add checkbox to our Elementor Pro form
As in the previous tutorials, the first thing we recommend is that you have the link to your privacy policy, as well as the legal text, at hand. If you have not yet created such a page or text, it is good that you do so now as we will need this information later. Throughout this tutorial we are going to modify our form to add two sections:
- Privacy policy acceptance box: It helps us to obtain the user’s consent to what we are reporting. It will be accompanied by a text in which we will indicate that by selecting the box (checkbox) the sender is accepting our privacy policy, and will also include a link to it.
- Legal text: With this text we will inform the user about some issues such as who is responsible for custody of the personal data that is sent through the form, what they will be used for, if they will be shared with someone else, how consent is authenticated , where the data will be stored, or the rights that the sender has over the data that he sends us.
And given this, now yes, we are going to add our privacy box. The first thing we have to do is open the form in editing mode. For this we go as always to the WordPress desktop, “Pages / Edit”, and once there we press the “Edit with Elementor” button.
Next we will have to click on the view of the form, and then on “Add Element”.
This will add a new field to the bottom of our form, which by default will be text type. In order for this field to become an acceptance box, we will have to display “Type” and choose the “Acceptance” type. This is a special field type. As it happened in Contact Form 7 we are not going to use the usual checkbox, but a specific field.
When we choose the “Acceptance” type, the field options vary, and a screen similar to this one is shown. Let’s see in detail what each option is used for.
- Type: The guy from the field. It allows us to choose from a wide variety of available fields (Text, Email, Textarea, Acceptance or HTML among others).
- Label: It is the label of the field, it can be made visible or hidden.
- required: To mark the field as required or optional.
- AcceptanceText: The text that will be associated with our checkbox. In this case a small line with a link to the privacy policy of our site.
- Checked by Default: Indicates whether the field will appear selected or unselected, which is the default option. According to the GDPR, the field must go unmarked, it is the user who must accept what is expressed there.
It also allows us to adjust other options such as visual themes, the information that comes to us by email and some other things. Once we fill in everything, our acceptance box for the privacy policy would look like this:
As we can see, in “Label” we have indicated a descriptive text and the full link to our privacy policy. We do it this way because both the text of this label and the value of the checkbox will reach our email when a message is sent through the form.
On the other hand the content of “Label” could be similar to the following. eye! For the link to work, you have to change this fictitious URL to the URL of your privacy policy.
I have read and accept the Privacy Policy https://your-url/privacy-policy
Also, as we see in Required, we have marked the field as required. This is simply because one of the requirements that are requested to comply with the data protection regulation is precisely that the checkbox with which the user’s consent is obtained is mandatory.
Finally we have filled in the “Acceptance Text” section with the following sample text that will include a link to our privacy policy.
We have also added the asterisk to show that the field is required. This is done with the “Required Mark” option of the labels, but since in this case it will be hidden, we can mark it like this. Keep in mind that this is only visual. For the field to be really mandatory, you have to select “Yes” in the “Required” option as we have already seen.
I have read and accept the Privacy Policy. *
Watch out again here! If you copy this line, remember that you have to change the URL that appears for your URL. This step is very important. As for the “nofollow” directive, it is optional but it is recommended if our privacy policy is not of interest in terms of SEO positioning, which is what usually happens.
Well, we already have our box ready! Now we are going to add the field that will contain the legal text that we created in the first step.
Add legal tagline to our form
To add the legal tag to our form we will use an HTML type field. To add it we have to click on the “Add element” button, and in the “Type” dropdown choose HTML. We will have something like this:
We will fill in the “HTML” section of the field with our legal text. In this case we will use a test text, you have to change it for yours. Once finished, we can click on “Update” to save the changes.
And now yes, it’s finished! With a few simple steps, our form has its acceptance box for the privacy policy, and its informative legal text. Easy right? Well come on, we encourage you to put it into practice if you haven’t done it yet 🙂
Summary and conclusion
Now that the GDPR is in force we will need to make some adjustments to the forms where we handle personal data. The modifications that we have to do in Elementor Pro are the same as for the rest of the tools that we have been seeing in the previous tutorials.
We have to add a checkbox to obtain the user’s consent towards our privacy policy, and also a small legal text where we will inform about various issues related to the subject as we have seen throughout the tutorial.
And that’s all for today. You already know that if you want to take advantage of this plugin, we have several available, and also if you are subscribers you will be able to access more about Elementor, WordPress, and many other topics. I’m sure more than one will help you 😉
Facebook Comments
Disqus