---
description: Workflow page of a booking confirmation
---

# Book a Listing (Flat Rate)

{% hint style="info" %}
<mark style="color:blue;">Path: Homepage > All listings > Listing > Booking</mark>
{% endhint %}

## Definition <a href="#id-1.16.x-bookingconfirmationpages-servicesbundle-definition" id="id-1.16.x-bookingconfirmationpages-servicesbundle-definition"></a>

The booking request process is made out of the checkout + the payment process + the final confirmation

<mark style="color:red;background-color:yellow;">WHO CAN USE THIS FEATURE?</mark>

Logged in users

## Create a service booking <a href="#id-1.16.x-bookingconfirmationpages-servicesbundle-createaservicebooking" id="id-1.16.x-bookingconfirmationpages-servicesbundle-createaservicebooking"></a>

{% tabs %}
{% tab title="One-Shot Service" %}
### Create a booking (One-Shot Service) <a href="#id-1.16.x-bookingconfirmationpages-servicesbundle-createaservicebooking" id="id-1.16.x-bookingconfirmationpages-servicesbundle-createaservicebooking"></a>

Select a listing and choose the date and starting time (figure 1).

<figure><img src="https://content.gitbook.com/content/n4EIoqjZx1xWQIo6LnjB/blobs/HFuPKWpDishbw6sjJTdo/image.png" alt=""><figcaption><p>Figure 1</p></figcaption></figure>

To add a service, click “Add a service” (figure 2). This will redirect the user to the services available in the listing (figure 3). Click “Add” (figure 3) in the service card to add this service to the booking.

<figure><img src="https://content.gitbook.com/content/n4EIoqjZx1xWQIo6LnjB/blobs/Qh2chuhyvrGuh4Qqbsou/image.png" alt=""><figcaption><p>Figure 2</p></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/n4EIoqjZx1xWQIo6LnjB/blobs/NHiYFacvPhQN41dYbcBn/image.png" alt=""><figcaption><p>Figure 3</p></figcaption></figure>

The user can set the orderable quantity in the booking (figure 4).

<figure><img src="https://content.gitbook.com/content/n4EIoqjZx1xWQIo6LnjB/blobs/eUiPwN8nas4HLjA7xCHN/image.png" alt=""><figcaption><p>Figure 4</p></figcaption></figure>

Click “Book now” (figure 5).

<figure><img src="https://content.gitbook.com/content/n4EIoqjZx1xWQIo6LnjB/blobs/AVMIuHTllWXFdozGFlGO/image.png" alt=""><figcaption><p>Figure 5</p></figcaption></figure>
{% endtab %}

{% tab title="Subscription" %}
### Create a booking (Subscription) <a href="#id-1.16.x-bookingconfirmationpages-servicesbundle-createaservicebooking" id="id-1.16.x-bookingconfirmationpages-servicesbundle-createaservicebooking"></a>

Select a listing and choose the date and starting time (figure 1).

<figure><img src="https://content.gitbook.com/content/n4EIoqjZx1xWQIo6LnjB/blobs/ejsC8g6720USUPblbrUn/6988432471.png" alt=""><figcaption><p>figure 1</p></figcaption></figure>

To add a service, click “Add a service” (figure 2). This will redirect the user to the services available in the listing (figure 3). Click “Add” (figure 3) in the subscription service frequency to add this subscription service to the booking.

{% hint style="warning" %}
<mark style="color:orange;">One-shot services and subscription service are not compatible for the booking process.</mark>

<mark style="color:orange;">The users can not book, in the same booking, a one-shot service and a subscription service. It is the same for upgrades too.</mark>
{% endhint %}

<figure><img src="https://content.gitbook.com/content/n4EIoqjZx1xWQIo6LnjB/blobs/BX89nEAiylDx183vUBAl/6988432477.png" alt=""><figcaption><p>Figure 2</p></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/n4EIoqjZx1xWQIo6LnjB/blobs/Wm3NEQCBF20BaCs2itkc/image.png" alt=""><figcaption><p>Figure 3</p></figcaption></figure>

The user can set the orderable quantity in the booking (figure 4).

<figure><img src="https://content.gitbook.com/content/n4EIoqjZx1xWQIo6LnjB/blobs/mOIx6dHv0J9Za6Q0t8JW/6988432474.png" alt=""><figcaption><p>Figure 4</p></figcaption></figure>

Click “Book now” (figure 5).

<figure><img src="https://content.gitbook.com/content/n4EIoqjZx1xWQIo6LnjB/blobs/EjC7OdFusEDriK3daJMd/6988432468.png" alt=""><figcaption><p>Figure 5</p></figcaption></figure>
{% endtab %}
{% endtabs %}

## Book a service <a href="#id-1.16.x-bookingconfirmationpages-servicesbundle-readaservicebooking" id="id-1.16.x-bookingconfirmationpages-servicesbundle-readaservicebooking"></a>

The checkout overview pages are similar to the ones from the Time-based rendering type. Learn more through the following documentation: [Book a Service (Time-Based)](https://app.gitbook.com/o/azXNS7QsS7i7yvHBE0Vd/s/n4EIoqjZx1xWQIo6LnjB/~/changes/63/v2.0/front-office/rendering-types/commoditized-rendering-types/time-based/book-a-service-time-based)

The “Principal services” become “Services”

### Services <a href="#id-1.16.x-bookingconfirmationpages-servicesbundle-services" id="id-1.16.x-bookingconfirmationpages-servicesbundle-services"></a>

The service section (figure 6) details the following information:

* The service name
* The quantity booked
* The Price per unit
* The unit type
* The duration
* The discount

<figure><img src="https://2306631548-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fn4EIoqjZx1xWQIo6LnjB%2Fuploads%2FevC2l2OUMnKgj4i0rweR%2Fimage.png?alt=media&#x26;token=2ca3cc16-82e2-44b6-8890-b5486b608cf2" alt=""><figcaption></figcaption></figure>

## Update a service booking <a href="#id-1.16.x-bookingconfirmationpages-servicesbundle-updateaservicebooking" id="id-1.16.x-bookingconfirmationpages-servicesbundle-updateaservicebooking"></a>

Updating a service booking follows the same process as the one from the Time Based Rendering type. Learn more through the following documentation: [Booking request (Time-Based rendering type](https://app.gitbook.com/o/azXNS7QsS7i7yvHBE0Vd/s/n4EIoqjZx1xWQIo6LnjB/~/changes/63/v2.0/front-office/rendering-types/commoditized-rendering-types/time-based/book-a-service-time-based#id-1.16.x-bookingrequest-basicsolution-updateabookingrequest))

## Delete a service booking <a href="#id-1.16.x-bookingconfirmationpages-servicesbundle-deleteaservicebooking" id="id-1.16.x-bookingconfirmationpages-servicesbundle-deleteaservicebooking"></a>

Users cannot delete a booking request.

Users can either stop the booking request process, in which case no booking request is made; or users can cancel booking requests from their dashboard.

The process is described in the article: [Bookings dashboard (Time-Based rendering type) - Update a Booking](https://app.gitbook.com/o/azXNS7QsS7i7yvHBE0Vd/s/n4EIoqjZx1xWQIo6LnjB/~/changes/63/v2.0/front-office/rendering-types/commoditized-rendering-types/time-based/book-a-service-time-based#id-1.16.x-bookingrequest-basicsolution-deleteabookingrequest)

## Related resources <a href="#id-1.16.x-bookingconfirmationpages-servicesbundle-relatedresources" id="id-1.16.x-bookingconfirmationpages-servicesbundle-relatedresources"></a>

**Business rules:**

* [Flat-Rate rendering type - Business rules](../../../../core-concepts/flat-rate-rendering-type)
