Webflow adapter: purchase to production
Use this guide after payment to move from `platform-cookie-core.zip` to a validated Webflow production rollout.
- • Download `platform-cookie-core.zip` from the customer downloads area.
- • Register the production Webflow hostname in billing before publish.
- • Host `packages/adapters/webflow/assets/` and `packages/core/dist/` on a public asset domain.
- • Paste the head and footer snippets into Webflow custom code settings.
- • Publish, then test banner, settings reopen, licensing response, and policy page audit.
Prepare the ZIP contents
Extract the package and keep the file names unchanged. The Webflow snippets assume the exact asset names from the package.
Code snippet
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.htmlHost the adapter files
Upload the Webflow assets and the shared core files to a public CDN or asset path you control. Replace every placeholder URL in the snippets with these final public URLs.
- • Keep one consistent asset root for Webflow.
- • Do not rename `webflow-bootstrap.js` or `webflow-loader.js`.
- • Use HTTPS URLs only.
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.cssRegister the live hostname in billing
Before you publish, add the production Webflow hostname in Cookiezy billing. The runtime verification endpoint must return `allowed: true` for the site to operate in normal mode.
Code snippet
POST /api/licensing/verify
{
"siteKey": "<your site key>",
"hostname": "www.example.com",
"adapter": "webflow"
}Paste the Webflow custom code snippets
Put `global-head-snippet.html` into `Inside <head>` and `global-footer-snippet.html` into `Before </body>` in Webflow project settings. Replace the placeholder URLs, policy route, site key, and verify endpoint.
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",
policyUrl: "/en/cookie-policy",
siteKey: "pk_live_cookiezy_demo",
verifyUrl: "https://cookiezy.com/api/licensing/verify",
webflow: {
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 audit block and test
Insert `policy-page-embed.html` into a Webflow Embed component on the cookie policy page, publish the site, then test a fresh session end-to-end.
- • First visit shows the banner.
- • Reject optional keeps optional tools blocked.
- • Accept all updates the consent state.
- • Footer settings link reopens the modal.
- • Policy page audit renders and re-scan works.
- • Verification endpoint returns `allowed: true` on the live hostname.