Embed on Wix
In this article
Embed on Wix
3 min read · Events & Tickets
Embed on Wix
Requirements
- Any Wix plan (free and paid plans both support HTML embeds)
- Your event must be published in Equaticket
Steps for Wix Editor
Step 1: Get Your Embed Code
- Log into your Equaticket dashboard
- Go to your event
- Click Share & Embed
- Choose your preferred embed method (we recommend the Direct Iframe or Modal Button on Wix — see notes below)
- Click Copy to copy the code
Step 2: Add an Embed
- In your Wix Editor, click + (Add) on the left toolbar
- Search for Embed or scroll to find it
- Select Embed (usually labeled "Embed a Widget" or "Custom Embeds")
- Choose HTML iframe
- Click Enter Code
Step 3: Paste the Code
- Select Code and paste your Equaticket embed code
- Click Update
Step 4: Resize and Publish
- In the editor, drag and resize the embed element to be at least 600–700px tall
- Publish your site
Steps for Wix Studio (New Editor)
Step 1: Get Your Embed Code
Same as above — copy from your Equaticket dashboard.
Step 2: Add an Embed
- Click + to add an element
- Search for Embed HTML or go to Embed & Social → HTML iframe
- Paste your code and click Update
Step 3: Set Height in Editor
- With the embed selected, set the height to at least 600px in the properties panel
- Publish
Important: Use a Fixed Height on Wix
Wix sandboxes embedded HTML, which means the auto-resize script can't communicate with your page. The auto-resize feature doesn't work on Wix.
You must use a fixed height. The recommended approaches on Wix are:
- Direct Iframe with fixed height — Set the iframe
heightto 700px. Increase if content is cut off. - Modal Button — This avoids the height issue entirely since the modal is a popup, not a resized iframe. Highly recommended for Wix.
Example: Direct Iframe with Fixed Height
<iframe
src="https://equaticket.com/embed/[your-org]/[your-event]"
width="100%"
height="700"
frameborder="0"
style="border: none; border-radius: 8px;"
></iframe>
The Embed Script might resize partially on Wix, but we recommend the Direct Iframe or Modal Button to avoid unpredictable behavior due to the sandboxing.
Which Embed Method Works Best on Wix?
| Method | Works? | Notes |
|---|---|---|
| Embed Script | Partial | May not resize reliably due to Wix sandboxing |
| Direct Iframe | Yes | Set fixed height (700px+); very reliable |
| Modal Button | Yes (Recommended) | Works perfectly; no height issues; cleaner UX |
Our recommendation: Use Modal Button on Wix for the best experience.
Troubleshooting on Wix
Widget is blank
Check:
- Is your event published in Equaticket?
- Did you paste the complete code including both the
<div>and<script>tags (if using Embed Script)? - Try setting a taller height in the Wix editor (at least 700px)
Widget is cut off or has a scrollbar
Increase the height of the HTML embed element in the Wix Editor:
- Click on the embed
- In the properties panel, increase Height to 750px, then 800px, until content fits
- The Direct Iframe method requires manual height adjustment on Wix
Widget shows loading spinner but never loads
- Check that your event is published
- Try hard-refreshing the page (Cmd+Shift+R on Mac, Ctrl+Shift+R on Windows)
- Check your browser console (F12) for errors
Visitors see different behavior than I do
If it works in your editor but not on the live page, check:
- Is the widget hidden on mobile? (Check the element's mobile visibility)
- Is there a CSS rule hiding or resizing the element?
I prefer not to manage height manually
Use the Modal Button method instead. It opens a popup, so height management isn't necessary and the user experience is cleaner on Wix's sandboxed environment.
Still need help? Contact support.
Still need help?
If this article didn't answer your question, our support team is here.
Contact Support