Beranda
XAS Form

UX • 8 Sep 2026 • 4 mnt baca

Multi-step wizard: naikkan tingkat penyelesaian form

Sofia Patel

Sofia Patel

8 Sep 2026 • 4 mnt baca

Form multi-step wizard

Bagi form panjang jadi beberapa langkah — penyelesaian naik, abandonment turun. Cocok untuk pendaftaran bertahap, asesmen, atau onboarding.

Pilihan layout

  • • Standard: kartu tengah — untuk form pendek
  • • Split: cover kiri + form kanan — untuk B2B hero
  • • Stepper: progress bar di atas kartu — untuk alur bertahap
  • • Wizard: sidebar langkah dengan nomor — untuk onboarding
  • • Minimal/Glass: dokumen terbuka atau kaca blur — untuk estetika

Atur Field per halaman

Isi settings per_page — misal 3, form 7 field jadi 3 halaman (3,3,1). Kosongkan untuk satu halaman penuh.

per_pageHasil (7 field)Kapan pakai
33 halaman: 3,3,1Rekomendasi umum
52 halaman: 5,2Form sedang
17 halamanFokus maksimal per langkah

Tips

  • • Atur di Tema → Halaman & Pagination atau via MCP settings:{"per_page":3}
  • • Preview pager muncul otomatis; uji di desktop & mobile
  • • Untuk pas 2 halaman berisi 3 isian, hapus heading pembuka yang mengulang judul

Kesimpulan

Mulai dari satu template, sesuaikan seperlunya, dan biarkan automasi yang mengurus sisanya. Selengkapnya ada di halaman docs.

Share this post

f in

Link disalin

Kembali ke blog