πŸ“–
Documentation
  • πŸ‘‹TheBooking
  • Overview
    • ✨Main Features
  • Fundamentals
    • πŸ”ŒInstallation & Update
    • πŸ› οΈGetting set up
      • πŸ“Creating Services
      • πŸ§‘Defining Providers
      • πŸ™‹Availability
      • πŸ—“οΈPlacing widgets
        • WordPress Block Editor
        • Elementor
    • πŸ’»Booking workflow
  • Integrations
    • πŸ“…Google Calendar
      • Google Project Setup
      • Connecting a Google Account
      • Providing Availability (3-way)
      • Create events after reservation
      • Block availability when busy
      • Google Meet
    • πŸ—ΊοΈGoogle Maps
    • 🎦Zoom Integration
  • Guides
    • πŸ“±Customizing the Frontend
    • πŸ’²Activating Payments
  • Services
    • Overview
    • Settings
      • General
      • Frontend
      • Approval
      • Cancellation
      • Payments
      • Access
      • Redirect and conversions
    • Personal settings
      • Personal Availability
      • Behavior
      • Overlapping
      • Personal notifications
    • Notifications
    • Booking form
  • Promotions
    • Overview
    • Settings
      • General
      • Advanced
      • Target services
  • Translations
    • Language files
    • Create translations
    • Upgrading custom translations
    • WPML
  • Troubleshooting
    • Email notifications not sent
  • FAQ
    • Services
    • Payments
    • Notifications
Powered by GitBook
On this page

Was this helpful?

  1. Fundamentals

Booking workflow

Quick demonstration of the frontend workflow, as seen by customers.

PreviousElementorNextGoogle Calendar

Last updated 2 years ago

Was this helpful?

What the customer sees on your website depends on the widget type you choose. In our example, we choose the Monthly Calendar, which is suitable for Appointment Services.

The plugin is already configured with 2 services and some availability is provided for them.

We want to book a sevice on a certain date so we click on it. A step-by-step process starts with the selection of the service (this step is automatically skipped if there is only one service in the selected day).

Notice that in our case the 2 services both have a price. In particular Dental Care has a variable price, because its reservation form contains choices that may increment the price, when selected (we won't see that in this example, though).

We select Therapy Session.

The next step is the selection of the desired time slot. In our example, the system is configured to allow only one slot per reservation, so we can select one time slot only.

The system can also be configured to allow multiple adjacent time slots selection, so that the customer has the ability to extend the reservation time (if a price is configued, the final amount will adapt as well).

After the selection, a form to collect reservation data is displayed. In our case, the form is pretty basic, but it's fully configurable and very flexible.

In our example, the Therapy Session service is configured to have a time slot capacity greater than 1, so it can accept more tickets. That means that reservations for the same time slot will be possible until the capacity is full. Final amount adapts to the quantity of tickets selected.

A service can also be configured to have a time slot capacity greater than 1 and yet allowing only 1 reservation per customer. In that case, the customer won't see a tickets selection field.

πŸ’»
Monthly calendar
Service selection
Time slot selection
A basic reservation form