If you’ve ever used Eventbrite you’ll know that it is a fantastic way to advertise and sell events not only to your own customers but also to a much wider audience too.

It also has a user friendly admin section for creating your events with lots of handy tools to ensure that you get the right configuration for your event and your ticket options. However, if you have a lot of ticket options, for example, numerous dates, costs, or other variations it can be difficult to make it clear for people to decipher from a long list which ticket they need.

This sneaky cheat allows you to add your own headings between ticket types, breaking up the list and making it more user friendly for your customers. It works by adding a heading using some HTML code –  and it’s really very simple! Even if you’re not so familiar with basic HTML, I promise you’ll find this really easy to do, simply follow the steps below.

Setting up your headings

First, you need to go through the event set up process, and add all of the ticket options you need for your event.

Next you need to add a ‘Free Ticket’. Do this by clicking ‘Free Ticket ‘ from the setup page as shown below.

Eventbrite Sections 1

For the next step you need to copy and paste the code below into the Free Ticket Description box and ensure that you enter 1 in the free ticket quantity.

Note: the code below will add a section heading titled ‘Monday 1st June 2015’. You can call your heading whatever you need it to be, simply delete the text highlighted in blue and replace with the title of your heading, and that’s what it will display.

Here’s the code you need to amend, copy and then paste into the ticket description box:

<div class=”break_pad” id=”family”></div><div class=”break_bottom”></div><div class=”panel_head2 break_header” style=”position:absolute;width:601px;margin-left:-16.5px;”><h3>Monday 1st June 2015</h3></div><br /><br />

Eventbrite Sections 2

To move your header into the right place, in this instance I want mine at the start of my tickets, you hover over the ticket listing on the left and when the dots appear you can then drag your heading into place.

Once you’ve added all your headings here’s how it will look:

Eventbrite Sections 3

2 COMMENTS

  1. Hi Steph,

    Nice post I found it very useful and have a go with it.
    I have tried your suggested solution for inserting breaks in ticket page, however I found that there are a couple of issues that need to be clarified:

    1) To make the break script working i need to change the “quotation mark” (no big deal I got that by trial and error)
    2) The heading tag seems not working
    3) Underneath the break in the description area the expiring sales date shows

    Do you have any suggestion to solve point 2 and 3 ?

    Thank you very much.

    Roberto

  2. Hi Roberto, thanks for your comment, I’m very glad that it was useful.

    I’ve just checked this out, and it appears that a recent upgrade to the interface of Eventbrite has stopped this from working the way that it used to which is why the heading doesn’t seem to show. So sorry about that. I’ll take a look for you and see if there’s still a way to accomplish this.

    Also, just in answer to the comment about the quotation mark, this appears to be a formatting error when copy and pasting from this web page. The way around it is to paste the code into Notepad or Text Editor first, then copy and paste from there into Eventbrite.

    I’ll hopefully be back in touch soon with a solution, and will update the article when I’ve found it!

LEAVE A REPLY


*