Embed on Webflow

Requirements

Webflow Core, Growth, Agency, or Freelancer workspace plan (Code Embeds require a paid plan; free Webflow sites can't use code embeds)
Your event must be published in Equaticket

If you're on a free Webflow plan, upgrade to a paid workspace or use a different embedding method.

Steps

Step 1: Get Your Embed Code

Log into your Equaticket dashboard
Go to your event
Click Share & Embed
Choose the Embed Script (recommended) or Direct Iframe
Click Copy

Step 2: Add a Code Embed

In the Webflow Designer, click + (Add) in the left panel
Search for Code Embed and drag it to your canvas
Double-click the Code Embed to open the code editor
Paste your Equaticket embed code

Step 3: Verify and Publish

Click Save & Close
The preview may show blank (this is normal in the Webflow designer)
Publish your site
Check the published site — the widget should be visible

Important Notes

Do not wrap the code in HTML tags:

The code should start with <iframe> or <div> — not with <html>, <body>, or <head> tags. Wrapping it in these tags will break your page layout.

Correct:

<iframe src="https://equaticket.com/embed/..." ></iframe>
<script src="https://equaticket.com/embed.js" async></script>

Incorrect:

<html>
  <body>
    <iframe src="https://equaticket.com/embed/..."></iframe>
  </body>
</html>

Preview vs. Published:

The Code Embed may render as blank in the Webflow Designer preview. This is normal. Always check the published live site to verify it's working.

Auto-resize works on Webflow:

If using the Embed Script, the auto-resize functionality works normally on Webflow (no sandboxing). The widget adjusts height automatically.

If using the Direct Iframe, you can set a fixed height or let it use the default.

Troubleshooting

"Code Embed not available"

You're likely on a free Webflow plan. Code Embeds require a paid workspace plan. Upgrade to at least the Core plan.

Widget is blank on the published site

Check that your event is published in Equaticket
Verify you didn't wrap the code in <html>, <body>, or <head> tags
Try hard-refreshing (Cmd+Shift+R on Mac, Ctrl+Shift+R on Windows)
Check your browser console (F12) for errors

Widget is cut off

If using the Direct Iframe method, increase the height value:

<iframe
  src="https://equaticket.com/embed/..."
  height="700"
  ...
></iframe>

If using the Embed Script, it should resize automatically. If it's still cut off, try increasing the default height in the code snippet.

The 50,000 character limit

Code Embeds in Webflow have a 50,000 character limit. Equaticket embed code is well under this limit, so you won't hit this limit.

Still need help? Contact support.