Back to Documentation

Eventbrite on Your Site

Share your events around the web with our customizable Widget tools!

Buttons

Register for Eventbrite API - Office Hours on Eventbrite

Buttons are another great way to encourage users to sign up for an event:

Construct your own HTML buttons by copying the following HTML example code, and then swapping in your event_id.
Or, you can generate button links automatically using the API client example code, also available below.

Event owners can customize the button text and color via the Promote section of our web-based event-management tools.

Example Code

<a href="http://www.eventbrite.com/event/4653432542?ref=ebtn" target="_blank">
  <img border="0" src="http://www.eventbrite.com/custombutton?eid=4653432542" alt="Register for Eventbrite API - Office Hours on Eventbrite" />
</a>

Ticket Previews

Ticket Widgets help you to display a preview of an event’s available ticket selection, allowing attendees to initiate an order on your site before confirming the order on Eventbrite.com.

Take a look at our workflows page to learn a bit more about how this process works.

Our ticket widgets use an iframe to keep your site up to date. You can display this widget by copying the following HTML example code, or use one our API clients to generate the iframe code automatically.

Example Code

<div style="width:100%; text-align:left;" >
  <iframe src="http://www.eventbrite.com/tickets-external?eid=4653432542&ref=etckt&v=2" frameborder="0" height="256" width="100%" vspace="0" hspace="0" marginheight="5" marginwidth="5" scrolling="auto" allowtransparency="true"></iframe>
</div>

Event Page Previews

You can optionally embed an entire event page in another website via an iframe.

WARNING: Eventbrite event pages contain a lot of great content!

Maps, calendars, and social sharing tools can all take up quite a bit of space, so embedding a complete event page in an external site is not for everyone. We did not include an example here, since this page does not have enough room to fit all that good stuff in.

Example Code

<div style="width:100%; text-align:left;">
  <iframe src="http://www.eventbrite.com/event/4653432542?ref=eweb" frameborder="0" height="1000" width="100%" vspace="0" hspace="0" marginheight="5" marginwidth="5" scrolling="auto" allowtransparency="true"></iframe>
</div>

Event Calendars

Share your upcoming events in a calendar format with the following HTML code. You’ll just need to replace the example event_id with the id that is associated with your upcoming event.

This widget uses an iframe to keep in sync with your Eventbrite data, helping you showcase all of your upcoming events in a single unified calendar display.

Event owners can customize the calendar colors and content in the Promote section of their web-based event-management tools.

Example Code

<div style="width:195px; text-align:center;">
  <iframe src="http://www.eventbrite.com/calendar-widget?eid=4653432542" frameborder="0" height="382" width="195" marginheight="0" marginwidth="0" scrolling="no" allowtransparency="true"></iframe>
</div>

Event Countdown

Count down the days to your next big event launch with the following example code. As with our other HTML examples, you’ll need to replace the example event_id with the id associated with your upcoming event.

This widget uses an iframe to stay up-to-date as your event day approaches.

Event owners can customize the countdown colors and content in the Promote section of their web-based event-management tools.

Example Code

<div style="width:195px; text-align:center;">
  <iframe src="http://www.eventbrite.com/countdown-widget?eid=4653432542" frameborder="0" height="479" width="195" marginheight="0" marginwidth="0" scrolling="no" allowtransparency="true"></iframe>
</div>