Listing your events on your website

You can show your Ticketlab events on your own website. Open Website embed in your dashboard, check the preview, and copy the code. Paste it into the part of your page that accepts HTML.

The events on your site change when you update them on Ticketlab. You do not need to copy the code again after that.

Get the code

1. Log in at ticketlab.app.
2. Open Settings, then Website embed.
3. Choose what to show, look at the preview, then copy the code.
4. Paste it into your website where you want the events to appear.

All your events

List shows the ticket list for every event on your account.

Grid shows those events as cards. The Ticketlab header and the search box are left off the frame.

Both need a page address. If you have not set one, Website embed sends you to Events pages setup. Add your page title and address, save, then come back and copy the code.

A series

Choose Series when the frame should show one collection of events. Pick the series, check the preview, and copy the code.

If you have no series yet, the page links you to the Series tab. Create the series there first. See What is an event series?

One event

Choose Event when the frame should show the buy widget for a single event. Pick the event from the list, check the preview, and copy the code.

The list is your upcoming events. Cancelled events and events that have already happened are not included. A private upcoming event can still be embedded, so you can put it on your own site without listing it in the public Ticketlab directory.

If you have no upcoming events, the page links you to the Upcoming events tab. Create the event there first, then come back.

Inside the frame, guests see the ticket list for that event. The Ticketlab header, the edit controls, and “Message the event organiser” stay on the full Ticketlab page.

What the code looks like

The copied code is a frame. A list for all your events looks like this, with your own address filled in:

<iframe src="https://ticketlab.app/events/your-page-address?embed=1" title="Ticket list" style="width: 100%; min-height: 640px; border: 0;"></iframe>

A single event looks like this:

<iframe src="https://ticketlab.app/event/123-your-event-name-tickets?embed=1" title="Your event name" style="width: 100%; min-height: 640px; border: 0;"></iframe>

Copy it from Website embed. The addresses above are only examples.

If the frame feels short on your site, increase min-height in the style. 640px is the starting height.

If your site already has the old Ticketlab script

Older instructions asked you to paste a Ticketlab script, including Stripe, onto your own page. Take that out and use the frame from Website embed instead.

Website embed does not build a snippet for every event at one venue. Drop us a message if that is what you need and we will help.