# Embed in Framer, Webflow, and Next.js

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

Author: OptinStack Team  
Published: 2026-06-28  
Page: https://community.optinstack.com/articles/embed-in-framer-webflow-and-nextjs  
Markdown: https://community.optinstack.com/llms.md/articles/embed-in-framer-webflow-and-nextjs

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\.

> **Tip:** 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\.

### Does the Webflow or Framer plugin inject the runtime automatically?

No. Plugins help configuration and preview. You must install the runtime snippet on the published site for live enforcement.

### Can I start on a development hostname?

Yes. A Webflow or Framer development hostname can carry Free or paid coverage. Move the assignment once to the verified public production hostname when it is ready.