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 Framer

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

Open the OptinStack plugin in your Framer project to configure and preview the Consent banner. Then put the two-tag install at Start of head and publish. Framer plugins open immediately; they do not need a separate install step.

Opening the plugin is not an install. The published site needs both tags at Start of head. From Implementation, Install automatically adds them there. You still need to publish.

Before you start

  1. Register the Framer hostname you will publish to (development or production).
  2. Have access to Project Settings → Custom Code for that project.

Framer documents how to open plugins from Community and from Quick Actions in Using plugins.

Install

  1. Open OptinStack from the Framer Marketplace, choose Open Plugin, then select the project. You can also open it from Quick Actions in the project.
  2. In Implementation, select Install automatically. That adds both tags at Start of head. Site ID and runtime version are already filled in.
  3. Publish the site to the hostname you registered in OptinStack.
  4. Return to Implementation and verify until status is Installed.

Manual install

Use this if you prefer to paste the snippet yourself instead of Install automatically.

  1. Copy the generated two-tag install. Site ID and runtime version are already filled in.
  2. Open Project Settings → Custom Code and select Add Script.
  3. Paste both tags and choose Start of head: bootstrap first, then runtime. Do not add async or defer.
  4. Save, then publish your site.

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

Closing the plugin does not remove Custom Code. OptinStack tags stay at Start of head until you disable or delete them, then publish.

  1. Open Project Settings → Custom Code.
  2. Disable or delete the OptinStack scripts at Start of head: the bootstrap.js tag and the optinstack.js runtime tag.
  3. 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 Webflow

Step-by-step Webflow Head-code 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?