LUXEE HELPS
Alur Pemesanan Kacau? Edit Layanan dan Form di Order Page (Part 1)!
📌 Apa itu Kustomisasi Order Page (Part 1)?
Kustomisasi Order Page (Part 1) adalah tahap penyesuaian visual frontend dan struktur formulir pemesanan undangan digital Anda. Fokus utama pada bagian ini adalah menyelaraskan field formulir (seperti nama lengkap, no telp, paket undangan terpilih, nama calon pengantin) dan menyusun pilihan jenis paket layanan agensi secara teratur di editor Elementor.
Anda ingin mengumpulkan informasi penting calon pengantin (seperti tanggal ijab kabul, tanggal resepsi, alamat maps) secara serentak saat mereka mengorder jasa. Jika field formulir isian Anda acak-acakan atau terlalu banyak field membingungkan, klien berisiko batal memesan jasa Anda. Anda perlu menyusun layout formulir dua kolom yang rapi, memberikan placeholder penuntun, dan mengatur jenis paket layanan agensi Anda dengan visual premium agar alur transaksi nyaman.
✨ Fitur Unggulan Desain Order Page
- Intuitive Form Layout: Penataan grid field isian yang ringkas dan meminimalisir kelelahan visual klien Anda.
- Dynamic Dropdown Field: Pilihan dropdown dinamis paket layanan agensi (Basic, Premium, Eksklusif).
- HTML5 Required Validation: Peringatan otomatis bawaan browser jika ada data krusial yang terlewat diisi oleh klien.
🛠️ Langkah Mengedit Form & Paket Order Page
Langkah 1: Mengimpor Template Order Page
Temukan file JSON template Order Page di paket Luxee Toolkit. Impor file tersebut ke pustaka WordPress Anda, lalu pasang di halaman order (misalnya: /order/).
Langkah 2: Mengonfigurasi Field Input
Klik pada widget formulir Elementor. Buka tab **Content > Form Fields**. Sesuaikan label teks, placeholder, dan pastikan field krusial seperti nomor WhatsApp klien diatur ke **Required (Wajib Diisi)**.
Langkah 3: Mengatur ID Unik Setiap Field
Buka rincian masing-masing field input, klik tab **Advanced**. Setel **Custom ID** yang bersih dan unik (misalnya: nama_klien, paket_undangan) untuk kebutuhan integrasi database di Part 2.
Langkah 4: Menonton Video Panduan Visual Layout
Saksikan demonstrasi penataan layout form agar responsif di mobile, trik menyusun skema alur pemesanan agensi, serta penyesuaian CSS tombol submit di sini:
Jangan satukan formulir pemesanan utama dengan formulir detail konten undangan (seperti daftar silsilah keluarga, detail acara). Mintalah data informasi dasar pemesanan agensi terlebih dahulu di halaman order ini untuk mengunci kesepakatan order, lalu berikan formulir isi konten undangan secara terpisah setelah mereka membayar deposit.
🔗 Modul Panduan Terkait
Langkah kelanjutan setup integrasi Google Sheet dan halaman konfirmasi transaksi:
💡 Pertanyaan Sering Ditanya (FAQ)
Bisa. Jika Anda menggunakan Elementor gratisan, Anda dapat mengganti widget Form Elementor Pro dengan plugin form builder gratis alternatif seperti **Contact Form 7** atau **WPForms** dengan tetap mempertahankan layout visual luar dari Luxee Toolkit.
Buka field input bank/pembayaran di pengaturan formulir Elementor, isi baris pilihan opsi bank (misal: Bank BCA, Bank Mandiri, E-Wallet ShopeePay) dengan pemisah baris baru di kolom Options.
Periksa pengaturan seksi **Actions After Submit** di widget form. Pastikan Anda sudah menentukan ke mana data formulir akan diarahkan (misalnya dikirim ke Email admin, memicu Redirect URL, atau mengirim data Webhook).