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.
Conversion strategies ("Hurry up!" and "Sold out!")
Conversion strategies are set on each ticket in Product > Select a ticket > Time slot display options. When several tickets share one time slot, the widget combines their strategies as follows.
On the time slot
At this time | The time slot shows |
No ticket is available | Sold out! The time can't be selected. |
Only one ticket is still available | That ticket's "X left!", if its "Hurry up!" strategy is on and its remaining availability is at or below its own threshold. |
Several tickets are still available | "Few left!" (no number), if at least one of them has "Hurry up!" on and is at or below its own threshold. |
After the visitor picks a time
Each ticket in the list shows its own badge:
"X left!" if its "Hurry up!" strategy is on and its remaining availability is at or below its threshold.
"Sold out!" if it has no availability left, even when its "Hurry up!" strategy is off.
Good to know
Each ticket uses its own strategy settings (on/off and threshold). The order of the tickets in grouptickets doesn't change which badge appears.
If the grouped tickets have different badge styles, the badge on the time slot uses the style of the first ticket in the grouptickets list. In the ticket list, each ticket's badge keeps its own style.
We advise using the same badge style on all grouped tickets.
Example
A show at 20:00 with a Standard ticket ("Hurry up!" at 20 or fewer) and a VIP ticket ("Hurry up!" at 10 or fewer).
Availability at 20:00 | Time slot | After picking 20:00 |
Standard 85, VIP 8 | Few left! | VIP shows "8 left!" |
Standard 9, VIP 0 | 9 left! | VIP shows "Sold out!" |
Standard 0, VIP 0 | Sold out! | Can't be selected |
Standard 150, VIP 14 | Nothing | Nothing |
Limitations
The first ticket in the grouptickets list sets the name and description shown in the widget.