Skip to main content

Adding the Widget to Your Wordpress Site

Need to add the widget to you Wordpress site? Here's how to do it.

Our easy-to-use, customizable ticketing widget automatically creates an embeddable purchase flow for every show that includes an embeddable calendar or list view of all events populated with live data in real time. With dynamic data, you'll be able to drive patron urgency to purchase when inventory is low.

Embedding the OTS widget in your Wordpress page lets you:

  • Streamline ticket bookings or event discovery—users can view and reserve performances directly on your site.

  • Enhance user experience—visitors stay on your brand’s site while engaging with your event calendar.

  • Boost conversions—in-line access typically results in higher engagement and ticket sales.

Whitelisting Information

Click for instructions for GoDaddy, Wix or Squarespace sites.

👟Walk Through

After whitelisting your domain as instructed above you will need to add the widget code to the <head> tag of your website. The easiest way for most users to do this is by using a “code snippets” plugin rather than editing your theme files directly.

  • Go to the page you want to embed the widget on in your editor

  • Under "Elements" search HTML

  • Add the Code Snippet first, hit return/enter

  • Add the Code Reference under it

  • Move the widget where you want it placed on the page

  • Hit Publish

You will create two code snippets to add the widget to your site. First select “Add Snippet” and then choose “Add Your Custom Code” option. Paste the script you copied from the OTS admin site into the Code Preview box. Make sure Type is set to “HTML Snippet”, Insert Method is “Auto Insert” and the Location is “Site Wide Header”. Click the Update button to proceed.

Create a shortcode for the actual widget embed itself. Click “Add Snippet” from the side bar and choose the “Add Your Custom Code” option again. You will paste the code reference from the OTS admin screen into the Code Preview box. Make sure Type is set to “HTML Snippet”, Insert Method is “Shortcode”. Click the Save Snippet to proceed.

On the page where you would like to embed the widget, choose the Shortcode block type and insert the shortcode generated in the previous step.

Related Articles
Did this answer your question?