Widget Form Booking menaruh form booking MUAKit di halaman yang Anda desain sendiri dengan Elementor, sehingga klien bisa memesan tanpa keluar dari halaman promosi Anda. Tarik widget dari kategori MUAKit, pilih jenis acara, paket, dan add-on yang ditawarkan di Tab Content, lalu sesuaikan warna di Tab Style. Daftarkan halaman itu di Pengaturan › Halaman.


Kapan Memakai Widget Ini

Halaman jualan /layanan/ sudah memuat form booking lewat link checkout. Widget Form Booking berguna bila Anda punya halaman promosi sendiri, misalnya landing page paket wisuda atau halaman khusus satu gedung pernikahan, dan ingin klien langsung booking di halaman itu. Form di widget memakai harga, jadwal, dan aturan DP yang sama dengan halaman jualan.


Sebelum Mulai

  • Elementor 3.5 sampai 4.3 aktif. Di bawah 3.5, widget tidak didaftarkan dan muncul pemberitahuan; shortcode tetap berjalan.
  • Lisensi MUAKit aktif, serta paket dan jadwal sudah diisi.

Langkah Pemasangan

1. Tarik widget ke halaman

  1. Buka halaman dengan Edit with Elementor.
  2. Pada panel kiri, cari kategori MUAKit. Ada lima widget: Galeri Grid + Filter, Before-After, Kalender Ketersediaan, Kartu Paket, dan Form Booking.
  3. Tarik Form Booking ke dalam container.
Panel Elements Elementor dengan kategori MUAKit berisi lima widget: Galeri Grid + Filter, Before-After, Kalender Ketersediaan, Kartu Paket, dan Form Booking
Kategori MUAKit di panel Elementor.

2. Pengaturan Tab Content

Klik widget di kanvas, lalu buka Content:

  • Pilihan di form: Jenis acara yang ditawarkan, Paket yang ditawarkan, dan Add-on yang ditawarkan. Kosongkan untuk menawarkan semuanya. Bila hanya satu jenis acara atau satu paket, langkah pilihnya dilewati.
  • Formulir dan sesudah terkirim: Nama form, Sesudah booking terkirim (tampilkan ringkasan booking atau arahkan ke halaman terima kasih), Email pemberitahuan tambahan, dan Kirim sinyal konversi.
  • Teks dan Kolom data diri: ubah teks tombol dan kolom yang ditanyakan.
  • Pratinjau di editor: pilih langkah form yang ditampilkan di editor agar mudah didesain.
Tab Content widget Form Booking di Elementor dengan bagian Pilihan di form: jenis acara Wedding dan Lamaran, paket, dan add-on yang ditawarkan
Tab Content: jenis acara, paket, dan add-on yang ditawarkan.

3. Penataan Tab Style

Buka Style, bagian Gaya MUAKit:

  • Warna utama dan Warna aksen: kosongkan untuk memakai warna brand dari Pengaturan › Brand.
  • Tipografi judul: hurufnya mengikuti tema bila tidak diubah.
  • Radius sudut dan Jarak antar-item.
Tab Style widget Form Booking dengan bagian Gaya MUAKit: Warna utama, Warna aksen, Tipografi judul, Radius sudut, dan Jarak antar-item
Tab Style: warna kosong berarti ikut warna brand.

4. Daftarkan halaman booking

Terbitkan halaman, lalu buka Pengaturan › Halaman di aplikasi studio. Pilih halaman itu pada Halaman Form Booking. Widget lain yang pilihan Tombol booking menuju-nya diatur ke Halaman booking di Pengaturan akan mengarahkan klien ke halaman ini. Bila halaman yang dipilih belum memuat Form Booking, muncul peringatan.

Pengaturan Halaman WDP MUAKit berisi Slug dashboard, pilihan Halaman Form Booking, dan Slug portal klien
Pilih halaman booking di Pengaturan › Halaman.

5. Tanpa Elementor: shortcode

Tempel shortcode berikut di halaman mana pun:

TEXT
[wdpmk_booking_form event_type="" package=""]

Atribut package diisi ID angka paket, bukan nama paket. Kosongkan kedua atribut untuk menawarkan semua jenis acara dan paket.


Contoh: Studio Rias

Studio Rias membuat halaman "Rias Wisuda" dengan Elementor, berisi foto hasil rias wisuda dan widget Form Booking yang hanya menawarkan jenis acara Wisuda. Calon wisudawati langsung masuk ke langkah jumlah wajah tanpa memilih jenis acara, dan pembayarannya mengikuti aturan lunas di muka milik jenis acara Wisuda.


Tips & Praktik Terbaik

Biarkan warna kosong: dengan warna utama dan aksen dikosongkan, form selalu mengikuti warna brand. Saat Anda mengganti preset warna, semua widget ikut berubah tanpa perlu diedit satu per satu.
Pakai halaman terima kasih untuk iklan: pilih "Arahkan ke halaman terima kasih" dan nyalakan Kirim sinyal konversi bila Anda mengukur iklan, agar booking yang berhasil terhitung sebagai konversi.

Pertanyaan yang Sering Diajukan (FAQ)

Apakah widget Form Booking butuh Elementor Pro? +
Tidak. Widget ini berjalan di Elementor gratis versi 3.5 sampai 4.3. Tanpa Elementor pun, Anda bisa memakai shortcode [wdpmk_booking_form].
Kenapa form tidak tampil untuk pengunjung? +
Widget dan shortcode MUAKit hanya tampil untuk pengunjung bila lisensi aktif. Pastikan juga pola mingguan jadwal sudah diisi agar ada tanggal yang bisa dipilih.
Bisakah satu halaman hanya menawarkan satu paket? +
Bisa. Di Tab Content bagian Pilihan di form, pilih satu paket pada Paket yang ditawarkan. Bila hanya satu, paket langsung terpilih dan langkah pilih paket dilewati.