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 GoDaddy 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.
šWalk Through
Access the widget configuration from your dashboard.
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.
ā
To add the initialization scripts into your head tag of your website page:
Open the edit tool for your Squarespace site and select Pages and scroll to the bottom of the list in the left hand navigation bar.
Click Custom Code.
Add the Code Snippet to the header. Do not remove any existing code - simply add the OTS code block on a new line.
After adding your code, hit Save.
To add the code reference to a specific spot on your website:
Add a content block wherever you wish on your website.
In the menu when you add content block - choose āCodeā
Click the pencil icon to edit the Code within this block
Paste your code reference in this modal and hit Save.
Notes:
Sometimes on Squarespace preview, the widget will appear as pulsing gray lines within a white box. Publish your site and view the live version in order to see if content is appearing.
Do not add more than one code reference to a page - the widget will not render correctly and content will not appear.
š Recap: Adding the Widget to Squarespace
This article guides you through embedding the OnāÆTheāÆStage ticket widget on Squarespace. First, you add the initialization code snippet to your site's <head>
via the Custom Code section. Then, to display the widget on specific pages, you insert a Code block where you want it to appear and paste the widget reference inside. While the preview may show placeholder gray lines, publishing the site will render the widget correctly
š Best Practices for Adding the Widget to Squarespace
š”ļø Insert snippet into the
<head>
only once
Add the initialization code in the Custom Code ā Header sectionāavoid pasting it multiple times or in other areas to prevent errors .š§© Use a single Code block per page
Limit to one widget reference per page to ensure proper renderingāduplicates can break functionality .š Publish to view the widget live
The Squarespace preview may not render the widget visually; publish your site and check the live version to confirm appearance Intercom.š Position intentionally
Place the Code block where ticket selection is most relevantālike right under event detailsāto make the purchase flow intuitive.ā Test functionality post-publish
Once live, verify that the widget displays correctly, loads actual shows, and supports ticket purchasing across devices.