Home Customization & Settings Embedding the Ticket Widget

Embedding the Ticket Widget

Last updated on Mar 21, 2026

The ticket widget lets you embed a ticket purchase form directly on your own website — so attendees can buy tickets without leaving your site.

How to Get There

  1. Open your event.

  2. Click Widget Embed in the left sidebar (under Integrations).

Setting Up the Widget

  1. Configure the widget appearance (colors, layout).

  2. Copy the embed code provided.

  3. Paste the code into your website HTML where you want the widget to appear.

The widget renders an iframe that displays your ticket selection and checkout flow.

Widget Options

  • Inline embed — the widget appears directly in your page content.

  • Popup/modal — a button that opens the ticket form in a modal overlay.

What Attendees See

The embedded widget shows:

  • Available ticket types and prices.

  • Quantity selectors.

  • The full checkout flow (attendee details, payment, confirmation).

Everything happens within the widget — attendees do not need to navigate away from your site.

Customization

You can adjust the widget's colors to match your website's branding. The embed code updates in real time as you make changes, so you can copy it once you're happy with the look.

Good to Know

  • The widget works on any website that supports HTML — WordPress, Squarespace, Wix, custom sites, etc.

  • Payments are handled securely through Stripe, just like on your Hi.Events event page.

  • The widget is responsive and works on mobile devices.

  • If you update your tickets or pricing in Hi.Events, the widget reflects those changes automatically.