Events

Events can be subscribed in the widget code in the same way as adding parameters, using the cbk(key, value) method.

onNavigate event#

This event is triggered when a navigation is made, either by user interaction or by an automatic event. This also represents a change in the hash url.

cbk("onNavigate", function(navigation) {
  console.log("Navigation was made", navigation);
});

The navigation argument will be an object with the following structure.

{
  direction: "forward",
  from: "service",
  to: "calendar"
}

note

When this event is triggered the widget will automatically send page view events to Meta Pixel and Google Analytics, if they are present on the page.

onReserved event#

This event is triggered when a time slot is reserved. If this parameter is set, the specified method will be run with the booking properties as the only argument.

cbk("onReserved", function(booking) {
  console.log("Booking reserved", booking);
});

The booking argument will be an object with the following structure.

{
  bookingRef: "qAxDM5rz",
  customer: {
    name: "Full Name",
    phone: "+46812345678",
    email: "email@gmail.com"
  },
  date: "2021-04-30",
  length: 60,
  location: "Cliento AB",
  locationId: "7DUdvNGJ5LXQK83UlWTJ1O",
  price: 500,
  resource: "Resource Name",
  services: ["Service 1", "Service 2"],
  time: "09:00"
}

note

A time slot is reserved when user has selected a time and entered their customer details. If the booking is not completed within 5 minutes, the time slot will be released.

onCompleted event#

This event is triggered when a booking is completed. If this parameter is set, the specified method will be run with the booking properties as the only argument.

cbk("onCompleted", function(booking) {
  console.log("Booking completed", booking);
});

The booking argument will be an object with the following structure.

{
  bookingRef: "qAxDM5rz",
  customer: {
    name: "Full Name",
    phone: "+46812345678",
    email: "email@gmail.com"
  },
  date: "2021-04-30",
  length: 60,
  location: "Cliento AB",
  locationId: "7DUdvNGJ5LXQK83UlWTJ1O",
  price: 500,
  resource: "Resource Name",
  services: ["Service 1", "Service 2"],
  time: "09:00"
}

note

When this event is triggered the widget will automatically send purchase events to Meta Pixel and Google Analytics, if they are present on the page.