Install Consentics on Webflow

Webflow has a dedicated Head Code field built for exactly this: site-wide script tags that need to load before your page renders.

Custom code requires a paid Webflow site plan. It isn't available on Webflow's free Starter plan, so if you're building on a free workspace, you'll need to upgrade the specific site before you can install Consentics this way.

You'll need edit access to Project Settings (called Site Settings on some Webflow accounts).

1. Go to your Consentics install page (Account, Properties, your site, Install) and copy your snippet. See the install basics for why you should copy it from there rather than reusing an example.
2. In the Webflow Designer, open Project Settings (or Site Settings), then go to Custom Code.
3. Paste your Consentics snippet into the Head Code field.
4. Save your changes.
5. Publish your site. This is the step people miss: custom code in Webflow never appears in the Designer preview and does nothing until you publish. Click Publish and select your live domain.
6. Go back to your Consentics install page and check the waiting-for-first-event status. It turns green once Consentics receives your first page view from the published site.

Webflow doesn't ship a native cookie or consent banner of its own, so there's no conflicting banner to turn off here. If you've previously added a different consent tool's script to Head Code, remove it before adding the Consentics snippet: running two consent banners at once produces conflicting consent records for the same visitor.

I published but I still don't see the banner. Custom code changes only take effect after a full publish, not autosave. Check the Publish confirmation actually completed, then hard-refresh your live site (not the Designer preview, which never runs custom code).

Does this need to go in Head Code or Footer Code? Head Code. The snippet is designed to load early, and Webflow's Footer Code field runs at the end of the page instead.

Will this affect my Webflow page speed score? The script loads asynchronously and won't block your page's initial render. Webflow's in-Designer performance panel measures the published site, so you'll see it reflected there rather than in the editor.