Add TicketWave to Your Shopify Store
Sell event tickets alongside your products. Works with any Shopify theme.
Theme Editor (No Code)
RecommendedThe easiest method. Uses the Shopify theme editor — no code editing required. Available on all Shopify 2.0 themes.
Go to Online Store → Themes → Customize
In your Shopify admin sidebar, click Online Store, then Themes. On your current theme, click the Customize button. This opens the visual theme editor.
Navigate to the page where you want tickets
At the top of the theme editor, use the page dropdown to select which page should show tickets. You can choose your homepage, a specific page (like "Events"), or any other page in your store.
Click "Add section" → "Custom Liquid"
In the left sidebar, scroll down and click Add section. A panel of available sections will appear. Search for or scroll to Custom Liquid and click it. A new empty section will be added to your page.
Paste this code into the Liquid field
Click on the Custom Liquid section you just added. A text area labelled Liquid will appear. Paste the following code, replacing the slug placeholders with your actual values:
<div id="ticketwave-widget"
data-client="YOUR-VENUE-SLUG"
data-event="YOUR-EVENT-SLUG"
data-api-url="https://www.ticketwavehq.com/api"
style="max-width: 480px; margin: 0 auto; padding: 2rem 0;">
</div>
<script src="https://www.ticketwavehq.com/widget/ticketwave.js" async></script>Click Save
Click the green Save button in the top-right corner of the theme editor. Your ticket widget is now live on your store. Visit the page to verify it is rendering correctly.
What it looks like in the Shopify theme editor
Sections
Custom Liquid
Liquid
<div id="ticketwave-widget"
data-client="my-venue"
data-event="summer-party-2026"
data-api-url="https://www.ticketwavehq.com/api"
style="max-width: 480px;
margin: 0 auto;
padding: 2rem 0;">
</div>
<script src="https://www.ticketwavehq.com/
widget/ticketwave.js" async></script>Dedicated Tickets Page
Create a standalone page in your Shopify store just for ticket sales. No theme editing needed — just a regular Shopify page with HTML.
Go to Online Store → Pages → Add page
In your Shopify admin, navigate to Online Store → Pages and click Add page.
Title it "Tickets" or "Events"
Give the page a clear title that your customers will recognise. Shopify will automatically create a URL like yourstore.com/pages/tickets.
In the page content, click "<>" (Show HTML)
The Shopify page editor has a rich text toolbar. Click the <>button (or "Show HTML") to switch to the HTML editing view. This lets you paste raw HTML code.
Paste the embed code
Paste the following code into the HTML editor. Replace the slugs with your actual venue and event values:
<!-- Paste this in the Shopify page HTML editor -->
<div id="ticketwave-widget"
data-client="YOUR-VENUE-SLUG"
data-event="YOUR-EVENT-SLUG"
data-api-url="https://www.ticketwavehq.com/api"
style="max-width: 480px; margin: 0 auto;">
</div>
<script src="https://www.ticketwavehq.com/widget/ticketwave.js" async></script>Save and add the page to your navigation
Click Save. Then add the page to your store's navigation so customers can find it: go to Online Store → Navigation → Main menu, click Add menu item, name it "Tickets", and link it to your new page.
What your customers see
Events & Tickets
TicketWave Widget
Edit Theme Code (Advanced)
AdvancedFor full control, create a custom page template in your Shopify theme code. This gives you complete control over the layout and lets you use Liquid variables like your theme's accent colour.
Go to Online Store → Themes → Edit code
On your current theme, click the ... menu and select Edit code. This opens the Shopify code editor where you can create and edit template files.
Create a new template: page.tickets.liquid
In the Templates folder, click Add a new template. Choose page as the type and name it tickets. Shopify will create templates/page.tickets.liquid.
Replace the template contents with this code
Paste the following Liquid template code. It includes your store header, footer, and the TicketWave widget:
{% comment %}
File: templates/page.tickets.liquid
A dedicated page template for ticket sales.
Create this file, then assign it to a page in Shopify admin.
{% endcomment %}
<!doctype html>
<html lang="{{ request.locale.iso_code }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
{{ content_for_header }}
{{ 'base.css' | asset_url | stylesheet_tag }}
</head>
<body>
{% sections 'header-group' %}
<main class="page-width" style="padding: 2rem 0;">
<h1>{{ page.title }}</h1>
{{ page.content }}
<div id="ticketwave-widget"
data-client="YOUR-VENUE-SLUG"
data-event="YOUR-EVENT-SLUG"
data-api-url="https://www.ticketwavehq.com/api"
data-theme="light"
data-accent-color="{{ settings.colors_accent }}"
style="max-width: 480px; margin: 2rem auto;">
</div>
<script src="https://www.ticketwavehq.com/widget/ticketwave.js" async></script>
</main>
{% sections 'footer-group' %}
</body>
</html>Assign the template to a page
Go to Online Store → Pages, create or edit a page, and in the right sidebar under Theme template, select page.tickets from the dropdown. Save the page.
Pro Tips for Shopify
Add tickets to your navigation
Go to Online Store → Navigation → Main menu → click "Add menu item". Set the name to "Tickets" or "Events" and link it to your tickets page. This makes it easy for customers to find.
Match your store branding
Use data-accent-color to set the widget's button colour to match your Shopify theme. You can use your theme's accent colour variable: data-accent-color="{{ settings.colors_accent }}" in Liquid templates.
Mobile responsive out of the box
The widget respects your store's responsive breakpoints automatically. It adapts to mobile, tablet, and desktop screen sizes without any additional configuration.
Separate payment processing
Ticket payments go through TicketWave via Stripe, completely separate from your Shopify checkout. Your Shopify sales, analytics, and payment settings are unaffected.
Shopify FAQ
Do I need to install a Shopify app?
No. TicketWave works via a simple code snippet pasted into a Custom Liquid section or page. There is no app to install, approve, or pay for separately.
Will this work with my Shopify theme?
Yes. The widget renders inside a standard HTML container and works with Dawn, Debut, Craft, Sense, and every other Shopify theme, including custom themes. It uses a shadow DOM so your theme CSS will not interfere.
Which Shopify plans support Custom Liquid?
Custom Liquid sections are available on all Shopify 2.0 themes, which includes all themes created since mid-2021. If your theme does not show the Custom Liquid option, use Method 2 (dedicated page with HTML) instead.
Can I sell tickets and products on the same page?
Yes. The TicketWave widget is just an HTML section. You can place it alongside your product listings, collections, or any other Shopify content. It operates independently.
Does it affect my Shopify checkout or payment processing?
No. Ticket payments are processed through TicketWave via Stripe, completely separate from your Shopify checkout. Your Shopify sales, reports, and payments are unaffected.
Ready to sell tickets from Shopify?
Create your free account, paste the embed code into Custom Liquid, and go live in minutes.