5,000+ organizers trust Hi.Events

Sell tickets on Shopify
One Custom Liquid section.

You do not need a ticketing app from the Shopify App Store. Paste the Hi.Events widget into a Custom Liquid section in the theme editor, or into a page, and sell tickets next to your products with checkout opening over the page.

Create your event free Jump to the steps →

Two snippets, one section, no app subscription.

§ 01 · Before you start

What you need

Nothing to install on Shopify. The widget is two snippets of HTML that Hi.Events generates for you.

A Hi.Events event, published, with at least one ticket type on sale
Staff access to Online Store > Themes, or a Theme Access password
A theme with a Custom Liquid section (Dawn and most current themes have one)

What Shopify needs from you

Shopify's help does not tie the theme editor or Edit code to a plan, so this page does not claim a plan requirement. The Custom Liquid section is part of Shopify's Dawn theme and most current themes; if yours lacks one, the page editor's code view is the alternative. Editing theme.liquid asks you to know a little HTML; Shopify's own help says to edit theme code only if you do.

§ 02 · Steps

How to sell tickets on Shopify

5 steps, with the exact menu path in Shopify for each one.

Copy the two snippets from Hi.Events
Open your event in Hi.Events and click Widget Embed under Integrations. Pick your colors, then copy the Embed Script and the Embed Code. They already contain your event ID.
Hi.Events > Your event > Integrations > Widget Embed
Open the theme editor on the page you want
In Shopify admin go to Online Store > Themes and click Customize on your live theme. Use the page selector at the top to open the page where tickets should appear, for example a page called Events.
Online Store > Themes > Customize
Add a Custom Liquid section and paste the Embed Code
Click Add section in the left sidebar, choose Custom Liquid, and paste the div snippet into its Liquid field. Drag the section to where tickets should sit on the page.
Add section > Custom Liquid
Add the Embed Script to theme.liquid
Back on Online Store > Themes, open the theme's ... menu and click Edit code. Open layout/theme.liquid, paste the one-line script just before the closing head tag, and save. If you would rather not edit theme code, paste the script into the same Custom Liquid field above the div.
Online Store > Themes > ... > Edit code > layout/theme.liquid
Save, then buy a test ticket
Save the theme editor, open the page in your storefront and run a checkout. It opens in a full-screen modal over your store, separate from your Shopify cart. Refund the test order from the Hi.Events dashboard.

§ 03 · The snippets

The two snippets, and where they go on Shopify

The Widget Embed page in Hi.Events generates both with your event ID and colors filled in. This is what they look like.

Snippet 1 · Embed Script

Goes in layout/theme.liquid before the closing head tag, so it loads on every page. It can also sit in the same Custom Liquid field above the div.

Snippet 2 · Embed Code

Goes in the Custom Liquid section, or in a page through the page editor's code view.

<div class="hievents-widget"

data-hievents-id="123"

data-hievents-primary-color="#7b5db8"

data-hievents-background-color="#ffffff">

</div>

123 is a placeholder. Open your event, click Widget Embed under Integrations, and copy the generated snippets: they carry your real event ID and the colors you pick there. The full list of attributes is in the widget docs.

§ 04 · What to expect

What happens once it is live

Checkout opens over your store

When a buyer clicks continue, checkout opens in a full-screen modal on top of your Shopify page. It is Hi.Events checkout, not the Shopify cart, and the payment goes to your Stripe account. To send buyers to a new tab instead, add data-hievents-checkout="new-tab" to the div.

The section grows to fit

The widget auto-resizes as ticket types expand and collapse, so the section needs no height setting. Prices and availability update on their own; the embed code never needs re-copying for that.

Colors come from the snippet

Button, background and text colors are the data attributes in the div, so the widget matches your theme without CSS edits. Change them in the section, or copy a fresh snippet from Widget Embed.

If you cannot run scripts on Shopify

If you would rather not add code to your theme, add a button or menu link that points to your Hi.Events event page. Buyers get the same checkout on app.hi.events, in your colors from the Homepage Designer. How the Homepage Designer works

§ 05 · The widget

What the widget sells on your Shopify page

Whatever you set up in Hi.Events shows in the widget. There is no cut-down embed version.

Paid, free, donation and tiered tickets

Add-ons, sold with a ticket or on their own

Promo codes, including hidden tickets they unlock

Registration questions per ticket type

Tax and fees inside the price or added at checkout

Ticket by email, with a link to the QR code

Checkout in the visitor's own language

Sale windows, capacity and per-order limits

Card, Apple Pay and Google Pay through your Stripe account

§ 06 · FAQ

Selling tickets on Shopify: questions

Do I need a Shopify ticketing app to sell event tickets?

No. The Hi.Events widget is two snippets of HTML in a Custom Liquid section, which is part of the theme editor in Dawn and most current themes. There is no app to install, no app subscription and no change to your product catalog. Tickets, orders, payments and check-in live in Hi.Events.

Do ticket orders go through the Shopify cart?

No. The widget opens its own checkout over your page and the payment goes to your Stripe account, connected to Hi.Events. Ticket orders live in the Hi.Events dashboard, not in your Shopify orders list.

Can I put the widget on a Shopify page instead of a section?

Yes. Go to Online Store > Pages, open the page and switch the editor to its code view. Paste the div snippet there; the Embed Script still goes in theme.liquid, or above the div on the same page.

What if my theme has no Custom Liquid section?

Use the page editor's code view instead, or ask whoever maintains your theme to add a section with a Liquid field. Any place that renders raw HTML on the storefront will run the widget.

Does it slow down my store?

The Embed Script loads with the async attribute, so the browser fetches it alongside your page instead of waiting for it. The widget renders inside the section once the page is ready.

What does it cost to sell tickets on Shopify with Hi.Events?

There is no app fee and no monthly fee. Free tickets are free. Paid tickets carry the Hi.Events platform fee of 1.25% plus a small fixed amount per ticket, which you can pass to the buyer at checkout, and Stripe's standard card rate.See pricing →

§ 07 · More

The same widget on other builders

Docs and guides

Put tickets on your Shopify site today

Create your event, open Widget Embed, paste two snippets. No credit card, no sales call.

Get started free

Free events cost nothing. Paid tickets are 1.25% + $0.60, with no monthly fee and no contract — see the full pricing.

Sell tickets on ShopifyOne Custom Liquid section.