Booking Widget

A full appointment booking flow — service selection, date picker, time slots, and confirmation form.

Requires: Services + Business Hours configured

What it does

Renders a multi-step booking flow: visitors choose a service, pick a date, select an available time slot, and fill in their details. Confirmed appointments appear in Dashboard → Bookings. Available slots are generated automatically from your business hours and service duration.

Admin setup

  1. Go to Dashboard → Business Hours and configure your weekly schedule. The booking widget uses this to generate available slots.
  2. Go to Dashboard → Bookings → Settings. Click New Service and enter the service name, duration (minutes), and optional price and description.
  3. Embed the widget. Visitors can now book appointments immediately.
  4. Manage confirmed bookings at Dashboard → Bookings.

Embed

Widget snippet 
<div data-statiq="booking"></div>

Attributes

AttributeTypeDefaultDescription
data-statiqstring—Required. Set to "booking"
⚠ The booking widget shows no available slots if Business Hours are not configured. Set your schedule at Dashboard → Business Hours before embedding.

Live Preview

Uses your real site data. Enter your site key to render this widget live.

Enter your site key above to preview this widget with your real data.