Embed on Squarespace
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
- Log into your Equaticket dashboard
- Go to your event
- Click Share & Embed
- Choose your preferred embed method (Embed Script is recommended)
- Click the Copy button to copy the code
Step 2: Add a Code Block
- Log into your Squarespace website and go into Edit mode
- Navigate to the page where you want to add tickets
- Click the + button to add a new block
- Scroll down or search for Code (not "Embed" — we need Code Block, not the Embed block)
- Select Code Block
Step 3: Paste the Code
- Click inside the Code Block that appeared
- Paste the code you copied from Equaticket (Cmd+V on Mac, Ctrl+V on Windows)
- Click Apply
The code is now pasted into your page.
Step 4: Position and Save
- Drag the Code Block to position it where you want on your page
- 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:
- After saving, click Publish
- Open your published page in an incognito or private browser window
- 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:
- Go to your Squarespace Settings (bottom left)
- Go to Developer Tools
- Toggle Safe Mode to Off
- 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:
- Add a Button block to your page
- Set the Link to your event's Equaticket URL
- Set the Text to "Buy Tickets" or similar
- 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