> For the complete documentation index, see [llms.txt](https://guides.orderla.my/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guides.orderla.my/orderla-plus/appointment-booking-system-1.md).

# Booking / Reservation / Appointment System

To display a calendar on your order form, go to the Form editing page, then navigate to the 'Date & Time Slots' tab.

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

Turn on the 'Date & Time Slots' switch.

<figure><img src="/files/4nVutrYIn9TH2VNxEQhc" alt=""><figcaption><p>Settings untuk Date &#x26; Time Slots ( Belum di Setup )</p></figcaption></figure>

In the 'Overview' section, we can see the preview of our calendar. This display is the same as what customers see in the form as well.&#x20;

Go to 'Availability Setup' to set up the days and time slots that your customers can choose.

### Availability Setup

In Availability Setup, you can see a display like the one below.

<figure><img src="/files/9GTPXiq5QvRVcJxF3cwf" alt=""><figcaption></figcaption></figure>

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

In Availability Setup, you can set the Cut-off Time, Future Days, Normal Time Slot Hours, Slot Duration, Time Gap Between Next Slot, as well as the option to enable Break Time.

* Cut-Off Time (options: hours / days): This is the time in hours or days. You can set it to prevent bookings on the same day by setting a 1-day 'cut-off time (day)', or a distance to the next hour by setting a 1-hour 'cut-off time (hour)'. This function is to avoid bookings at the end of the time. If you don't want a cut-off time, leave it as 0 hours.
* Future Days: This determines how many days from today can be selected by customers.
* Normal Time Slot Hours: You can set the opening and closing times of the shop on regular days. For example: from 10:00 am to 6:00 pm.
* Slot Duration: Set the duration for each slot.
* Time Gap Between Next Slot: Set the gap before the next slot starts.
* Break Time: This allows you to block out a period within a day for breaks.

Example Calculation: Cut Off 2 Days, Future Days: 7 Days. Normal Time Slot Hours: 10 am to 6 pm. Slot Duration: 30 minutes. Time Gap: 0. No Break Time. Active Days: Monday to Friday.

After you've filled in all the details, you can press Save. Then, check the 'Overview' tab to see the results.

<figure><img src="/files/ztKB99vJcyfbTdPMuxJW" alt=""><figcaption><p>For example: today is March 8th, customers can start selecting dates from March 11th. Time slots are available from 10 am to 6 pm. Each slot has a duration of 30 minutes until 6 pm. You can modify this according to your needs.</p></figcaption></figure>

{% hint style="info" %}
Please use the break time feature to create longer gaps if there are different sessions.
{% endhint %}

Now you can proceed to preview your form.

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

Now your customers can choose a date and time that suits them. This data will be stored along with the order they submit.

### Calendar View

To access this page, you can visit <https://orderla.my/admin/calendar>.

<figure><img src="/files/JRrTf85nxP3p2Lf0iyVH" alt=""><figcaption><p>In this Calendar display, you can see the orders that have come in (red indicates unpaid, green indicates paid). </p></figcaption></figure>

On the Calendar display, you can filter according to the form you desire. You can click on the date number on the calendar.&#x20;

For example, clicking on the number 11 on the calendar will display all orders for that date at the bottom.

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

When the order is clicked, you can view details about that order on the right-hand side.

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