Embed the booking widget to your website
Embed the booking widget to your website
You can embed your booking widget to your website in two ways:
- A full embedded booking tool
- Book Now button that opens the booking tool when clicked.
Both options use an embed code you copy from Nabooki, and you can decide what works best for you.
Step-by-step instructions
- Go to Online Widgets > Booking Widget.
- Click the Website Integration tab.
- Select the booking tool you want to embed — either the all services option or a specific service from the drop-down.
- Choose how you want to display the booking tool on your website:
- Booking Tool — embeds the full booking calendar directly on your page. This is a good option if you have space on the page and want to make it easy for visitors to book without any extra clicks.
- Book Now Button — adds a button to your page that opens the full booking tool when clicked. This is a good option if space is limited.
- Copy the embed code provided.
- Add the code to your website, either by paste it into your site editor or passing it on to your website developer.
- After you've embedded the code, you can test the widget.
💡 Tip: If you use a Content Management System such as WordPress, Wix, or Weebly, you may need to install a plugin that supports iframe code before you can add the embed code.
⚠️ Warning: Some website platforms restrict how embedded code works on mobile devices, which can prevent the booking tool from displaying correctly. If this happens, use the direct booking widget link instead of the embed code.
⚠️ Warning: Some website platforms restrict how embedded code works on mobile devices, which can prevent the booking tool from displaying correctly. If this happens, use the direct booking widget link instead of the embed code.
Need Help?
If you need assistance, contact our support team:
💬 Live Chat: Click the chat icon in the bottom-right corner of the screen.
📧 Email: support@nabooki.com
Related Articles
Booking Page
The Booking Page allows you to create a standalone online booking page for your business. This page can be shared directly with customers using a unique URL or linked to your existing website. It provides a simple way for customers to view your ...Where to find the booking widget link/URL
The booking widget link/ URL is where the booking tool is located online. This can be used as a standalone page to make bookings or be a source for custom uses. Using the left navigation menu, go to Online widgets > Booking widget > select all ...How to add the Timetable widget to your website
Timetable view is a booking feature that allows you to display schedules on a standalone page or as a widget. This Timetable Widget will show schedules for the week, with an option to switch to a daily view. Schedules will be listed in order from the ...How to Set Up and Manage Gift Vouchers
Gift vouchers let you offer customers a flexible way to purchase your services as gifts. This article explains how to create, configure, and manage gift vouchers in Nabooki so customers can buy them online and redeem them during booking. Please note: ...How to Use Categories to Organise Services in Your Booking Widget
Categories allow you to group related services together, improving the customer experience by making it easier to navigate and select the right service. This feature is especially useful if you offer a large number of services and/or service types. ...