Skip to main content

Adding The Widget to Your Wix Website

This article will walk you thru on how to add the widget to your own custom Wix website domain.

Updated this week

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.

Click for instructions for GoDaddy, Wordpress or Squarespace sites.

👟Walk Through

  1. Access the widget configuration from your dashboard.

  2. Whitelist your Domain URL by typing in the full URL address. Then add a brief description if needed. Domain whitelist allows you to restrict which URLs your ticket widget can be displayed on. This helps you maintain security control over your widget and make sure they are showing up only on the sites you want them to be shown. You can whitelist multiple domains by repeating the same process.
    ​

Select your Host and add the code snippet to your webpage.

Select your host from the drop-down menu. The code snippet that your web developer will include on your site will vary depending on your host.

This is your unique initialization script for your widget. Your developer should copy and paste this widget into the head tag of your website page.

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.

Note: Customers using Wix may experience some limitations in using the widget due to the restrictions imposted by those hosting providers. On The Stage regrets that there are no workarounds.

Next Steps to Add the Widget - WIX Specific

For Wix websites you will need to whitelist two different domains:

  • Whitelist the Wix editor URL

  • Whitelist 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

Add a new section on the page where you would like your ticket widget to appear by selecting Add Section and Blank Section.

Rename your new section to “widget-section” by selecting the T next to the section name.
​

Following the ‘Adding an embed' instructions from Wix’s support documentation - complete the steps below:

Now that you have renamed the widget-section you can add the embed.

  1. Click Add Elements in your Editor.

  2. Click Embed Code.

  3. Click Popular Embeds.

  4. Choose Embed HTML

  5. Click Enter Code

  6. In the ‘Add Your Code’ section - paste the embed code exactly as copied from the OTS Dashboard

Click Update.

After completing these steps you should see your widget appear in the preview of your browser.

Click Publish to make the page live for your patrons to see.

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.

🎓 Recap

This article details how to embed the On The Stage ticket widget on your Wix site. You begin by whitelisting both your live site domain and Wix’s preview domain in the Widget Configuration dashboard. Then, in the Wix Editor, add a blank section, rename it (e.g. “widget-section”), and insert a Custom HTML embed where you paste the widget snippet. Once previewed and published, the widget appears on your site—though Wix limitations mean ticket purchases open in a smaller modal window rather than full-screen.

🚀 Best Practices for Adding the Widget to Wix Sites

  1. 🛡️ Whitelist both your domain and Wix preview domain
    Ensure both the live site and preview domain formatted like https://www-YOURSITENAME-com.filesusr.com are whitelisted to avoid embed errors.

  2. 📄 Organize your page with a named blank section
    Create a blank section in the editor, rename it (e.g., "widget-section"), and drop the Custom HTML embed there for clarity and easy styling.

  3. ✂️ Paste the exact snippet into the embed code
    Copy the widget code precisely from your On The Stage dashboard into the Wix embed—any changes may break functionality.

  4. 👀 Preview, then publish to finalize
    The widget should appear in editor preview, but be sure to publish the site so patrons can fully interact and purchase tickets.

  5. ⚠️ Be aware of Wix’s modal constraint
    Wix only supports a smaller in-page modal for ticketing, not full-screen—consider this limitation when designing the user experience.

Related Articles
Adding the Widget to Your GoDaddy Site
Adding the Widget to Your Wordpress Site
Adding the Widget to your Squarespace Site
Adding the Widget to your Weebly Site
Adding the Widget to Your Google Site
Did this answer your question?