Skip to content

Add Widget To Website

Adding the widget coding to your website will allow customers to purchase tickets seamlessly through your website directly, in addition to DesignMyNight. 

Follow the steps below to successfully add a widget onto your site:

1. Click Manage on your Event  
2. Select Widget Wizard
3. Customise the colours of the widget via the Widget Design dropdown
4. See advanced options for the widget via the Widget Customisation dropdown
4. Copy HTML code or Widget URL from the Widget Code box located at the bottom and paste into your website 

Widget Customisation Options:

Show or hide ticket descriptions - Choose whether to display the ticket description or display the name only.
Display the Widget in Page or via a Button - Either a button stating 'buy now' can be initially visible to the customer or the widget itself.
Show Join Wait List button on sold-out dates - Select the option for customers to add their email to the waiting list directly from the widget.
Display the widget header - Choose whether to display the Widget header on the widget or hide this.
How Should The Checkout Open? - Choose whether the widget should open in full screen or in a new tab once guests proceed to the checkout.
Do you want to open the widget on a specific date? -  When running an event with multiple dates, use this option to make the widget open on a chosen date only. See our guide on this here for more information.  

The best way of figuring out what widget customisation will work for your website is by trying out each of the functions and viewing the appearance of them on the right-hand side of the page. 

For more customisation options and instructions on how to integrate the widget coding with specific website creators, check out our guide here.  

Note: Each time the widget is edited the code changes and therefore the new code needs to be copied and applied to your website. 


Feedback and Knowledge Base