Skip to main content

Elementor widget

Use the Elementor widget when your booking page is designed in Elementor and you want the calendar to fit inside that layout.

Add the widget​

  1. Open the page in Elementor.
  2. Search for TheBooking widget.
  3. Drag it into the page.
  4. Choose Monthly calendar or Reservations list (logged users only).
  5. Update the page.

Monthly calendar options​

The monthly calendar can be limited to selected services or providers. This is useful for dedicated pages, campaign pages, or provider profile pages.

You can also enable:

  • Read-only mode, when customers should only see availability;
  • Logged-only booking, when bookings require a WordPress account.

Booking flow​

In the Configuration section, Booking flow decides how customers start a booking from this widget:

  • Use global setting (default) follows Settings > Core > Frontend > Booking flow.
  • Service first starts from the list of services.
  • Calendar first starts from a calendar of availability across services.

See Booking workflow for what customers see in each flow.

Reservations list​

The reservations list is the My bookings area, where customers review their bookings. It does not use the booking flow or the service and provider restrictions.

Test the layout​

Preview the page on desktop and mobile. The widget uses the configuration of TheBooking: if the preview shows no times, check that the selected services and providers are in an active availability plan.

Last updated on