Consent form as a modal

A modal consent form is a large pop-up that is displayed in the middle of the screen asking for consent to data collection and usage. Depending on what types of tags you’re using, the consent will have a number of consent types. For example, analytics, conversion tracking, remarketing, and more.

For a modal consent form, you can set four forms: a consent form, consent form — single tag type, consent form — success note, and consent form — failure note. In this article, we’ll show you how.

Before you start

Here are some things to know, before you begin working with consent forms:

  • A pop-up will be displayed only when Consent Manager is turned on, you have at least one tracking tag published, and a visitor enters your website for the first time.
  • A pop-up will show consents that relate to tag types you’ve set in Tag Manager .
  • When you publish a tag with a type that you haven’t collected consent for yet, the pop-up will be displayed to all visitors and will ask for this consent type.
  • You can add and change the language of the form.

A consent form template is a basic template used when you run multiple tag types requiring specific consent. For example, if you’re collecting data with Analytics and use a Facebook pixel tag for remarking, you can use this consent form with two types of consents — analytics and remarketing.

Consent form as a modal (pop-up).

To edit the consent form template, follow these steps:

  1. Go to Menu > Consent Manager.
  2. From the website picker, choose the website you want to work with.
  3. Navigate to Consent templates.
  4. From the drop-down, pick Consent form as a modal.
  5. Consent form as a modal in Consent Manager.
  6. Click Edit template of the consent form.
  7. Edit consent form as a modal in Consent Manager.
  8. Click an element of the form you want to change and edit it.
  9. Tip: In the editor, you will see all types of consents. You can change their names, but you can’t remove them from the template. They will show up on your website only if you are running a tag with a corresponding consent type.

  10. When you’re done, click Save.

When you run only one tag type, you can use a simpler version of a modal consent form — the single tag type consent form. This form will show a short text and buttons to agree or disagree for consent. In most cases, you would use it when you track only analytics data and don’t do any remarketing, conversion tracking, or A/B testing on your website.

To edit the consent form template, follow these steps:

  1. Go to Menu > Consent Manager.
  2. From the website picker, choose the website you want to work with.
  3. Navigate to Consent templates.
  4. From the drop-down, pick Consent form as a modal.
  5. Click Edit template of the consent form.
  6. Edit consent form as a modal in Consent Manager.
  7. Click an element of the form you want to change and edit it.
  8. When done, click Save.
  9. Mark Show single type consent for only for and select the type of consent. In most cases, that will be analytics.
Show single type consent for only for analytics.

A success note is a pop-up that shows up once a visitor makes a decision about data collection and usage. It will show up for visitors who agreed, partially agreed, and disagreed to data collection and usage. The success note is an optional pop-up that you can turn on or off.

To edit the success note template, follow these steps:

  1. Go to Menu > Consent Manager.
  2. From the website picker, choose the website you want to work with.
  3. Navigate to Consent templates.
  4. From the drop-down, pick Consent form as a modal.
  5. Click Edit template of the success note.
  6. Edit consent form as a modal in Consent Manager.
  7. Click an element of the form you want to change and edit it.
  8. When done, click Save.
  9. Mark Show success note after consent decision. If at any point you’ll need to turn the success note off, unmark this option.
Show success note after consent decision.

A failure note is a pop-up that shows up when there is a problem with saving the choices a visitor makes in the consent form. In most cases, this note appears when there are disruptions with an internet connection.

To edit the failure note template, follow these steps:

  1. Go to Menu > Consent Manager.
  2. From the website picker, choose the website you want to work with.
  3. Navigate to Consent templates.
  4. From the drop-down, pick Consent form as a modal.
  5. Click Edit template of the failure note.
  6. Edit template for a failure note in Consent Manager.
  7. Click an element of the form you want to change and edit it.
  8. When done, click Save.

When everything is set up and you’re happy with how it looks like, you need to activate the modal consent form.

To activate a modal consent form, follow these steps:

  1. Go to Menu > Consent Manager.
  2. Navigate to Consent templates.
  3. From the drop-down, select the Consent form as a modal.
  4. Click Activate this consent form type.

Once you activate the form, it will be life for visitors. In addition to a modal consent form, you can set up the reminder widget and privacy policy page widgets.

Was this article helpful?

Be the first to rate this article.

Technical Support

If you have any questions, drop us a line at support_SPC@piwik_SPC.pro.

We’re happy to help!