Cookie Consent for Webflow
Deploy Cookiezy on Webflow with the actual adapter files shipped in the package. The Webflow flow uses a bootstrap script in the head, a loader in the footer, shared core assets, and an optional policy page embed for the cookie audit.
Built for Webflow teams that want compliance, speed, and cleaner implementation.
Cookie banner preview
Lightweight. Fast. Clear by default.
Cookie consent. Done easy.
Lightweight consent that keeps your site fast and your data intact.
What you receive in the Webflow ZIP
After payment you download `platform-cookie-core.zip`. For Webflow you use the adapter files from `packages/adapters/webflow/` plus the shared core files from `packages/core/dist/`.
- • `packages/adapters/webflow/assets/webflow-bootstrap.js`
- • `packages/adapters/webflow/assets/webflow-loader.js`
- • `packages/core/dist/cookie-consent.js`
- • `packages/core/dist/cookie-consent-ui.js`
- • `packages/core/dist/cookie-consent-scanner.js`
- • `packages/core/dist/cookie-consent.css`
- • `packages/adapters/webflow/embeds/global-head-snippet.html`
- • `packages/adapters/webflow/embeds/global-footer-snippet.html`
- • `packages/adapters/webflow/embeds/policy-page-embed.html`
Upload the Webflow adapter and shared core assets
Extract `platform-cookie-core.zip` and upload the Webflow assets plus the shared core files to a public CDN or asset host. Keep the file names intact because the Webflow adapter config points to these exact URLs.
- • Upload `webflow-bootstrap.js` and `webflow-loader.js` from `packages/adapters/webflow/assets/`
- • Upload `cookie-consent.js`, `cookie-consent-ui.js`, `cookie-consent-scanner.js`, and `cookie-consent.css` from `packages/core/dist/`
- • Copy the public URLs because you will paste them into Webflow project settings
Code snippet
https://assets.cookiezy.com/webflow/webflow-bootstrap.js
https://assets.cookiezy.com/webflow/webflow-loader.js
https://assets.cookiezy.com/webflow/cookie-consent.js
https://assets.cookiezy.com/webflow/cookie-consent-ui.js
https://assets.cookiezy.com/webflow/cookie-consent-scanner.js
https://assets.cookiezy.com/webflow/cookie-consent.cssPaste the real head and footer snippets into Webflow custom code
Open Webflow project settings. Put the head snippet from `packages/adapters/webflow/embeds/global-head-snippet.html` into `Inside <head>` and the footer snippet from `global-footer-snippet.html` into `Before </body>`. Replace the placeholder asset URLs with your own hosted files.
Code snippet
<link rel="stylesheet" href="https://assets.cookiezy.com/webflow/cookie-consent.css">
<script src="https://assets.cookiezy.com/webflow/webflow-bootstrap.js" defer></script>
<script>
window.CookiezyWebflowAdapterConfig = {
locale: "en",
storageKey: "webflow_cookie_consent_v1",
policyUrl: "/en/cookie-policy",
theme: {
layout: "bottom-right",
themeClass: ""
},
texts: {},
webflow: {
observeMutations: false,
assets: {
coreUrl: "https://assets.cookiezy.com/webflow/cookie-consent.js",
uiUrl: "https://assets.cookiezy.com/webflow/cookie-consent-ui.js",
scannerUrl: "https://assets.cookiezy.com/webflow/cookie-consent-scanner.js"
}
}
};
</script>
<script src="https://assets.cookiezy.com/webflow/webflow-loader.js" defer></script>Add the policy page embed and validate the full flow
Create or open your Webflow cookie policy page and paste the markup from `packages/adapters/webflow/embeds/policy-page-embed.html` into an Embed component. Publish the site, then test the banner, settings reopen flow, and cookie audit in a clean browser session.
- • Publish the site and confirm the banner appears on first visit
- • Use Reject optional and verify optional tools stay blocked
- • Open `/en/cookie-policy` and confirm the audit block renders
- • Click your footer settings link and make sure the modal reopens
Webflow consent features that match real production needs
Built for high-conversion Webflow sites that still need privacy controls and data quality.
Custom code friendly
Works with Webflow's head, footer, and embed areas without introducing a bloated dependency chain.
Consent-aware loading
The adapter loads shared consent, UI, and scanner assets only when the Webflow bootstrap config is in place.
Policy page support
Use the included `policy-page-embed.html` file to add a live cookie audit section to your policy page.
Multi-language ready
A strong fit for Webflow projects with locale-specific pages and folder-based routing.
Webflow cookie consent FAQ
Short answers to the questions teams ask before implementing consent on Webflow.
Which ZIP should I use for Webflow?
Use `platform-cookie-core.zip` and take the Webflow-specific files from `packages/adapters/webflow/` together with the shared core assets from `packages/core/dist/`.
Do I need both the head snippet and the footer snippet?
Yes. The Webflow adapter expects the bootstrap configuration in the head and the `webflow-loader.js` script in the footer.
How do I add the cookie audit to my policy page?
Paste the contents of `packages/adapters/webflow/embeds/policy-page-embed.html` into a Webflow Embed element on your cookie policy page.
Can visitors reopen cookie settings later?
Yes. Cookiezy supports a settings re-open flow from the footer or another persistent UI entry.