How to add the booking widget to your website

How to add the booking widget to your website

Steps on how to add booking tool to your website

1. Log in to your nabooki account.
2. From the navigation panel on the left side of your screen, please click Online Bookings.
3. Click Website Integration
4. Select the 'All Services Widget' to display all services or use the drop-down to select an individual service, then follow the steps to copy the code.
5. Select if you want to put the entire booking tool or use a book now button and copy the code below.

Note: Other website builders have limitations with the book now button function as it won't fit properly in your screen.


6. Access your website editor or provide your web developer with the code.

If you require assistance adding the booking tool to your website, contact our support team using the live chat button in the lower right corner of the screen. 


Booking Tool or Book Now Button options

We have two options on how you can add it to your website. All you have to do is to tick whichever you prefer from the page. Below are sample pictures of how it would display on your website.

Entire booking tool
If you have the space available on your web page, having the booking calendar provides a great visual tool to help convert visitors into customers.



Book now button
If your space is limited, adding the book now button is the best option. Once a customer clicks on book now, they will be directed to the whole booking tool where they can book in.



The code required to add either the Online Booking Calendar or Booking Button is an iframe.


If you have access to edit the content on your website using a Content Management System such as Wordpress, Wix or Weebly, you may be required to add a plugin to add the iframe code, otherwise, seek assistance from your web developer.


Please note: Some website providers have restrictions that prevent the booking tool from working on mobile devices if embed code is utilised. Instead, please utilise the direct booking widget link.


    • Related Articles

    • 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 add a service

      Each business is different and nabooki is built with the flexibility to meet a wide variety of requirements across the service industry. This article will cover a basic service setup which is great for first time users and most business operations. ...
    • How to add the booking widget to your Facebook Business Page

      Adding the booking widget to your Facebook Business Page The Call to Action button encourages people to take an action that is important to your business. In this article we will show you how to add the booking tool to your Facebook Business page by ...
    • 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 Bookings > Website Integration > select all ...
    • What is a mini-website?

      Please note: Account setup must be complete. Mini-website will display your booking tool, business details such as a business address, hours and contact details. You can create a mini-website and that can be shared with customers or can be linked to ...