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 start of the day to the end, and list +6 following days from your chosen date. To provide a more friendly & faster user experience, we have added the “Book Now” button, which once clicked will open the single service widget for your customer to then proceed to book a booking.

 

 

NOTE: The Timetable view is only for live view of your booking system based on the current schedule availability. 

Schedules will appear on the Timetable view if they:

• Are part of an active service or option that’s not deleted, expired, deactivated, or promotional.

• Are marked as “Invisible Online” but are still active.

• Schedules can be recurring or specifically adjusted, as long as they’re active, not deleted, and fall within the service’s active dates.
  

Schedules will NOT appear on the Timetable view if they:

1. Overlapping Schedules: If two schedules from the same calendar, resource or user overlap, the widget will not display them both at the same time.
   
2. Multiple Locations: If a service is offered at more than one location, the widget will always automatically select the first location, even if you choose the second.
   
3. Similarly, if a service has multiple options, the widget will automatically select the first option.
   

To add the Timetable Widget to your website

1. Go to Online widgets.
2. Click on Timetable widget.
3. Click the Preview button to see the widget on a new page.
4. To add it to a website, use the iframe code given on the same page.

How to change the service name

By default, the service name and the availability are shown in the timetable view if there is no schedule name set in it. To change the schedule name, go to the service settings page Inventory > Services > Availability > Add a schedule name by clicking the schedule. Add your service name to the pop-up menu.

How to Change Availability/Capacity

By default, the remaining available spots are automatically shown to the customer.

Schedule legend:  Full is Red,  Closed is Gray & Available is Green

 To disable the availability/capacity setting, you can go to the service setting page Inventory > Services > Edit > Booking preferences > Set “Show remaining capacity during booking” to “No”.

---

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

• How to add the booking widget to your website

  Steps how to add booking tool to your website Log in to your Nabooki account. From the navigation panel on the left side of your screen, please click Online widgets > Booking widget. Click Website Integration tab. Select the 'All Services Widget' to ...

• How to Add or Edit a Service Description and Image

  Enhance your customer booking experience by adding a service description and image to your booking widget. A well-detailed service listing helps customers understand what they’re booking, improves conversions and ensures they choose the right ...

• How to Manage Your Business Details in Nabooki

  The Business Details section in Nabooki allows you to store key company information, including your business name, website, and logo. While these fields are optional, keeping them up to date can be beneficial for branding and system integrations. Why ...

• 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. ...

• 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 ...