# Cipta booking form

> Cipta page booking yang pelanggan guna untuk memilih servis dan masa, kemudian membayar. Mula dari kosong atau dari template siap BCL.
>
> Source: https://docs.bcl.my/ms/create-booking-form/

Booking form ialah page yang pelanggan anda buka untuk membuat booking. Mereka memilih servis, masa dan, jika anda benarkan, staf, kemudian membayar secara online. Anda boleh membina form dari kosong atau bermula dari template.

## Sebelum anda mula

Form ini menawarkan servis yang sudah anda cipta. Cipta servis itu dahulu, dan untuk servis Appointment, tambah staf anda juga. Lihat [Cipta servis booking](/ms/booking-services/) dan [Tambah staf booking](/ms/booking-staff/).

## Cipta booking form

Sediakan form itu tab demi tab, kemudian simpan:

1. Pergi ke **Bookings** → **Forms** dan klik **Create Form**.

   *(Screenshot: Page Booking Forms dengan butang Create Form ditanda)*

2. Pada tab **General**, masukkan **Title**. BCL mengisi **URL Slug**, iaitu hujung link form anda, contohnya `https://<your-subdomain>.bcl.my/booking/kopi-kampung-cupping-session`. Tambah **Description** jika mahu.

   *(Screenshot: Page Create New Booking Form dengan Title dan URL Slug ditanda)*

3. Pada tab **Booking Setup**, pilih **Booking Type**, **Staff Selection Mode** dan **Available Services**. Hanya servis daripada jenis yang dipilih boleh ditambah.

   *(Screenshot: Tab Booking Setup dengan Booking Type, Staff Selection Mode dan Available Services ditanda)*

4. Pada tab **Payment**, pilih sekurang-kurangnya satu **Payment Option**, contohnya FPX, dan **Classification Code** untuk e-invois, contohnya **022 - Others**. Kedua-duanya wajib. **Portal Key** menggunakan portal default akaun anda kecuali anda memilih yang lain. **Payment Mode** mengikut Test Mode atau Live Mode akaun anda, kecuali anda menukarnya di sini.
5. Pada tab **Availability**, kekalkan **Recurring schedule** dan tetapkan **Operating Hours** anda. Klik satu hari, on-kan **Open on** untuk hari itu dan tetapkan **From** dan **To**. Klik **Add Slot** untuk waktu rehat dalam hari itu, dan **Add day off** untuk cuti umum.

   *(Screenshot: Operating Hours dengan hari Isnin dibuka dari 09:00 AM hingga 06:00 PM dan hari Ahad Off)*

6. Klik **Add Booking Form**.

   *(Screenshot: Butang Add Booking Form ditanda di bahagian atas page)*

BCL memaparkan **Booking created** dan membuka form baru itu untuk diedit.

**Form Settings**, **Appearance**, **Custom Fields** dan **Miscellaneous** adalah pilihan. Tab ini meliputi format booking ID, terma dan syarat, gambar, soalan tambahan dan page yang dipaparkan selepas bayaran.

## Mod pemilihan staf

**Staff Selection Mode** menentukan sama ada pelanggan memilih staf:

| Mod | Apa yang pelanggan nampak |
| --- | --- |
| **Disabled (No staff selection)** | Tiada pilihan staf. Ruangan **Staff Assignment** dipaparkan: **Automatic (system assigns)** memilih staf yang lapang, **Manual (admin assigns later)** menyerahkannya kepada anda. |
| **Optional (Customer can choose or skip)** | Senarai staf serta **No Preference**. |
| **Required (Must select staff)** | Pelanggan mesti memilih seorang staf. |

## Kongsi form anda

Dalam senarai **Booking Forms**, klik **View Form** pada baris form itu untuk membuka page awamnya. Copy link dari browser anda dan kongsikan, atau guna tab **Embed Code** pada page edit form itu untuk meletakkannya di laman web anda.

*(Screenshot: Satu baris booking form dengan link View Form ditanda)*

Pelanggan melalui tiga langkah: **Service**, **Schedule** dan **Confirm**. Mereka membayar pada langkah terakhir.

*(Screenshot: Page booking awam dengan Latte Art Class dipilih dan pilihan Prefer a Staff Member)*

## Mula dari template

BCL ada 20 template booking form siap, dikumpulkan sebagai **Accommodation**, **Appointment**, **Class**, **Restaurant**, **Sport** dan **Ticket**, contohnya Hair Salon, Restaurant Reservation, Badminton Court dan Resort & Chalet. Setiap kad menunjukkan berapa banyak servis, staf dan pilihan yang dicipta, dengan harga contoh.

1. Pergi ke **Bookings** → **Forms** dan klik **Templates**.
2. Pilih satu kumpulan atau skrol dalam **All**, kemudian klik **Use Template** pada template yang paling hampir.

   *(Screenshot: Panel Booking Form Templates dengan Use Template ditanda pada kad Private Coaching)*

BCL mencipta form itu, servisnya, kategori servis dan staf contoh jika ada, kemudian membuka form itu untuk diedit. Form itu di-off-kan supaya belum ada sesiapa yang boleh membuat booking. Sebelum anda kongsikan:

1. Tukar **Title**, **URL Slug** dan **Description** kepada milik anda.
2. Tukar nama atau ganti servis dan staf contoh, dan semak harga serta waktu kerja mereka.
3. Pada tab **Payment**, pilih **Payment Option**.
4. Pada tab **Form Settings**, on-kan **Form Active**, kemudian klik **Update Booking**.

Booking form tiada **Import JSON**. Untuk copy booking form ke akaun lain, bina semula di sana atau mula dari template yang sama.

## Tips

Sebelum anda kongsikan link, semak perkara ini:

- **Padankan waktu operasi dengan waktu kerja staf.** Sesuatu masa hanya boleh dibuat booking apabila form dibuka dan ada staf yang bekerja. Pastikan **Operating Hours** dan **Working Hours** staf sepadan.
- **Guna Add day off untuk cuti.** Hari cuti menutup seluruh form pada tarikh itu, jadi anda tidak perlu menukar waktu mingguan.
- **Buat test booking.** Dalam Test Mode, buat booking untuk satu slot sendiri. Booking itu dipaparkan dalam **Bookings** dan pada **Calendar** sama seperti booking pelanggan.

## Isu biasa

### Bagaimana saya boleh buka booking pada hari Khamis, Jumaat dan Sabtu sahaja?

Buka form itu, pergi ke tab Availability dan, di bawah Operating Hours, on-kan Open on Thursday, Open on Friday dan Open on Saturday bersama masa From dan To. Off-kan semua hari lain.

### Boleh pelanggan memilih staf yang mereka mahu?

Boleh. Pada tab Booking Setup, tetapkan Staff Selection Mode kepada Optional (Customer can choose or skip) atau Required (Must select staff). Dengan Disabled (No staff selection), BCL yang menetapkan staf.

### Saya tutup untuk makan tengah hari dari 1 PM hingga 2 PM. Boleh saya sekat waktu itu?

Boleh. Di bawah Operating Hours, klik Add Slot untuk memberi hari itu dua julat masa, contohnya 9:00 AM hingga 1:00 PM dan 2:00 PM hingga 6:00 PM.