Skip to content
SpotlightStart free on every eligible hostname. Upgrade any host when you need more limits and features.Free on every eligible hostname. Upgrade when ready.Learn more
ptinStack
Community
Implementation

Install OptinStack on Webflow

By OptinStack Team - Aug 22, 2026 - 2 min read

Install OptinStack on Webflow with the same two-tag snippet used on every platform: bootstrap, then runtime, as the first entry in Site settings → Custom code → Head code. The OptinStack Webflow app configures and previews the Consent banner in Designer. It does not inject the tags for you.

Publishing Designer configuration is not an install. Webflow Custom Code APIs cannot put both tags first in head, so you paste them as the first entry in Site settings → Custom code → Head code, then publish.

Before you start

  1. Register the Webflow hostname you will publish to (development or production).
  2. Have Designer access to Site settings for that site.

Install

  1. Add OptinStack from the Webflow Marketplace, then open Implementation for the project.
  2. Copy the generated two-tag install. Site ID and runtime version are already filled in.
  3. In Webflow Designer, open Site settings → Custom code → Head code.
  4. Paste both tags as the first entry in Head code: bootstrap first, then runtime. Do not add async or defer.
  5. Select Save changes.
  6. Publish the site to the hostname you registered in OptinStack.
  7. Return to Implementation and verify until status is Installed.

Verify on a published hostname over HTTPS in a fresh browser session. A stored consent choice hides the Consent banner until it expires or you reset it.

Uninstall OptinStack

Webflow removes custom code added by an App when you revoke it and next publish. OptinStack does not inject Head code through the Custom Code API, so those tags are not App-delivered. They stay in Site settings → Custom code → Head code until you delete them.

Revoke the App the way Webflow documents it, then delete Head code. Webflow Apps overview covers Remove app and Revoke. The Head-code steps below stop the live runtime.

Revoke the App

  1. In the Designer, open the Apps panel, select OptinStack, and choose Remove app.
  2. In Site settings → Apps & integrations, select Revoke on OptinStack. That ends Designer access for this site.
  3. If you authorized OptinStack on the Workspace, uninstall from Workspace settings → Apps & integrations. Webflow applies that revoke to every site in the Workspace.

Remove Head code

Do this even after Revoke. Publishing after Revoke does not delete user-pasted Head tags.

  1. In Webflow Designer, open Site settings → Custom code → Head code.
  2. Delete both OptinStack tags from Head code: the bootstrap.js tag and the optinstack.js runtime tag.
  3. Select Save changes, then publish your site.
  4. Return to Implementation and verify until status is Not found.

Related articles

Getting started

Install OptinStack on your site

Add the two-tag OptinStack install, load it without async or defer, and confirm the consent banner renders.

OptinStack Team · 3 min read

Implementation

Embed in Framer, Webflow, and Next.js

Install OptinStack in Framer, Webflow, and Next.js using the same runtime with platform-specific entry points.

OptinStack Team · 2 min read

Implementation

Install OptinStack on Framer

Step-by-step Framer plugin and Start-of-head install for the OptinStack two-tag snippet, plus how to uninstall without leaving the runtime on the published site.

OptinStack Team · 2 min read

Implementation

Integrate OptinStack with Google Tag Manager

Configure OptinStack with Google Tag Manager from start to finish, including the GTM template, Consent Mode v2, testing, and how to uninstall the tag, template, and head install.

OptinStack Team · 8 min read

Implementation

Block trackers before they load

How OptinStack blocks trackers before they load, how scripts are tagged to consent categories, and how to allowlist essential scripts.

OptinStack Team · 2 min read

How helpful was this article?