5,000+ organizers trust Hi.Events

Sell tickets on WordPress
One block. No plugin.

A WordPress event ticket system does not need a plugin. Paste the Hi.Events widget into a Custom HTML block and ticket sales run on your page, with checkout opening over it. Works with any theme and any page builder that has an HTML element.

Create your event free Jump to the steps →

Two snippets, one Custom HTML block, nothing to install or update.

§ 01 · Before you start

What you need

Nothing to install on WordPress. 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 WordPress page or post, as an Administrator or Editor
Two minutes in the block editor

Which WordPress sites can run the widget

Self-hosted WordPress runs it on any plan, as long as your user role has the unfiltered_html capability (Administrators and Editors on most sites; Contributors have script tags stripped on save). On WordPress.com, script tags in the Custom HTML block need a paid plan with hosting features activated; the free plan removes them. If you are unsure, add the block, save, and reload the page: if the widget shows, you are fine.

§ 02 · Steps

How to sell tickets on WordPress

5 steps, with the exact menu path in WordPress 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
Add a Custom HTML block where tickets should appear
Edit the page or post in the block editor. Click the Block Inserter (the + icon), search for HTML and choose Custom HTML, or type /html in an empty paragraph and press Enter.
Block Inserter (+) > Custom HTML
Paste the Embed Code into the block
Click Edit HTML on the block, paste the div snippet into the HTML pane and click Update. The preview beside the code shows the widget once the script is loaded.
Put the Embed Script in your site head
The widget docs put the one-line script in the head. On self-hosted WordPress, use your theme's header code option or a header and footer scripts plugin. If you would rather not touch the head, paste the script line into the same Custom HTML block above the div: it waits for the page to finish loading before it looks for the widget.
Update the page and run a test checkout
Click Update, open the page logged out, and buy a ticket. Checkout opens in a full-screen modal over your page. Refund the test order from the Hi.Events dashboard.

§ 03 · The snippets

The two snippets, and where they go on WordPress

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 the site head, through your theme's header code option or a header scripts plugin. It can also sit in the same Custom HTML block above the div.

Snippet 2 · Embed Code

Goes in the Custom HTML block, exactly where you want the tickets to show on the page.

<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 page

When a buyer clicks continue, checkout opens in a full-screen modal on top of your WordPress page. They never leave your site. To send them to a new tab instead, add data-hievents-checkout="new-tab" to the div.

The block grows to fit

The widget auto-resizes as ticket types expand and collapse, so you do not set a height on the block. 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. Change them in the block, or copy a fresh snippet from Widget Embed. They are not stored in Hi.Events.

If you cannot run scripts on WordPress

If your role or plan strips script tags, add a Buttons block instead and link it 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 WordPress 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 WordPress: questions

Do I need a WordPress ticketing plugin to sell tickets?

No. The Hi.Events widget is two snippets of HTML pasted into a Custom HTML block, which is part of the WordPress block editor. There is nothing to install, activate or update, and no plugin that can conflict with your theme. Tickets, orders, payments and check-in all live in Hi.Events.

Does it work with Elementor, Divi or another page builder?

Yes. Elementor, Divi, WPBakery and the other page builders each have an HTML or code element. Paste the Embed Code into that element and put the Embed Script in the head, or in the same element above the div. The widget only needs a place that renders raw HTML.

Will the widget slow down my WordPress site?

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

Does it work on WordPress.com?

On WordPress.com the Custom HTML block accepts script tags only on a paid plan with hosting features activated, according to WordPress.com's help center. On the free plan the script is removed when you save. If that is your situation, link a button to your event page instead.

Why did my script tag disappear after saving?

WordPress strips script and iframe tags from users who do not have the unfiltered_html capability, such as Contributors. Ask an Administrator to add the block, or have them paste the Embed Script into the head through the theme or a header scripts plugin.

Can I show the widget on more than one page?

Yes. Paste the Embed Code into a Custom HTML block on each page. The Embed Script only needs to load once per page, so putting it in the site head covers every page at once.

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

There is no charge for the widget, no monthly fee and no plugin licence. 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 WordPress 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 WordPressOne block. No plugin.