Bookings Widget

This page explains the Bubi bookings widget.

The bookings can be placed in your page, by adding the following HTML snippet.

Note: that you need to add the scripts for widget as explained in Adding widgets page.

<bubi-all-bookings></bubi-all-bookings>

This widget can be loaded in multiple ways, and depending on the tag name you place in the HTML it will behave differently

To load all upcoming confirmed bookings from all partners place the following HTML tag:

<bubi-all-bookings></bubi-all-bookings>

To load upcoming confirmed bookings from for the current partner location only:

<bubi-bookings></bubi-bookings>

To load all upcoming reservations (unconfirmed bookings) from all partners place the following HTML tag:

<bubi-all-reservations></bubi-all-reservations>

To load upcoming reservations (unconfirmed bookings) from for the current partner location only:

<bubi-reservations></bubi-reservations>

To load all past bookings from all partners place the following HTML tag:

<bubi-all-past-bookings></bubi-all-past-bookings>

To load past bookings from for the current partner location only:

<bubi-past-bookings></bubi-past-bookings>

To load all invitations from all partners place the following HTML tag:

<bubi-all-invitations></bubi-all-invitations>

To load invitations from for the current partner location only:

<bubi-invitations></bubi-invitations>

The Bubi Widget also can use hash paths to load a form directly regardless of the tag being used:

#/customer-area/all-bookings: Loads all upcoming confirmed bookings from all partners. #/customer-area/all-reservations: Loads all upcoming reservations (unconfirmed) bookings from all partners. #/customer-area/all-past-bookings: Loads all past bookings from all partners. #/customer-area/all-invitations: Loads all upcoming confirmed bookings from all partners. #/customer-area/bookings: Loads all upcoming confirmed bookings from current partner. #/customer-area/all-reservations: Loads all upcoming reservations (unconfirmed) bookings from current partner. #/customer-area/past-bookings: Loads all past bookings from current partner. #/customer-area/invitations: Loads all upcoming confirmed bookings from current partner.