1. Home
  2. Sell tickets on your website
  3. Wix
5,000+ organizers trust Hi.Events

Sell tickets on Wix
One Embed HTML element.

Paste the Hi.Events widget into a Wix Embed HTML element and sell tickets from any page. Wix puts embedded code in an iframe, so this page tells you the two settings that make it behave: a fixed height and checkout in a new tab.

Create your event freeJump to the steps →

Both snippets in one box, no app from the Wix App Market.

§ 01 · Before you start

What you need

Nothing to install on Wix. 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
  • Edit access to the Wix site in the Wix Editor
  • A page with room for a box about 600px tall

What Wix needs from you

Wix's help center does not tie the Embed HTML element to a plan, so this page does not claim one. Wix does say embedded code must use HTTPS (the widget does), and that the element is an iframe that is not responsive. The Settings > Custom Code panel, which adds code to the site head, needs a published site with a connected domain; you do not need it for the widget, because the script goes in the same box as the div.

§ 02 · Steps

How to sell tickets on Wix

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

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

  2. Add an Embed HTML element

    In the Wix Editor click Add Elements, open Embed Code and choose Embed HTML. Wix places an empty box on the page; drag it to where tickets should appear.

    Add Elements (+) > Embed Code > Embed HTML

  3. Paste both snippets into the box

    Click Enter Code on the element. Paste the one-line script first, then the div snippet under it, and click Update. The script must be inside the box: Wix renders the element in an iframe, so code added in Settings > Custom Code cannot reach it.

  4. Set checkout to open in a new tab

    Add data-hievents-checkout="new-tab" to the div. A full-screen modal cannot cover your page from inside the Wix iframe, and the widget would fall back to a new tab anyway; setting it makes the behavior explicit and the same on every device.

  5. Size the box and publish

    Drag the element to your page width and about 600px tall, or taller if you sell many ticket types, because the Wix iframe does not grow with the widget. Publish, open the live site, and buy a test ticket.

§ 03 · The snippets

The two snippets, and where they go on Wix

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

Both snippets, one box

Both go in the same Embed HTML box, script first. The extra new-tab attribute makes checkout open in a new browser tab, which is what an iframe needs.

<script async src="https://app.hi.events/widget.js"></script>
<div class="hievents-widget"
data-hievents-id="123"
data-hievents-primary-color="#7b5db8"
data-hievents-background-color="#ffffff"
data-hievents-checkout="new-tab">
</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 in a new tab

The widget opens checkout in a full-screen modal where it can. Inside a Wix iframe it cannot cover the page, so checkout opens in a new tab on app.hi.events. Set data-hievents-checkout="new-tab" so it does that every time rather than relying on the fallback.

The box does not grow

The widget auto-resizes its own content, but the Wix element is an iframe with the size you drag it to, and Wix says embedded code is not responsive. Make the box tall enough for your ticket list and check it in the mobile editor.

Colors come from the snippet

Button, background and text colors are the data attributes in the div, so the widget matches your Wix design. Change them in the box, or copy a fresh snippet from Widget Embed. They are not stored in Hi.Events.

If you cannot run scripts on Wix

If you would rather not manage an iframe, add a Wix button and link it to your Hi.Events event page. Buyers get the full 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 Wix 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 Wix: questions

Do I need the Wix Events app to sell tickets on Wix?
No. The Hi.Events widget runs in a standard Embed HTML element, which is part of the Wix Editor. Tickets, orders, payments, check-in and attendee emails live in Hi.Events, and payments go through your own Stripe account.
Why does checkout open in a new tab on Wix?
Wix renders embedded code inside an iframe. A modal can only cover the iframe, not your page, so the widget opens checkout in a new tab on app.hi.events instead. Adding data-hievents-checkout="new-tab" to the div makes that explicit. Buyers finish checkout there and get their ticket by email.
Why is the widget cut off at the bottom?
The Wix element is an iframe with a fixed size, and Wix says embedded code is not responsive. The widget grows inside it but the box does not. Drag the element taller in the editor, and check the mobile editor separately, because the box has its own size there.
Does the widget work in Wix Studio?
Wix Studio also has an HTML embed element that renders in an iframe. The same two settings apply: paste both snippets into the box, and set checkout to open in a new tab.
Does it slow down my Wix site?
The Embed Script loads with the async attribute inside the iframe, so it does not block your Wix page from rendering.
Does Wix take a cut of ticket sales?
No. Payments go through your own Stripe account, connected to Hi.Events, not through Wix Payments. 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, and Stripe's standard card rate.See pricing →
§ 07 · More

The same widget on other builders

Docs and guides

Put tickets on your Wix 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.