Skip to main contentSkip to main content
Equaticket
Sign inStart free
Events & Tickets

Embed on Framer

Last updated April 9, 20262 min read
In this article

Embed on Framer

2 min read · Events & Tickets

Embed on Framer

Requirements

  • Any Framer plan (free and paid)
  • Your event must be published in Equaticket

Method 1: Embed Component (Easiest)

Step 1: Get Your Iframe URL

  1. Log into your Equaticket dashboard
  2. Go to your event
  3. Click Share & Embed
  4. Choose Direct Iframe
  5. Copy just the src URL from inside the iframe tag (it looks like https://equaticket.com/embed/[org]/[event])

Step 2: Add an Embed Component

  1. In the Framer editor, click Insert in the top toolbar
  2. Search for Embed
  3. Drag the Embed component to your canvas
  4. In the properties panel on the right, paste your iframe URL in the URL field
  5. The preview updates immediately

Method 2: Custom Code (For Embed Script or Modal Button)

If you want to use the Embed Script (auto-resize) or Modal Button, use Custom Code instead:

Step 1: Get Your Code

  1. Go to your Equaticket dashboard
  2. Choose Embed Script or Modal Button
  3. Copy the entire code snippet

Step 2: Add to Site Settings

  1. In Framer, go to Site Settings (or Settings)
  2. Look for Custom Code or Code Injection
  3. In the End of <body> tag section, paste the <script> tag from your code
  4. Save

Step 3: Add Code Component

  1. On your page, add a Code component
  2. Paste the remaining HTML (<div> for Embed Script, <button> for Modal Button)
  3. Publish to test

Notes

Embeds may render as blank in editor:

The Framer editor often shows embeds as blank or placeholder. This is normal. Always publish and check the published live site to verify the widget is working.

Auto-resize works on Framer:

The Embed Script's auto-resize functionality works normally on Framer (no sandboxing).

Mobile responsiveness:

Framer is responsive-first, so embeds automatically adapt to mobile screens. The widget will resize based on container width.

Troubleshooting

Widget is blank on published site

  • Check that your event is published in Equaticket
  • Verify you copied the correct URL (from the Direct Iframe src attribute)
  • Try hard-refreshing (Cmd+Shift+R on Mac, Ctrl+Shift+R on Windows)

Embed component not available

Make sure you're searching for "Embed" (not "Custom Embed" or other variations). It's typically under Insert → Media.

Width looks wrong

The embed fills its parent container by default. If the container is too narrow, adjust the Embed component's width in Framer's properties panel.

Still need help? Contact support.

Still need help?

If this article didn't answer your question, our support team is here.

Contact Support

Was this article helpful?

Still need help? Contact Support

Embed on Framer — Equaticket Organizer Help