Feature guide
Feature guide3 min read·Updated July 2026

How to embed Eventbrite tickets on your website

Eventbrite's embedded checkout lets attendees buy tickets without leaving your website, which reduces drop-off. Here's how to set it up.

Quick answer

In your Eventbrite event, open the Marketing menu and choose 'Embedded Checkout'. You get two options: a 'Buy Tickets' button that opens the checkout in a modal, or the checkout embedded directly in your page content. Copy the generated code and paste it into an HTML block on your site. Your site must be served over HTTPS or the embed won't work.

Step-by-step

  1. 1

    Find Embedded Checkout in your event

    Create the event first, then open the Marketing menu within that event and choose 'Embedded Checkout'. The code is generated per event, so you'll repeat this for each one — worth knowing before you build a page expecting a single reusable snippet.

  2. 2

    Pick button or inline

    The button option shows a 'Buy Tickets' button that opens a modal where the visitor picks tickets and completes the order, then returns to your page. The inline option displays the ticket-buying screen directly in the page with no click needed. Inline suits a dedicated event page; the button suits everything else.

  3. 3

    Paste the code into your site

    Choose 'Embedded within content on the page' if you want it inline, copy the generated code, and paste it into an HTML or embed block. On Adviita, ask the AI editor to add a Buy Tickets button linking to your Eventbrite event, which is simpler and works everywhere.

  4. 4

    Check your site is on HTTPS

    The embedded checkout requires an SSL certificate — on a site served over plain HTTP it simply won't work. Most builders handle this automatically, but if your ticket embed appears blank this is the first thing to check.

  5. 5

    Test a real purchase

    Buy a ticket yourself on a phone before promoting the event. Check the modal opens, the order completes, and the confirmation arrives. A broken ticket embed discovered by attendees on launch day is an expensive way to find out.

Tips & best practices

  • Keeping checkout on your own site reduces drop-off compared with sending people to Eventbrite.
  • The embed code is per-event — plan for that if you run events regularly.
  • Your site must be HTTPS; a blank embed is almost always this.
  • Style the button to match your site rather than leaving it default — it looks less like an advert.

Common questions

How do I embed Eventbrite on my website?

+

In your event, open the Marketing menu and choose Embedded Checkout, select whether you want a button or an inline embed, copy the code, and paste it into an HTML block on your page.

What's the difference between the Eventbrite button and the embedded checkout?

+

The button opens a modal where visitors choose tickets and complete the order, then closes back to your page. The embedded checkout shows the ticket screen directly in your page with no click. Inline works well on a dedicated event page; the button suits general pages.

Why isn't my Eventbrite embed showing?

+

The most common cause is that your site isn't served over HTTPS — the embedded checkout requires an SSL certificate and won't render without one. Check for a padlock in the address bar first.

Can I sell tickets without sending people to Eventbrite?

+

That's exactly what embedded checkout is for. Attendees complete the purchase on your own site, which keeps them in your brand and reduces the drop-off that happens whenever someone is bounced to a third-party page.

Read next

Ready to build your site?

Free to start. No credit card required. Live in under 60 seconds.

Get started free