1. Home
  2. Sell tickets on your website
  3. Shopify
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 freeJump to the steps →

One section, no app subscription.

§ 01 · Before you start

What you need

Nothing to install on Shopify. The widget is a few lines 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.

  1. Copy the code from Hi.Events

    Open your event in Hi.Events and click Widget Embed under Integrations. Set up the widget and save it with a name. Under Add to your site, choose Shopify in Where is your website? and copy the code. It already contains your event and widget IDs.

    Hi.Events > Your event > Integrations > Widget Embed

  2. 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

  3. Add a Custom Liquid section and paste the code

    Click Add section in the left sidebar, choose Custom Liquid, and paste the code into its Liquid field: the div and the script line under it, together. Drag the section to where tickets should sit on the page.

    Add section > Custom Liquid

  4. Optional: load the script once in theme.liquid

    If you use the widget on several pages, you can load the script line once for the whole store. On Online Store > Themes, open the theme's ... menu, click Edit code, open layout/theme.liquid and paste the line just before the closing head tag. Each section then needs only the div.

    Online Store > Themes > ... > Edit code > layout/theme.liquid

  5. Save, then buy a test ticket

    Save the theme editor, open the page in your storefront and run a checkout. It opens in a pop-up over your store, separate from your Shopify cart. Refund the test order from the Hi.Events dashboard.

§ 03 · The code

The embed code, and where it goes on Shopify

The Widget Embed page in Hi.Events generates it with your widget already set up. This is what it looks like.

Code to paste

All of it goes in the Custom Liquid section, or in a page through the page editor's code view. The script line can move to layout/theme.liquid, before the closing head tag, so it loads on every page.

<div class="hievents-widget"
data-hievents-id="123"
data-hievents-widget="wgt_a1B2c3D4e5F6g"
></div>
<script async src="https://app.hi.events/widget.js"></script>

123 and wgt_a1B2c3D4e5F6g are placeholders. Open your event, click Widget Embed under Integrations, save your widget and copy its code: it carries your real event and widget IDs. Colors, the checkout setting and the language are stored with the saved widget, so changes you save reach your page without pasting again. A Button widget keeps its text, colors and corner radius in the code, and Fit height to content is in the code for the other widgets, so copy it again after changing those. 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 pop-up 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, set Checkout opens in to New tab in Widget Embed.

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 code never needs re-copying for that.

It matches your theme

Match your event page in one click, or set your own button, background, text and border colors, corner radius and padding, with no theme edits. Save the widget and your changes reach every page that embeds it, with its views, orders and conversion counted in Hi.Events.

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 a few lines 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 code there, the div and the script line together.
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.
Can I embed a buy button, my lineup or my schedule instead?
Yes. An event's Widget Embed has four types: Tickets, Button (a button that opens tickets in a pop-up), Lineup and Schedule. Each one goes into a Custom Liquid section the same way.
Does it slow down my store?
The script line 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 the code. 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.