Add a GDPR agreement field

How to Make a GDPR Consent Form in 5 Minutes

Editorial Note: We may earn a commission when you visit links on our website.

Do you want to create a GDPR consent form for your WordPress site?

It’s very important to ensure compliance with GDPR if you’re website with visitors from the EU or the UK.

If you’re collecting information from your EU site visitors using forms, it’s always a good idea to obtain express consent before form submission.

In this article, we’ll look at the easiest way to add a GDPR agreement field to your WordPress forms.

Create Your GDPR Consent Form Now

How to Create a GDPR Compliant Form in WordPress

Using WPForms, you can easily add a GDPR agreement form field to any form on your website. That way, the visitor can freely give consent when giving you their personal data.

Here are the steps we’re going to work through:

At the end of the article, we added a FAQ to help you with the advanced GDPR options in WPForms. We’ll also explain how to easily erase personal information if you’re asked to.

First, let’s step through the tutorial.

This tutorial only shows the steps you can take to create a general GDPR compliant form. However, GDPR is a complex piece of regulation and we strongly advise you to seek legal counsel for your specific forms.

Step 1: Install the WPForms Plugin

Creating a GDPR compliant form is a quick and easy process if you’re using WPForms. If you haven’t already, go ahead and install the WPForms plugin on your website now.

WPForms home (1200)

While you can use the GDPR enhancements in both the free and paid versions of WPForms, we recommend getting WPForms Pro to access a huge variety of useful features such as the Calculations addon and over 1,400+ form templates.

After you’ve successfully installed the plugin, move on to the next step.

Step 2: Enable GDPR Enhancements

Before we create any forms, we first need to turn on GDPR enhancements in WPForms. When we turn these enhancements on, the GDPR Agreement field will become available in the form builder.

To start, go to WPForms » Settings. You should see the General tab is open.

WPForms general settings

Scroll down and click the GDPR Enhancements toggle button.

GDPR enhancements checkbox

When you click the checkbox, you’ll notice that 2 new options appear underneath.

Disable user cookies and details

{alert_box]The options for disabling user cookies and user details will not appear if you’re using WPForms Lite. This is because the Lite version never tracks user cookies or IP addresses.[/alert box]

If you’re using a premium WPForms license, you may want to disable user cookies and additional detail storage to ensure full compliance with GDPR.

Cookies in WPForms

Disabling cookies will also disable features such as the Form Abandonment addon, Related Entries (linked entries submitted by the same user), and Geolocation.

Disable user details

If you’d like to continue using these features, you’ll have to leave the Disable User Cookies option in the off position.

But it’s strongly recommended to mention your usage of cookies in the GDPR Agreement field, so people can consent to it.

IP Address and User Agent Storage in WPForms

The Disable User Details option can be controlled globally from the General tab of WPForms settings from the admin menu.

Disable user details

If you’d like to disable the collection of IP addresses and User Agent on specific forms only, you can do that on a form-by-form basis (more on this in the next step).

Let’s move on and create a GDPR compliant contact form.

Step 3: Create Your GDPR Consent Form

It’s time to create a WordPress form with a GDPR consent field.

First, let’s click WPForms » Add New from your WordPress admin menu.

Adding a new form in WPForms

When the form builder opens, go ahead and type in a name for your contact form at the top.

Enter your WPForms form name

Next, scroll down a little to the templates area. For this tutorial, we’ll be using a contact form template to speed up the form building process.

Click on the Use Template button under the Simple Contact Form template.

Use Simple Contact Form template

You’re free to choose any other template or even start from scratch using the Blank Form option.

After selecting a template, it will load on your screen in a few seconds.

Contact form loaded

If you want to add more fields, you can drag them from the left-hand panel to the form preview on the right. Keep adding fields until your basic form is set up the way you want it.

Step 4: Add a GDPR Agreement Form Field

WPForms includes a ready-made GDPR Agreement field that you can add to your form. It can be found under the Standard Fields section.

Drag and drop the field to where you want to place it on your form on the right-hand side area.

GDPR agreement field

After the field is inserted, you can click on it to access its Field Options. These allow you to change the label of your field as well as the agreement text explaining why you’re collecting a visitor’s information.

GDPR consent field options

This field is different from a regular checkbox field. If the GDPR agreement is not ticked, the form can’t be submitted.

Besides, the checkbox can’t be pre-selected. This is important because consent has to be deliberately given by each respondent per GDPR.

If you’d like to collect cookies and IP address information of respondents, we recommend editing the agreement text to clearly mention this as well.

When you’re done customizing your form and the GDRP Agreement field, go ahead and click Save to save your progress so far.

Save the form

Now, we’re all set to publish your form in the next step.

Step 5: Publish Your GDPR Compliant Form

With the WPForms embed wizard, publishing your form is a breeze.

At the top of the form builder, click the Embed button.

Embed your form with the embed button

You’ll see a popup open. We’ll click Create New Page here in order to embed the form in a separate new page.

Create new contact page

And finally, let’s type in a name for your page.

All set? Click Let’s Go.

Name your contact page

WPForms will automatically create a new page. You’ll see your contact form already embedded into it.

Let’s click Publish to publish the page.

Publish contact page

And that’s it! Now you have a contact form with a GDPR agreement field.

GDPR consent form published

You can repeat the process to easily add GDPR agreement fields to any form on your website, so you can be sure they’re all compliant with the GDPR.

And that’s it! You can now easily build GDPR consent forms for your WordPress site.

FAQ on GDPR Forms and Compliance

The powerful GDPR controls in WPForms can help you comply with privacy laws in different ways. In this section, we’ll look at the advanced settings in the plugin.

How to disable user agent and IP address tracking in a specific form?

WPForms allows you to disable user agent and IP address storage on a form-by-form basis. To disable it in a specific form, go to Settings » General in your form builder.

Scroll down to the bottom of the General settings and expand the Advanced section. Here, you can click on the Disable storing user details (IP address and user agent) toggle button to stop your form from storing these details.

Disable storing user details settings

How can I handle personal data erasure requests in WPForms?

Under GDPR, users have a right to ask for their personal data to be deleted. It’s a good idea to create a separate form on your site designed specifically to let users submit data deletion requests.

To delete an entry go to WPForms » Entries and select the form you need.

Then, simply look for the entry you wish to delete either manually or by using the search box.

For example, you can select Name in the dropdown and type in the user’s name to find all of their entries.

When you click Search, WPForms will show all of the matching entries. Select each entry, then click the Bulk Actions dropdown and click Delete.

Delete entries

Repeat these steps with each form on your website.

Here are 2 things to keep in mind if you get ‘right to be forgotten’ requests:

  • In WPForms, entry deletion is permanent. Once you delete form entries, they can’t be recovered unless you have website backups. However, you can move an entry to “Trash” which allows you to either restore them or permanently delete them later.
  • You don’t usually need to delete personal data from backups. Most backup plugins will overwrite your old backups automatically over a few days or weeks.

How to disable entries from storing in a form?

Entry storage is a super helpful way to review, manage, and organize form entries from your site. Most people find this helps to keep track of entries, so we recommend keeping it switched on.

However, disabling entry storage can be helpful if you don’t want to store any visitor information at all. You don’t have to worry about user consent if you’re not storing entries at all.

To do that, open up your form and click Settings on the left of the form builder. Scroll all the way down to the Advanced section and check the Disable storing entry information in WordPress box.

Disabling entry storage might reduce the risk of a personal data breach. At the same time, keep in mind that you’ll only be able to receive form responses via email.

Create Your GDPR Consent Form Now

Next, Export Your Form Entries

Do you want to export your form entries? Maybe you need to use them in a different platform, or analyze your data in different ways.

With WPForms, it’s easy to export form entries to CSV. That way, you can easily archive the data if you need to.

Don’t forget to make your waiver forms too. We published a tutorial on making an online model release form that you can use for inspiration.

Ready to build your GDPR compliant form? Get started today with the easiest WordPress form builder plugin. WPForms Pro includes lots of free templates and offers a 14-day money-back guarantee.

If this article helped you out, please follow us on Facebook and Twitter for more free WordPress tutorials and guides.

Using WordPress and want to get WPForms for free?

Enter the URL to your WordPress website to install.

Comments

  1. I follow these steps but get the error: “Something went wrong while saving the form. Please reload the page and try again. Please contact the plugin support team if this behavior persists.”, I tried many times but nothing changed.

    1. Hi Simona- I am sorry to hear about that!

      Essentially, the AJAX script (which allows the form to save without refreshing the page) is not being allowed to load. This almost always stems from a file permissions issue. If you contact your host and ask them to reset file permissions, this should start working properly.

      If you have a WPForms license, you have access to our email support, so please submit a support ticket. Otherwise, we provide limited complimentary support in the WPForms Lite WordPress.org support forum.

      Thanks 🙂

  2. Hi,
    i need to know if it can change the opacity for the submit button when the user accept the gdpr agreement, like a “you can just now send the inquiry or contact form”

    I hope was clear my consult
    Thanks

    1. Hi Daniel! I apologize if I may have misunderstood your request, but it seems like you’re looking to style the submit button, but you want the form to only be able to submit after the user has accepted the GDPR agreement.

      Styling the submit button by changing its opacity wouldn’t provide the kind of logic that you’re looking for. Please take a look at this Developer’s Documentation guide instead, it provides some information and code that would allow you to apply conditional logic to the submit button.

      Also, in case it helps, we have a guide on how to style WPForms with CSS here.

      I hope this helps 🙂 If you have any further questions about this, please contact us if you have an active subscription. If you do not, don’t hesitate to drop us some questions in our support forums.

  3. Hello, thanks for the tutorial, it’s great. But the text looks weird if it’s placed above the submit button. Is it possible to somehow move it under the button or put it next to it? Thanks for the information.

    1. Hey Lucy,

      I apologize, we currently don’t have the inbuilt feature to move the GDPR agreement checkbox and place it alongside or under the Submit button. I do agree this would be helpful, and I’ll add this to the feature request tracker so that it’s on the radar of our developers. In the meantime, you can try using some custom CSS to make the changes that you’re looking for:

      div#wpforms-561-field_3-container {
      position: absolute;
      right: 300px; /* Please adjust the values as per your requirement */
      }
      form#wpforms-form-561 .wpforms-submit-container {float: left !important;}

      In the above code, please be sure to replace the form and field ID.

      I hope this helps 🙂 If you have any further questions, please contact us if you have an active subscription.

  4. Hi, it worked out for me. Thanks a lot. But still one Question: How can i change the color of the Text in The Agreement ” I consent to having this website…..”. It is now black and my background is dark too, so its hard to read. I want the color white. I changed already the Color of the Titels from the Form (Name, E-Mail, Your Message… etc.) but cant find a solution for the Text in this Agreement Box.

    Thanks
    Regards
    Haluk

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

This form is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.