The embedding process is simple!
Go to your main dashboard and click on Widget under the Settings tab.
Next, you will need to whitelist the domain on which you intend to embed the widget.
Click on the red + sign circle to add a whitelist page.
Within the 'Create Whitelist' dialog box, enter the Domain URL you want to whitelist. The description is for internal purposes for box office users.
Click on 'Create' to save your entry.
Under 'Code Snippet' there is an initialization script in order for you to embed your widget. You should copy and paste this widget into the head tag of your website page. This code snippet will be needed no matter what kind of widget you choose to configure during the next step.
Selecting Widget Type
Under 'Select a Widget Mode' you have two options for widgets to embed.
Let's look at an Inline Widget first.
Inline Widget: This widget embeds directly into the body of your website and display all widget content as users scroll.
The second option is a Modal Widget.
Modal Widget: This modal widget enables a pop-up modal to be embedded on website. This modal appears as a button.
After you select your Widget type, you need to choose what content to display on your Ticket Widget.
If you leave the production selection and performance selection blank, all available productions from your organization will be displayed.
If you wish to only display a single production, select the production from the list and leave the event space blank.
If you wish to display a single event date within a production, select the production from the list, and next select the event date.
Once you have configured your widget (choosing what kind of widget you'd like to embed, choosing which production(s) to show, and choosing which event to show (if applicable) - a code reference will be generated for your widget.
NOTE: Any data updates on your account (i.e. new productions launched, new show dates added) will reflect in your widget. If you want to change from a single production to multi-production view, or if you want to change the specific performance date displayed - you must create a new widget and update the code snippet within your website.