Privado Cookie Consent

How to integrate Privado Cookie Consent with Webflow

Privado Cookie Consent helps you meet GDPR and CCPA requirements by blocking tracking scripts until users provide consent. The platform scans your site to identify cookies, categorizes them by type, and gives visitors granular control over what data they share. You maintain design control while staying compliant with privacy regulations.

Integrate Privado with Webflow by embedding the consent script in your site's custom code, adding cookie preference controls to footers or privacy pages, and displaying automated cookie tables that update as you add tracking tools.

All methods work through Privado's JavaScript integration without requiring backend infrastructure.

Embed the Privado consent script

Implement Privado Cookie Consent by embedding a JavaScript snippet in your Webflow site's custom code section.

Note: To access custom code features, you need a paid Webflow plan (Basic or higher).

First, copy your script tag from the Privado dashboard and place it in your Webflow site's head tag. The script handles consent banner display, user preference storage, and cookie blocking based on your dashboard configuration.

Place the Privado script as the first element in your site's custom code head section through Site settings > Custom code > Head code. The script must load before any third-party tracking tools to properly enforce cookie blocking.

For sites with complex tracking implementations, you may need to manually block specific scripts using the type="javascript/privado-block" attribute.

Key capabilities include:

• Automated cookie discovery and classification through Privado's Web Auditor that scans your site and categorizes cookies into Necessary, Functional, Analytics, and Marketing categories
• Consent banner customization through the Privado dashboard that controls text, colors, button labels, and positioning without code changes
• Script blocking enforcement that prevents third-party cookies and tracking scripts from loading until users provide consent

Add cookie preference controls

You can add controls that let visitors update their cookie preferences after the initial decision. These UI components integrate with the core Privado script to provide ongoing consent management.

Add the following cookie settings button code to your site footer or privacy policy page using a button element:

<button id="privado-changepreferences">Cookie Settings</button>

You can implement this through:

• Code Embed element for adding an HTML embed component to any page with the button code
• Custom code in page settings for page-specific implementations
• Webflow button element for setting the ID attribute to privado-changepreferences in the element settings panel

When clicked, this button reopens the consent modal so users can modify their original choices. The Privado script saves updated preferences and adjusts cookie blocking accordingly.

Display cookie tables on privacy pages

Privacy policies often require detailed lists of cookies your site uses. Privado generates and maintains these tables based on real-time cookie scanning results.

Add a cookie table to a Code Embed element on your privacy policy page using a div element with the ID privado-cookie-table like so:

<div id="privado-cookie-table"></div>

The Privado script populates this container with a formatted table showing:

• Cookie names and domains
• Cookie categories (Necessary, Functional, Analytics, Marketing)
• Purpose descriptions
• Expiration periods
• Data processing companies

The table reflects cookies detected by Privado's scanning infrastructure.

You can style the container using Webflow's class system to match your site design. The table inherits typography and color styles from your stylesheet.

What you can build

Integrating Privado Cookie Consent with Webflow enables compliant data collection workflows and transparent privacy experiences that meet regulatory requirements while maintaining design control.

• GDPR-compliant marketing sites: Build landing pages with consent banners that block Google Analytics and Facebook Pixel until users opt in to marketing cookies.
• Multi-region compliance hubs: Create privacy policy pages that update cookie tables as you add tracking tools, with consent flows for EU visitors under GDPR and California visitors under CCPA.
• Product documentation sites with analytics: Deploy documentation sites that respect user privacy preferences across sessions, storing consent choices locally and blocking analytics tools like Hotjar or Mixpanel until users approve functional cookies.
• Client portfolio sites with preference controls: Design agency portfolios with footer-embedded cookie preference buttons that let visitors modify tracking decisions without navigating to separate settings pages.