Find the booking widget code
To find your widget code, follow the steps below:
Click Settings.
Click Sites, then select a site.
Click Booking widget & links.
Click Widget Wizard.
Your code is under the WIDGET CODE header.
⚠️Important: Do not press Save after making the changes in this section. As you make changes, the widget code automatically updates.
After you've made your changes, you need to copy and send the most up-to-date version of the code to your web developer.
If you refresh or leave the page, the Widget Wizard returns to the default settings.
Use the Widget Wizard
You can control the following features of the widget using the wizard:
Create a centralised widget to list all the sites in your organisation.
Hide offers from the initial widget.
Display Sunday as the start of the week on the calendar instead of Monday.
Change the order of the Booking Flow: Ask for the Booking Type before the date is selected.
Custom Source.
Display specific booking types on your widget.
Add Google Analytics tracking.
Direct customers to a branded page once they've completed their booking by adding a custom return URL.
Style the colours on the widget.
📌Note: Only Booking Types that you've set to Can Book for at least one day of the week display on the widget. If you haven't set any available booking days, the booking type doesn't appear on the widget.
Add a custom return URL
Before you start, please ensure that your web server and application can accept POST requests from the designmynight.com domain, including any subdomains.
🤓Tip: This is a good way to direct customers to a branded thank you for booking page, and opens up opportunities for you to add tracking.
You can direct customers to another URL by following the steps below:
Click Settings, then click Site, and your site.
Click Booking Widget & Links
Click Widget Wizard.
Under Do you want to redirect users to a certain URL after placing a booking? select Enable return URL.
Add your return URL.
The widget code in the shaded grey box automatically updates with the return URL.
Copy the full widget code, and send it to your web developer.
📌Note: Your web developer selects which booking details are displayed on the custom return page. The booking details are returned to you in our default format; if you need to reformat any details reach out to your web developer.