It covers the steps for creating the widget, selecting tickets, adding the necessary code, and explaining the logic behind the display of timeslots and prices.
Steps to follow
1. Create the Booking Widget
Go to Create → Booking Widget in your Smeetz dashboard.
2. Select Tickets
In the widget creation menu, select all the tickets you want to display in the same calendar.
3. Copy Widget Code
Go to Advanced Integrations and copy the generated widget code to your website.
4. Add grouptickets Attribute
In your widget code, locate the
catsattribute.Immediately after it, add a new line:
grouptickets: '10468,10469',
The value of grouptickets should match the value of cats.
Example
Original widget code snippet:
cats: '10468,10469',
Updated snippet:
cats: '10468,10469',
grouptickets: '10468,10469',
This will combine the selected tickets into the same calendar.
Behaviour
Multiple Tickets: You can include more than two tickets in the same calendar.
Timeslot Grouping: Timeslots are grouped by their start time.
Example:
Ticket A: 10:00–12:00 daily
Ticket B: 10:00–11:00 and 11:00–12:00 daily
The calendar will show 10:00 and 11:00 as available timeslots.
Price Display:
Clicking on a timeslot lists the prices for all tickets that start at that time.
In the example above:
10:00 → Prices for Ticket A and Ticket B
11:00 → Prices for Ticket B only
Distinct Timeslots: If tickets have different timeslots, each timeslot will display the corresponding ticket prices.