Integrate Consent Pro for consent management

Updated

Use Consent Pro to manage site tracking consent.

Consent Pro integrates directly with Webflow and provides a solution to manage consent tracking and give site visitors the option to opt in or out of site tracking.

Install and authorize Consent Pro

To get started with the Consent Pro App:

  1. Visit the Consent Pro detail page
  2. Click Add to site
  3. Choose the Webflow site you want to connect to the Consent Pro App
  4. Click Authorize App

Once you’ve successfully installed the App, you can launch it in Webflow:

  1. Open the Apps panel
  2. Hover over the Consent Pro App
  3. Click Launch

Learn more about using Apps in the Designer.

Implement Consent Pro

Once you’ve installed the Consent Pro App, you’ll need to implement Cookie Consent.

When tracking default is set to Let visitors opt out

To implement Consent Pro when the tracking default is set to Let visitors opt out:

  1. Launch the Consent Pro App
  2. Choose Full from the Setup dropdown
  3. Choose Opt-out from the Mode dropdown
  4. (Optional) Choose which categories to show in your consent banner
  5. (Optional) Toggle Store consents to on
  6. Select the Body element or a div block
  7. Click Create cookie consent

When tracking default is set to Don’t track by default

To implement Consent Pro when the tracking default is set to Don’t track by default:

  1. Launch the Consent Pro App
  2. Click New component
  3. Click Builder
  4. Click Cookie Consent
  5. Choose Full from the Setup dropdown
  6. Choose Opt-in from the Mode dropdown
  7. (Optional) Choose which categories to show in your consent banner
  8. (Optional) Toggle Store consents to on
  9. Select the Body element or a div block
  10. Click Create Cookie Consent

Test Consent Pro and Insights on your site

To confirm Consent Pro was correctly integrated with Webflow Insights (i.e., Analyze & Optimize):

  1. Publish your site
  2. Launch the Consent Pro App
  3. Choose Full from the Setup dropdown
  4. Go to the Scripts tab
  5. Click Rescan project

If the tab displays a Webflow Insights is correctly implemented message, Consent Pro was correctly implemented and should work as expected. If the tab instead displays an error message, review your Insights settings and Consent Pro configuration, then go to the Scripts tab and click Rescan project. Make sure to republish your site after making any changes to your Insights (i.e., Analyze & Optimize) and/or Consent Pro settings.

FAQ

How does the Consent Pro App work?

The Consent Pro App is free to use on staging .webflow.io URLs. If you want to use Consent Pro on your custom domain, you’ll need an active Finsweet plan. Finsweet’s Subscriptions and Project Lifetime plans are per site — that is, each site that uses Consent Pro in production requires an active plan.

I implemented the integration as suggested, but the Scripts tab still shows an error message.

The Consent ProApp is based on your published site. If you’ve made any changes to your Insights (i.e., Analyze & Optimize) and/or Consent Pro settings, publish your site, then go to the Scripts tab and click Rescan project.

I published the site, but the Cookie Consent banner isn’t displaying on my custom domain.

You need a paid Finsweet plan or subscription to use the Consent Pro banner on your custom domain.