Easy Tech Tuts
Webflow

How to Add Cookie Consent Popup in Webflow Easily 2026

By Impran M NLast checked against official docs

Webflow doesn't ship a compliant cookie banner out of the box, so the popup has to come from somewhere: hand-built containers and interactions, custom code pointed at a third-party consent platform, or a purpose-built app from Webflow's own Apps panel. This guide covers the third route, using the Cookie Consent app from the Designer, since it handles the banner, the accept and settings buttons, and the region logic without you writing any interaction logic yourself. It walks through finding the app, what its listing tells you before you install it, and the settings panel where you configure where the popup shows and how consent data is stored.

01Open the Apps panel in the Designer

Inside the Webflow Designer, the left-hand rail has an Apps icon that opens a searchable panel of installable extensions, separate from the elements and layers panels used for regular page building. A New & Noteworthy section surfaces apps like HubSpot, Google Ads for Webflow, and consent-management tools including OneTrust and Cookie Consent, so this is the natural starting point instead of assembling compliance logic by hand.

The Apps panel in the Webflow Designer, listing installable extensions including several cookie and consent-management tools.
The Apps panel in the Webflow Designer, listing installable extensions including several cookie and consent-management tools.

Searching "cookie" surfaces several dedicated apps: Cookie Consent, Cookie Consent Hub, Flowstar GDPR Cookie Consent and others. The one used here is published by FlowAppz.

Clicking it opens a detail view with preview screenshots of the popup, an Install on site button, a like count, and a written breakdown of what it does. Its App permissions list is specific: read and write custom code, read and write page data, read and write site data and publishing, and read information about authorized users.

That's a wider scope than a purely visual element needs, because the app has to inject a script across your published site, not just style a div. Reading this panel before installing tells you exactly what the app can touch in your project.

The Cookie Consent app's detail panel, showing its preview screenshots, key features, and the access permissions it requests.
The Cookie Consent app's detail panel, showing its preview screenshots, key features, and the access permissions it requests.

03Install it onto your site

Clicking Install on site adds the app to the current Webflow project. Unlike a purely visual element you'd drag onto the canvas, this app comes with its own configuration surface. You're installing a small piece of functionality plus a UI to control it, not just a styled element.

04Open the app's settings panel

Once installed, the Cookie Consent app opens its own dialog directly over your page canvas, with tabs across the top for Settings, Scripts, Templates, License, Help and Feedback. The Settings tab is where the real configuration happens: a Consent Storing Endpoint field for where consent data gets saved, a Consent Webhook Endpoint for real-time updates to your own server, and a Choose Regions to Show Popup field defaulting to Global.

The Cookie Consent app's Settings tab, with fields for a storing endpoint, a webhook endpoint, and the regions where the popup should appear.
The Cookie Consent app's Settings tab, with fields for a storing endpoint, a webhook endpoint, and the regions where the popup should appear.

05Activate the license before you rely on Save settings

A notice inside the settings panel warns that you need to activate the license before Save settings takes effect. The fields can be filled in regardless, but without an active license the configuration won't persist. Check this before spending time on endpoints and region rules, since a free or trial install may only let you preview the app instead of save a working configuration.

06Choose which regions see the popup, then publish and verify

The Choose Regions to Show Popup field lets you scope the banner instead of showing it to every visitor worldwide, useful if your compliance obligations are regional, such as GDPR for EU visitors, instead of global. Leaving it on Global is the safer starting point if you're unsure which regions legally require it for your traffic.

After saving with an active license, publish the site and load it in a fresh or private browser session to confirm the popup appears for a new visitor and that accepting it doesn't reappear on a repeat visit. Testing from a clean session matters, since your own browser may already hold a stored consent choice from earlier testing.

When it doesn't work

Settings won't save no matter what you enter in the endpoints or region fields

Why: The app's license isn't activated yet. The settings panel accepts input either way but silently drops it on save without an active license.

Fix: Open the License tab and activate it before configuring endpoints or regions.

The popup doesn't show up when you check your own published site

Why: Your browser already holds a stored consent choice from an earlier test, so the app correctly treats you as a returning visitor who already responded.

Fix: Load the site in a fresh or private browser window, or clear the site's stored consent data, before checking again.

The app's permission request looks broader than a popup should need

Why: A consent banner that blocks other scripts and stores a record of the choice needs to write custom code and touch site data and publishing, not just render a visual element.

Fix: This is standard for consent-management apps generally, not unique to this one. Read the App permissions panel before installing if the scope concerns you, and compare it against another app's listing if you want a second opinion.

FAQ

Frequently asked questions

Does Webflow have a built-in cookie consent banner?

No. Webflow doesn't ship a GDPR-compliant cookie banner on its own, which is why this task routes through either the Apps panel's Cookie Consent app or custom code pointed at a third-party consent platform.

Where do I configure the cookie banner after installing the app?

The app opens its own Settings panel with fields for a consent storing endpoint, a webhook endpoint, and which regions the popup should appear in.

Why won't my settings save after I configure the app?

The settings panel shows a notice that you need to activate the license before Save settings persists your configuration. Check that first if changes aren't sticking.

Can I limit the cookie popup to specific regions?

Yes. The Choose Regions to Show Popup field lets you scope the banner instead of showing it globally, useful if only certain regions require it for your traffic.

How do I know the banner is working after I publish?

Load the published site in a fresh or private browser session, since your own browser may already have a stored consent choice from earlier testing that hides the banner.

Sources and last check

Click path and screens come from the original walkthrough. The claim that Webflow has no native GDPR-compliant cookie banner, and the app's publisher, feature list and permissions, were re-checked against Webflow's own Apps & Integrations listing for Cookie Consent in September 2026. The license-gates-saving behaviour and the exact field defaults are as shown in the recording and were not independently re-verified beyond that, since they describe in-app UI state instead of published documentation.

About the author

Impran M N
Written by

Impran M N

I've been hooked on technology for as long as I can remember — especially the new tools and AI apps that seem to land every other week. Easy Tech Tuts is where I write up whatever I've just worked out: I do the task in the real product, record the screen, and turn it into the guide I wish I'd found first.