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 Wix 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.
Your developer will need access to your theater/school website to be able to embed the widget using these instructions. Please share the code and this article to your developer.
Ensuring You Can See the Editor Function on Wix
Wix loads the widget in an iframe from the <metasiteid>.filesusr.com domain, just like they do on the patron-facing site.
The <metasiteid> part of the URL is at the end of the wix editor URL:
So for Circle Theatre we need to copy this part from the end of the editor URL:
18ac31c7-1ef7-4e0c-bce4-aec5f2fec782
And then paste it in front of filesusr.com to get this: https://18ac31c7-1ef7-4e0c-bce4-aec5f2fec782.filesusr.com. and then add that to our Allowed Domains.
Next Steps to Add the Widget - WIX Specific
For Wix websites you will need to allow two different domains:
The Wix editor URL
A file user URL that is specific to your website.
The format of your website URL is: https://www-YOURWEBSITENAMEHERE-com.filesusr.com
For example, the http://onthestage.com domain would be formatted as https://www-onthestage-com.filesusr.com
Add a new section on the page where you would like your ticket widget to appear by selecting Add Section and Blank Section.
The format of your website URL is: https://www-YOURWEBSITENAMEHERE-com.filesusr.com
â
For example, the http://onthestage.com domain would be formatted as https://www-onthestage-com.filesusr.com
đWalk Through
Begin by learning how to configure your widget here.
1. Create a Section for Your Widget
In the Wix Editor, navigate to the page where you'd like your ticket widget to appear.
Select Add Section and then Blank Section. Rename the new section widget-section by selecting the T next to the section name.
2. Add the Widget Embed
Click Add Elements in your Editor.
Click Embed Code.
Click Popular Embeds.
Choose Embed HTML.
Click Enter Code.
In the Add Your Code section, paste the widget embed code exactly as copied from your OTS Dashboard.
Click Update.
đ Noteworthy: You no longer need to add a separate Code Reference or script to your website's header. Simply paste the widget embed code from OTS into the Add Your Code field.
3. Preview and Publish
After completing these steps, you should see your widget appear in the Wix preview.
Click Publish to make the page live for your patrons.
â You're Done!
Your On The Stage widget is now embedded on your Wix website and ready for patrons to use. đď¸
Important Wix Limitation
The OTS Ticket Widget is designed to open in a full-screen modal once a patron selects a performance date and time and begins selecting tickets. Unfortunately, Wix does not allow this behavior. As a result, patrons may complete their purchase in a smaller-than-ideal window. This is a limitation of the Wix hosting environment rather than the OTS Widget.
The OTS Ticket Widget is intended to open in a full screen modal once your patron selects a performance date and time and begins selecting tickets. Unfortunately, Wix does not allow this behavior and your patrons will complete their purchase in a smaller-than-ideal window. Consider migration to a less restrictive hosting platform to improve the experience.