Skip to main contentSkip to main content
Equaticket
Events & Tickets

Embed on Squarespace

Last updated April 9, 20264 min read
In this article

Embed on Squarespace

4 min read · Events & Tickets

Embed on Squarespace

Requirements

  • Squarespace Business plan or higher (Code Blocks require Business or above; Personal and Professional plans don't support them)
  • Your event must be published in Equaticket

If you're on a Personal or Professional plan and want to embed tickets, you can use a "Get Tickets" button linking to your hosted event page as an alternative (details below).

Steps to Embed

Step 1: Get Your Embed Code

  1. Log into your Equaticket dashboard
  2. Go to your event
  3. Click Share & Embed
  4. Choose your preferred embed method (Embed Script is recommended)
  5. Click the Copy button to copy the code

Step 2: Add a Code Block

  1. Log into your Squarespace website and go into Edit mode
  2. Navigate to the page where you want to add tickets
  3. Click the + button to add a new block
  4. Scroll down or search for Code (not "Embed" — we need Code Block, not the Embed block)
  5. Select Code Block

Step 3: Paste the Code

  1. Click inside the Code Block that appeared
  2. Paste the code you copied from Equaticket (Cmd+V on Mac, Ctrl+V on Windows)
  3. Click Apply

The code is now pasted into your page.

Step 4: Position and Save

  1. Drag the Code Block to position it where you want on your page
  2. Click Save at the top

Important: Preview Won't Show the Widget

Squarespace does not render Code Blocks in the editor preview for security reasons. You'll see a blank space while you're editing. This is normal and expected.

To verify the embed is working:

  1. After saving, click Publish
  2. Open your published page in an incognito or private browser window
  3. The widget should now be visible with your ticket selector

Always test the live published page, not the editor preview. The editor preview intentionally hides code blocks.

Which Embed Method to Use on Squarespace

Embed Script (Recommended):

  • Works great on Squarespace
  • Auto-resizes as content changes
  • No height adjustment needed
  • Paste one simple code snippet

Direct Iframe:

  • Also works fine
  • Requires you to set a fixed height manually
  • Use this if you prefer full control over sizing

Modal Button:

  • Works on Squarespace
  • You need to paste two separate items in the same Code Block: the script tag and the button HTML
  • Creates a "Buy Tickets" button that opens a modal popup

Troubleshooting on Squarespace

"Code Block not available" or "Feature unavailable"

You're likely on a Personal or Professional plan. Code Blocks only work on Business plan and higher.

Options:

  • Upgrade to Business plan
  • Use a button linking to your hosted event page on Equaticket
  • Contact support for alternatives

Widget is blank in the editor

This is normal. Code Blocks don't render in the Squarespace editor. Check your published live page in an incognito window.

Widget is blank on the live page

Check these things:

  • Is your event published in Equaticket? (Not in draft status)
  • Did you paste the complete embed code?
  • Is the Equaticket domain not blocked by an ad blocker? (Try incognito window)
  • Does your site have a Content Security Policy? (Check browser console for errors)

Widget is cut off or has a scrollbar

If using the Direct Iframe method, increase the height value in the iframe code:

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

Try 700px; increase by 50–100px if still cut off.

The Embed Script auto-resizes, so this shouldn't happen with that method.

"Safe Mode" error

If Squarespace shows a Safe Mode warning and blocks the Code Block:

  1. Go to your Squarespace Settings (bottom left)
  2. Go to Developer Tools
  3. Toggle Safe Mode to Off
  4. Try adding the Code Block again

Alternative: Button Linking to Hosted Event

If you're on a Personal plan or prefer not to use a Code Block, create a simple button that links to your event's hosted page:

  1. Add a Button block to your page
  2. Set the Link to your event's Equaticket URL
  3. Set the Text to "Buy Tickets" or similar
  4. Save

Visitors click the button and go to your event page on Equaticket to buy tickets. They'll return to your site after purchase.

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 Squarespace — Equaticket Organizer Help