Embed on Weebly / Square Online

Weebly and Square Online use the same platform. These instructions apply to both.

Requirements

• Weebly / Square Online paid plan (free plans don't support Embed Code sections)
• Your event must be published in Equaticket

If you're on a free plan, upgrade to a paid plan or use an alternative method.

Steps

Step 1: Get Your Embed Code

1. Log into your Equaticket dashboard
2. Go to your event
3. Click Share & Embed
4. Copy the code snippet (Embed Script or Direct Iframe both work)

Step 2: Add an Embed Code Section

1. Go to your Weebly / Square Online editor
2. Navigate to the page where you want to add tickets
3. Click + (Add)
4. Select Embed Code
5. Paste your Equaticket embed code into the text box
6. Click Save or Done

Step 3: Save and Publish

1. Save your page changes
2. Publish your site
3. Visit your live page to verify the widget appears

Notes

Fixed height recommended:

If you're using the Direct Iframe, set a fixed height (at least 600–700px) rather than relying on auto-resize:

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

The Embed Script should auto-resize on Weebly, but if you see extra space below the widget, try setting a fixed height on the <div> tag as well.

Use Embed Code, not Header Code:

Weebly's Header Code section doesn't accept <style> or <script> tags properly. Always use the Embed Code section on individual pages for your Equaticket widget.

Multiple events:

Add multiple Embed Code sections to your page (one for each event). Each section uses its own event code.

Troubleshooting

Widget is blank

• Check that your event is published in Equaticket
• Verify you pasted the complete code
• Try refreshing the page

"Embed Code not available"

You're on a free Weebly plan. Free plans don't support custom code embedding. Upgrade to a paid plan.

Widget is cut off or has scrollbar

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

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

Increase by 50–100px increments until the content fits.

Widget doesn't show on mobile

• Check the Embed Code element's mobile visibility settings
• Some Weebly themes hide certain elements on mobile by default

The Powered by Equaticket badge

On the Free Equaticket plan, the widget shows a small "Powered by Equaticket" badge. On paid Equaticket plans, you can remove it in Settings → Branding.

Still need help? Contact support.