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

• Hiding a schedule on the timetable widget

  Hiding a schedule from your timetable widget lets you keep it in your account without displaying it online. This gives you more control over what customers see, ensuring only the schedules you’re ready to offer are visible on your booking page. ...

• Add your booking widget to your website

  Add your booking widget to your website You can add your Nabooki 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, ...

• Add a service image and description

  Add a service image and description You can customise the display of your service by adding a description and image. This article walks you through the steps of adding a service image and description. Before You Start If you haven't set up a service ...

• Enabling customer feedback emails

  Enabling customer feedback emails Customer feedback emails let you automatically collect reviews from customers after their booking is complete. This guide walks you through enabling feedback emails, viewing the responses, and displaying reviews on ...

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