Skip Main Navigation

How to sell Eventbrite tickets on your website

Connect your attendees to your brand and make registration even more seamless. With our new embedded checkout, people buy tickets without ever leaving your website. Sell tickets right from your website/s or blog with our website integrations. eblink{If you don’t qualify=>} for the new embedded checkout, you can eblink{add our classic widgets=>} to your website. Attendees complete the purchase on your Eventbrite event listing. From your event's Manage page, go to "Website Integration" to get started.

TIP: Not sure which type of website integration to use? eblink{Read our article on finding the website integration that’s right for you=>}.

PRO TIP: Only use the embedded checkout for extremely high demand on-sales if your website is capable of sustaining the volume and page refreshes. Talk to your Eventbrite contact or Eventbrite customer support if you're unsure.

<h2 id="1">Get started with website integrations</h2><h3 id="1-1">1. Learn which website integration is best for you.</h3><p>If your event meets eblink{the requirements=&gt;}, we recommend our new embedded checkout because ticket buyers stay on your website to register. That serves to connect attendees more closely to your brand and makes registering even easier. eblink{Learn which choice of website integration option is right for your situation=&gt;}.</p><h3 id="1-2">2. Check if your event is eligible for the new embedded checkout.</h3><p>Not all of Eventbrite’s features work with the new embedded checkout right now. eblink{Check if your event is eligible in our troubleshooting article=&gt;}.</p><p class="text-small l-pad-vert-2 l-pad-hor-2 card l-mar-top-2">TIP: If your event isn’t eligible yet, you can still eblink{use one of our classic widgets=&gt;}.</p><h3 id="1-3">3. Make sure your website serves pages over HTTPS.</h3><p>To use our new embedded checkout, your website has to follow the latest security standards and must serve pages over HTTPS encryption. eblink{Learn what that means in detail and how to set up HTTPS for your website=&gt;}.</p><a class="js-d-modal lazy" href="" target="_blank"><img class="g-img" src="" alt="Screenshot of https in a browser bar"></img> </a><div> <i class="ico-view-event-page has-corner-object card__icon" style="height: 0px; color: #666;"></i></div><p class="text-small l-pad-vert-2 l-pad-hor-2 card l-mar-top-2">TIP: You can add the new embedded checkout to your website before you’ve set up HTTPS. But your website will show our eblink{classic Ticket Listing or Button widgets=&gt;} instead. Instead of completing the purchase on your website, attendees will reach your Eventbrite event listing. Once you’ve set up HTTPS on your website, the new embedded checkout will automatically appear on your website.</p><p class="text-small l-pad-vert-2 l-pad-hor-2 card l-mar-top-2">PRO TIP: HTTPS encryption helps protect your and your attendee’s most sensitive information. An HTTPS certificate also signals to interested buyers that your website is trustworthy. It may even help you sell more tickets.</p><p class="text-small l-pad-vert-2 l-pad-hor-2 card l-mar-top-2">NOTE: Please don&#39;t push off setting up HTTPS. It can have a eblink{variety of benefits to your brand and bottom line=&gt;}.</p><h3 id="1-4">4. Go to your Manage page.</h3><p>Event creators can log into their Eventbrite account eblink{here=&gt; target=_blank}. Then select your event.</p><p class="text-small l-pad-vert-2 l-pad-hor-2 card l-mar-top-2">NOTE: Eventbrite Music — if you’re not defaulted to the Events page (where events for the selected organization show), eblink{switch your organization=&gt;} in the top-right of the screen. Then click “Events”.</p><h3 id="1-5">5. Go to &quot;Website Integrations&quot; (under Invite &amp; Promote).</h3><p class="text-small l-pad-vert-2 l-pad-hor-2 card l-mar-top-2">NOTE: The “Website Integrations” option won’t appear for events that aren’t live (published).</p><h2 id="2">Using the new Embedded Checkout</h2><h3 id="2-1">1. Click “Show Me.”</h3><h3 id="2-2">2. Pick how your checkout will appear on your website.</h3><p>You have 2 options for how you can display the new embedded checkout on your website: • A: Button – Opens a window on top of your website. Easiest to set up without affecting other formatting on your website. Best if you want the embedded checkout to blend well with your website&#39;s branding. • B: Embedded on the page – Displays your eblink{ticket types=&gt;} in a box in-line with the other elements on the page. Not sure which one to pick? eblink{Get a full breakdown in our article on picking the website integration that’s right for you=&gt;}.</p><p class="text-small l-pad-vert-2 l-pad-hor-2 card l-mar-top-2">TIP: You can preview each option (see Step 3 below) to get a better sense.</p><h3 id="2-3">3. Preview the widget.</h3><p>Once you’ve clicked on an embed type, go to “Preview” to get a sense of what the embedded checkout will look like. Feel free to play around with the preview by selecting and checking out ticket types.</p><p class="text-small l-pad-vert-2 l-pad-hor-2 card l-mar-top-2">NOTE: Your ticket types need to be on sale for the preview to work. Also, if you complete the checkout process, Eventbrite will treat it as a real registration.</p><h3 id="2-4">4. Copy the Embed Code and paste it into your website.</h3><p>Click on “Embed Code.” Select the code that appears and copy it into your clipboard. Finally, paste it into your website. Once you’ve successfully added the code to your website you can: • eblink{Test your embedded checkout=&gt;} (highly recommended) • eblink{Customize the order confirmation page=&gt;} (optional)</p><p class="text-small l-pad-vert-2 l-pad-hor-2 card l-mar-top-2">TIP: If someone helped you set up your website, we recommend you reach out to them for help with this step. Eventbrite can&#39;t walk you through the exact process of adding the embed code to your website.</p><p class="text-small l-pad-vert-2 l-pad-hor-2 card l-mar-top-2">NOTE: Where exactly you need to paste the embed code is different for each website. If you add the embed code to the wrong place, it may affect your website&#39;s formatting.</p><h2 id="3">Completing your embedded checkout</h2><h3 id="3-1">1. Recommended: Test your embedded checkout.</h3><p>People use the internet through a wide variety of devices and screen sizes. To be sure people can buy tickets, test your website — at least on the four most popular browser and device combinations: 1. Chrome on desktop (Mac or Windows) 2. iOS Safari on mobile (iPhone or iPad) 3. Chrome on mobile (any Android phone) 4. Internet Explorer on desktop (Windows) 5. Safari on desktop (Mac) 6. Firefox on desktop (either Mac or Windows) To test: 1. View the embedded checkout on your website in each browser/device. 2. Resize the browser to learn what customers with different screen sizes will see. Look for issues where • Other parts of your website overlap with our embedded checkout • The screen isn’t tall enough to show all your eblink{ticket types=&gt;}. Buyers can scroll within the embedded checkout, so test the scrolling. 3. Place an order through the embedded checkout with your email address. • Make sure other parts of your page don&#39;t stop the checkout • Complete the checkout and check your email inbox for an eblink{order confirmation email=&gt;} • Go back to the embedded checkout and start a new order. Make sure you can place another order without refreshing your page.</p><p class="text-small l-pad-vert-2 l-pad-hor-2 card l-mar-top-2">TIP: If your website is a vital part of your business, evaluate the benefits of investing into a professional testing tool like eblink{Browserstack=&gt;}.</p><h3 id="3-2">2. Embed checkout on your site</h3><p>You can add embedded checkout to your site. eblink{Follow our step-by-step instructions=&gt;}.</p><h3 id="3-3">3. Optional: Lead attendees to a custom order confirmation page on your website</h3><p>You can use the “order confirmation callback” to re-engage attendees with your website after they’ve registered. It&#39;s a piece of code that let&#39;s you control what page a buyer reaches after completing an order. With the order confirmation callback, you can: • Invite attendees to share the event • Direct attendees to view your other events • If you use eblink{Google Analytics=&gt;}, fire an “event” to track the order confirmation You have to pass the function you want called as the option for `onOrderComplete` (see code snippet below). We recommend you 1. Write that function out separately, before the `createWidget` code 2. Assign it to a variable 3. Pass that variable in as the argument eblink{Get the embed code for the order confirmation callback=&gt;}.</p><p class="text-small l-pad-vert-2 l-pad-hor-2 card l-mar-top-2">TIP: You can eblink{customize the text on Eventbrite’s order confirmation page and email=&gt;} without implementing this additional code snippet.</p><p class="text-small l-pad-vert-2 l-pad-hor-2 card l-mar-top-2">NOTE: Using the “order confirmation callback” requires web development skills. If possible, ask a web developer for help. Eventbrite cannot walk you through setting this up on your site.</p>

Still have questions? Our team can help. Contact us.