Skip to main content

Adding the Widget to your Squarespace Site

Need to add the widget to your Squarespace site? Here's how to do it.

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

  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.
    ​


To add the initialization scripts into your head tag of your website page:

  1. 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.

  2. Click Custom Code.

  3. Add the Code Snippet to the header. Do not remove any existing code - simply add the OTS code block on a new line.

  4. After adding your code, hit Save.

To add the code reference to a specific spot on your website:

  1. Add a content block wherever you wish on your website.

  2. In the menu when you add content block - choose ā€˜Code’

  3. Click the pencil icon to edit the Code within this block

  4. Paste your code reference in this modal and hit Save.

Notes:

  1. 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.

  2. 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.

Did this answer your question?