# Book a Service (Time Based)

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

## Definition <a href="#id-1.16.x-bookingrequest-basicsolution-definition" id="id-1.16.x-bookingrequest-basicsolution-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 booking request <a href="#id-1.16.x-bookingrequest-basicsolution-createabookingrequest" id="id-1.16.x-bookingrequest-basicsolution-createabookingrequest"></a>

To create a booking request, users select in a listing page the variables required in the related booking block (usually the start and/or end date and/or time, quantities). They then click the “Book now” button (figure 1) which initiates the booking request process.

<figure><img src="/files/h4GekkWIVoH0zxRWwsWQ" alt=""><figcaption><p>Figure 1</p></figcaption></figure>

## Checkout <a href="#id-1.16.x-bookingrequest-basicsolution-readthebookingrequestpages" id="id-1.16.x-bookingrequest-basicsolution-readthebookingrequestpages"></a>

The Checkout Overview page is the initial screen presented to users upon selecting the "Book Now" button. To enhance clarity, the page is divided into multiple sections.

### **Date & location**

The data block (figure 2) summarizes the requested date, time & duration for the booking request.

<figure><img src="/files/dIQ75F3IPH88xDd9ZIWb" alt=""><figcaption><p>Figure 2</p></figcaption></figure>

The location block (figure 3) summarizes the service location for the booking request.

<figure><img src="/files/E1c0vVRH3vH31au9gMnq" alt=""><figcaption><p>Figure 3</p></figcaption></figure>

### **Principal Services**

The main services block (figure 4) displays the following information about the services requested in the booking request:

* Listing title
* Quantity
* Time unit
* Price per unit
* Discounts
* Total cost

<figure><img src="/files/50ZJz9AbZ6cs5G5JsJar" alt=""><figcaption><p>Figure 4</p></figcaption></figure>

### **Platform service fees block**

The platform service fees block (figure 5) informs the users of the fees taken by the platform. The displayed fees depend on the platform administrator’s configuration.

<figure><img src="/files/m0JPA2QCW38bbzuLFDW3" alt=""><figcaption><p>Figure 5</p></figcaption></figure>

### **Coupon**

In the Coupon section, customers have the option to apply a discount coupon, which will reduce the total amount payable. For further details, refer to the [**Discount Coupon** ](https://app.gitbook.com/o/azXNS7QsS7i7yvHBE0Vd/s/n4EIoqjZx1xWQIo6LnjB/~/changes/63/v2.0/front-office/discount-coupons)Section.

<figure><img src="/files/UpHgMyKQExhIoewzAXCa" alt=""><figcaption></figcaption></figure>

### **Total price**

The total price block (figure 6) indicates the booking’s total price.

{% hint style="info" %} <mark style="color:blue;">Fees and taxes included</mark>
{% endhint %}

<figure><img src="/files/qqjrEuNc7eE0c9eJ9fIY" alt=""><figcaption><p>Figure 6</p></figcaption></figure>

### **Message**

The message block (Figure 7) enables users to submit messages and attach files to the offeror. The "Your message" field can be displayed in the configuration settings via the SBO by disabling the **"Add message field in new booking form"** option. Additionally, this field can be set as mandatory by enabling the **"Message field required"** option.

<figure><img src="/files/Hc6Pj1WrOeiOSQywaN4g" alt=""><figcaption><p>Figure 7</p></figcaption></figure>

The user needs to accept the platform terms & conditions by checking on the checkbox (figure 8).

<figure><img src="/files/y8sRERkDlQc81KaqLmeb" alt=""><figcaption><p>Figure 8</p></figcaption></figure>

To confirm the booking request, the user then clicks “Continue >” (figure 9) which will redirect him to the payment page.

<figure><img src="/files/dt4VdsEBlKgkXrZ7H7Yh" alt=""><figcaption><p>Figure 9</p></figcaption></figure>

## The right section <a href="#id-1.16.x-bookingrequest-basicsolution-therightsection" id="id-1.16.x-bookingrequest-basicsolution-therightsection"></a>

On the right-hand side of the page, the booking-related offeror’s information (figure 10) is displayed in a dedicated information block.

<figure><img src="/files/34lH65mvFoCNTgPkJkIW" alt=""><figcaption><p>Figure 10</p></figcaption></figure>

## UThe payment page <a href="#id-1.16.x-bookingrequest-basicsolution-thepaymentpage" id="id-1.16.x-bookingrequest-basicsolution-thepaymentpage"></a>

{% hint style="info" %} <mark style="color:blue;">No amounts are charged until the booking request is accepted. Additionally, the platform holds the amount paid until the service is rendered.</mark>
{% endhint %}

On this page, the user selects their payment method, which is determined by the payment service provider configured. To configure a payment service provider, the "Payment Method" setting in the SBO must be modified. Below is a list of available payment methods based on the payment service provider:

* Credit Card: [**Stripe** ](/v2.0/core-concepts/payment-service-provider-features-psp/stripe-bundle-psp-business-rules.md)and [**Mangopay**](/v2.0/core-concepts/payment-service-provider-features-psp/mangopay-bundle-psp-business-rules.md)
* Bank Wire Transfer: Mangopay only
* Direct Debit Payment: Stripe only

For more information regarding the payment types and workflows, refer to the [**Payment Service Provider**](/v2.0/core-concepts/payment-service-provider-features-psp.md) section.

### The confirmation page <a href="#id-1.16.x-bookingrequest-basicsolution-theconfirmationpage" id="id-1.16.x-bookingrequest-basicsolution-theconfirmationpage"></a>

The confirmation page (figure 13) confirms the booking request has been successfully made. This ends the booking request process.

The offeror then receives an alert for a new booking request.

The user is then automatically redirected to his platform dashboard, described in the article: [Bookings dashboard (Time-Based rendering type)](/v2.0/dashboards/bookings-dashboard/bookings-dashboard-time-based-rendering-type.md)

<figure><img src="/files/V4M2PYPFg171uPqFdL4J" alt=""><figcaption><p>Figure 13</p></figcaption></figure>

## Update a booking request <a href="#id-1.16.x-bookingrequest-basicsolution-updateabookingrequest" id="id-1.16.x-bookingrequest-basicsolution-updateabookingrequest"></a>

A user can update his booking request during 2 steps of the process.

The user can click “Edit” (figure 14) available on the left-hand side at the end of the checkout overview page to modify the date and time for his booking request.

<figure><img src="/files/KBqwCsWsIJanwIE0quW3" alt=""><figcaption><p>Figure 14</p></figcaption></figure>

Similarly, “Edit” is available on the payment page. This redirects the user back to the checkout overview page.

## Delete a booking request <a href="#id-1.16.x-bookingrequest-basicsolution-deleteabookingrequest" id="id-1.16.x-bookingrequest-basicsolution-deleteabookingrequest"></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://features.scnd.com/v2.0/front-office/rendering-types/commoditized-rendering-types/time-based/pages/g6wqEltgfWctzeYiRQIK#id-1.14.x-bookingsdashboard-basicsolution-updateabooking)

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

**Business rules:**

* [Time-Based - Business rules](/v2.0/core-concepts/time-based-rendering-type.md)
* [Payment Service Provider feature (PSP) - Business rules](/v2.0/core-concepts/payment-service-provider-features-psp.md)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://features.scnd.com/v2.0/front-office/rendering-types/commoditized-rendering-types/time-based/book-a-service-time-based.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
