{"id":1896517,"date":"2019-10-18T13:19:19","date_gmt":"2019-10-18T17:19:19","guid":{"rendered":"https:\/\/theeventscalendar.com\/knowledgebase\/moving-the-eventbrite-tickets-box-2\/"},"modified":"2026-04-20T19:53:03","modified_gmt":"2026-04-20T23:53:03","slug":"customize-eventbrite-tickets","status":"publish","type":"post","link":"https:\/\/theeventscalendar.com\/knowledgebase\/customize-eventbrite-tickets\/","title":{"rendered":"Customizing the Eventbrite Tickets Display"},"content":{"rendered":"\n

The Eventbrite ticket form that appears on your single event pages works well at its default size and position for most setups \u2014 but sometimes you need to move it or make it taller so all the ticket fields are visible. Both adjustments take a single PHP snippet. Add either one to your theme’s functions.php<\/code> file or use a tool like the free Code Snippets<\/a> plugin.<\/p>\n\n\n\n

Changing the Ticket Form’s Position<\/h2>\n\n\n\n

By default, the Eventbrite ticket form is placed just below the event details (“meta”) box. If you’d rather have it higher up \u2014 for example, immediately above the meta box so it’s more visible \u2014 this snippet moves it:<\/p>\n\n\n\n

add_action( 'init', 'move_eb_ticket_form' );\n\nfunction move_eb_ticket_form() {\n    if ( class_exists( 'Tribe__Events__Tickets__Eventbrite__Main' ) ) {\n        $display_tickets = [ tribe( 'eventbrite.main' ), 'print_ticket_form' ];\n        remove_action( 'tribe_events_single_event_after_the_meta', $display_tickets, 9 );\n        add_action( 'tribe_events_single_event_before_the_meta', $display_tickets );\n    }\n}<\/code><\/pre>\n\n\n\n
If you want the form somewhere else entirely, change the target action on the last add_action<\/code> line. As the hook name suggests, tribe_events_single_event_before_the_meta<\/code> places it before the meta block. To display it before the event description instead, change that line to:<\/p>\n\n\n\n
add_action( 'tribe_events_single_event_before_the_content', $display_tickets );<\/code><\/pre>\n\n\n\n
Any hook fired on the single event template is a valid target, so you can place the ticket form wherever fits your layout best.<\/p>\n\n\n\n
Adjusting the Form Height<\/h2>\n\n\n\n
The Eventbrite ticket form is rendered inside an iframe with a default height. When the form contains more fields than that default can accommodate \u2014 multiple ticket types, for example \u2014 some fields may be hidden or cut off. This snippet increases the iframe height based on how many visible tickets the event has:<\/p>\n\n\n\n
add_filter( 'tribe_events_eventbrite_iframe_height', function ( $iframe_height, $post_id, $event, $num_visible_tickets ) {\n    $intended_height = 400 + 160 * $num_visible_tickets;\n    if ( $iframe_height < $intended_height ) {\n        $iframe_height = $intended_height;\n    }\n    return $iframe_height;\n}, 100, 4 );<\/code><\/pre>\n\n\n\n
Adjust the $intended_height<\/code> calculation if the default (a 400-pixel base plus 160 pixels per visible ticket) doesn’t match how your forms actually render. The snippet only increases the height \u2014 if Eventbrite ever returns a taller iframe, the snippet leaves it alone.<\/p>\n\n\n\n
For Developers<\/h4>\n\n\n\n