Embed on Shopify

Requirements

• Shopify 2.0 theme (most Shopify themes since 2021; older themes require the code editor method)
• Your event must be published in Equaticket

Recommended: Custom Liquid Section (No Code Knowledge Required)

This is the easiest method and works for most Shopify organizers.

Step 1: Get Your Embed Code

1. Log into your Equaticket dashboard
2. Go to your event
3. Click Share & Embed
4. Copy your embed code (Embed Script or Direct Iframe works; we recommend Embed Script)

Step 2: Add a Custom Liquid Section

1. Go to your Shopify Admin
2. Go to Online Store → Themes
3. Click Customize next to your active theme
4. Navigate to the page where you want tickets
5. Click + Add section
6. Select Custom Liquid

Step 3: Paste the Code

1. In the Custom Liquid section, paste your Equaticket embed code
2. Click Save

Done! The widget now appears on your page.

Alternative: Theme Code Editor (For Developers)

If Custom Liquid isn't available or you prefer editing template files:

Step 1: Access Theme Files

1. Go to Shopify Admin → Online Store → Themes
2. Click ⋯ (three dots) next to your active theme
3. Click Edit code

Step 2: Find the Right Template

Navigate to the template file for the page you're editing. Common page templates:

• page.liquid (for regular pages)
• collection.liquid (for product/event collections)
• product.liquid (if you're adding tickets to a product page)

Step 3: Paste the Code

1. Open the template file
2. Paste your embed code in the location where you want it to appear
3. Click Save

Notes

The auto-resize script works on Shopify:

If you're using the Embed Script method, the auto-resize functionality works normally. No height adjustment needed.

Async script attribute:

Your Equaticket embed code already includes async on the script tag (e.g., <script ... async></script>). This is good — it prevents the script from blocking your page load.

Don't see "Custom Liquid" option?

You're using an older (1.0) theme. Use the Theme Code Editor method instead, or ask your theme developer to update to a Shopify 2.0 theme.

Embed multiple events on different pages:

You can paste the Custom Liquid section on any page by repeating the steps. Each section uses its own embed code, so you can embed different events on different pages.

Troubleshooting

Widget is blank

• Check that your event is published in Equaticket
• Verify you pasted the complete embed code (including both <iframe> and <script> tags if using Embed Script)
• Try refreshing the page (Cmd+R on Mac, Ctrl+R on Windows)

Widget is cut off

If using the Direct Iframe, increase the height:

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

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

Widget doesn't appear on mobile

Check the Custom Liquid section's mobile visibility settings:

1. Go back to Customize
2. Click the Custom Liquid section
3. In the left panel, check if there's a "Hide on mobile" or visibility toggle
4. Make sure it's set to show on mobile

Shopify Checkout

Note: Equaticket embeds are for your storefront pages, not inside Shopify's checkout flow. If you're embedding on a product page, remember that Shopify's "Add to Cart" and checkout happen separately — the Equaticket widget handles its own separate checkout flow.

Still need help? Contact support.