Embedding by platform

Step-by-step embed instructions for Webflow, Framer, WordPress, Shopify, Squarespace, Carrd, and Notion.

The script-tag embed from the Embed tab works on every platform that allows custom HTML. Here’s exactly where to paste it for the most common hosts.

Webflow

  1. Drag an Embed element onto the page where the form should appear.
  2. Paste the script-tag snippet into the embed’s HTML field.
  3. Save and publish — the form renders on the live site.

For a site-wide installation (e.g., a docked widget on every page), paste the snippet into Project Settings → Custom Code → Footer Code instead.

Framer

  1. In the canvas, click Insert → Embed.
  2. Paste the snippet into the HTML input.
  3. Resize the embed frame to fit the form.

For the full-width form, set the embed’s width to Fill in the right panel.

WordPress

Block editor (Gutenberg)

  1. Add a Custom HTML block where you want the form.
  2. Paste the snippet.
  3. Update the post.

Classic editor / Elementor

Use the HTML widget (Elementor) or switch to the Text tab (Classic editor) and paste the snippet.

Note: some WordPress hosts strip <script> tags from posts. If the form doesn’t appear, install the Insert Headers and Footers plugin and add the snippet to the footer.

Shopify

  1. Online Store → Themes → Customize.
  2. Add a Custom Liquid section to the page.
  3. Paste the script-tag snippet.

For the popup widget on every page, paste it into theme.liquid just before </body>.

Squarespace

  1. Edit the page and add a Code block.
  2. Paste the script-tag snippet.
  3. Save.

Squarespace’s Personal plan blocks the Code block — you need Business or higher.

Carrd

  1. In the editor, add an Embed element.
  2. Choose Code type.
  3. Paste the snippet.

Notion

Notion’s HTML embed support is limited — <script> tags don’t run inside Notion pages. Use the hosted page URL instead and embed it via Notion’s “Embed” block, which renders an iframe.

Bubble

  1. Add an HTML element to the page.
  2. Paste the snippet into the element’s HTML field.
  3. Set the element’s height to fit the form (typically 400–500px).

Plain HTML / React / any framework

The script-tag snippet works in any HTML page. For React/Next.js apps where you control the build, the React component variant is cleaner — see Embedding a campaign.

If the form doesn’t appear

  1. Open browser devtools → Console and look for errors. The most common issue is a Content Security Policy (CSP) blocking app.sjocamp.co. Add it to your CSP’s script-src and connect-src.
  2. Confirm the data-campaign-id matches the ID shown in your Embed tab.
  3. If your platform strips script tags, fall back to the iframe embed.

More fixes in Troubleshooting.