Skip to content
ptinStack
Community
Implementation

Embed in Framer, Webflow, and Next.js

By OptinStack Team - Jun 28, 2026 - 2 min read

Every platform uses the same OptinStack runtime. Designer plugins help you configure and preview; you still install the runtime snippet early in the published site head for enforcement.

Webflow

Install the OptinStack Webflow app for Designer configuration, register the development hostname, and assign Free or a paid plan. Place the runtime snippet as the first script in site head. When the verified production domain is ready, use the included one-time move.

Framer

Install the Framer plugin for canvas setup, register the development hostname, and assign Free or a paid plan. Add the runtime snippet as early as possible on the published site, then use the included one-time move after the verified production domain is ready.

Next.js and custom sites

Load the script tag first in document head (for example in a root layout) without async or defer. Place GTM and other tags after OptinStack so Consent Mode and blocking can initialize first.

Same JavaScript API everywhere: await OptinStack.ready, choices, events, and open-preferences. See docs.optinstack.com for the full reference.

Next steps

  • Copy the snippet from Implementation in the dashboard.
  • Verify the banner on a real hostname over HTTPS.
  • Run a domain scan and review tracker categories.
  • Wire GTM Consent Mode if you use Google tags.

Related articles

Getting started

Install OptinStack on your site

Add the OptinStack script tag, load it without slowing your page, and confirm the consent banner renders.

OptinStack Team · 3 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 signals, defaults, triggers, consent settings, and testing.

OptinStack Team · 7 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?