Embed the booking widget to your website
Embed the booking widget to your website
You can embed or add 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
Embed the timetable widget to your website
Embed the timetable widget to your website The Timetable Widget displays your upcoming schedules in a weekly view that customers can browse and book from directly. This guide walks you through adding it to your website. Before You Start: You'll need ...Add a new booking
Add a new booking You can manually add bookings to your calendar if you have phone, email, or walk-ins. There are various ways to add a booking, depending on how your account and services are set up. We'll walk you through the options below. Add a ...Using the timetable widget
Using the timetable widget The Timetable Widget displays your upcoming schedules in a weekly view that customers can browse and book from directly. This guide explains how the widget works and walks you through adding it to your website. What is the ...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 ...Adding your logo and social links
Adding your logo and social links Upload your business logo and add your social media links so your brand appears consistently across your booking page and any Nabooki-powered marketplace listings. Before You Start: You'll need your logo file ready ...