Selain Form Booking, kategori MUAKit di Elementor punya empat widget: Galeri Grid + Filter untuk portofolio, Before-After untuk membandingkan riasan, Kalender Ketersediaan untuk tanggal kosong, dan Kartu Paket untuk harga. Warnanya mengikuti merek Anda, hurufnya mengikuti tema, dan setiap widget punya shortcode bila website Anda tidak memakai Elementor.
Kenapa Memakai Widget Ini
Klien MUA memutuskan dari hasil rias dan ketersediaan tanggal. Foto di Instagram tidak menjawab "tanggal 12 masih kosong?", dan daftar harga dalam gambar tidak bisa langsung dipesan. Keempat widget ini menghubungkan portofolio, jadwal, dan harga ke tombol booking yang sama.
Sebelum Mulai
- Lisensi aktif. Tanpa lisensi, widget dan shortcode tidak tampil untuk pengunjung.
- Album di Layanan › Portofolio (klik Tambah album, lalu Tambah foto atau Tambah pasangan untuk sebelum-sesudah).
Empat Widget dan Pengaturannya
1. Galeri Grid + Filter
Menampilkan portofolio dalam tata letak grid atau mozaik dengan filter kategori atau jenis acara. Foto bisa dibuka besar, lengkap dengan tombol untuk memesan look tersebut.
- Tab Content: Sumber foto (pilih di widget atau dari album), tata letak, jumlah kolom, filter, dan tombol booking.
- Tab Style: Gaya MUAKit (warna, radius sudut, jarak antar-item).
[wdpmk_gallery_grid album="" category="" event_type="" layout="grid" columns="3" columns_tablet="2" columns_mobile="2" limit="" filter="1" booking="1" booking_label=""]
2. Before-After
Membandingkan foto sebelum dan sesudah dirias dengan garis geser. Bisa digeser dengan jari, mouse, atau tombol panah, dalam arah mendatar atau tegak.
[wdpmk_before_after album="" orientation="horizontal" limit="" start="50" label_before="" label_after=""]
3. Kalender Ketersediaan
Menampilkan tanggal tersedia, hampir penuh, penuh, dan libur, beserta jam yang masih kosong dan tombol Pesan.
[wdpmk_calendar event_type="" months="1" booking="1"]
4. Kartu Paket
Menampilkan paket, harga, foto, deskripsi, serta tombol booking dan WhatsApp. Untuk paket per kategori, kartu menampilkan harga per kategori wajah.
- Tab Content: Sumber kartu, jumlah kolom, tombol (booking, WhatsApp, keduanya, atau tanpa tombol), Nomor WhatsApp tujuan, dan Templat pesan.
- Tombol booking menuju: Otomatis, Halaman booking di Pengaturan, atau URL lain.
[wdpmk_packages event_type="" columns="3" limit="" image="1" price="1" description="1" buttons="both" booking_label="" whatsapp_label=""]
Contoh: Studio Rias
Halaman beranda Studio Rias memuat Galeri dengan filter Pengantin dan Wisuda, Before-After untuk riasan akad, Kartu Paket Wedding, dan Kalender di bagian bawah. Zhea Fauziana melihat hasil rias akad di galeri, mengecek tanggal di kalender, lalu menekan Pesan pada jam yang masih kosong.