This article will walk you thru on how to add the widget to your own custom Weebly website domain.
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.
š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.
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.
Next Steps to Add the Widget - Weebly Specific
Log in to Weebly
Go to www.weebly.com and log in to your account.
Open the Editor
Choose the website where youād like to add the widget and click āEdit Site.ā
Add an Embed Code Element
From the left-hand toolbar, drag the āEmbed Codeā element onto the section of your page where you want the widget to appear.
Paste Your Widget Code
Navigate to your Marketing tab, find Widgets, and copy the code provided for your show or event.
Return to Weebly, click into the Embed Code element, then click "Edit Custom HTML." Paste your code there.
Noteworthyš: Use "Other" as the host and put both the Code Snippet and Code Reference in the "Embed Code" input field in Square/Weebly.
5. Publish Your Site
Click āPublishā in the top-right corner of Weebly to save your changes and make the widget live!
ā Youāre Done!
Your On The Stage widget is now embedded and ready to engage your audience right on your Weebly site. šļø
š Recap: Adding the Widget to your Weebly Site
This article explains how to add the OnāÆTheāÆStage ticket widget to a Weebly website. You log in to your Weebly account, open the Editor, and drag an Embed Code element onto the page. Next, you paste the full widget snippet (code and reference) into the elementās Custom HTML field. Finally, you publish your site, and the ticket purchasing interface becomes live and accessible directly from your Weebly page.
š Best Practices for Using the Ticket Widget on Weebly
š”ļø Whitelist your siteās URL
Before embedding, ensure your domain is added in the Widget Configuration dashboardāwithout this, the widget won't load on your Weebly site.š ļø Use the "Other" host option
When copying the snippet, select āOtherā to include both the code snippet and reference together in the Embed Code element.š Place the widget thoughtfully
Drag the Embed Code element into a section that fits naturally with event detailsāthis ensures an intuitive placement for your patrons.š Preview then publish
After embedding, hitāÆPublish so the widget appears live; it's fully functional only on the published site, not just in the editor.