8. Form & Halaman pendaftaran
Form pendaftaran publik (lead capture) bisa di-share dengan link unik. Setiap submission otomatis bikin Contact di workspace Anda.
8.1 Edit form default
Buka Form & Halaman dari sidebar atau /forms. Workspace baru otomatis punya satu form default (“Bergabung dengan <nama toko>”).
Layout 3 kolom:
- Kiri — palet tipe field
- Tengah — pratinjau form (klik field untuk pilih/edit)
- Kanan — properti form & field yang dipilih
8.2 Edit judul & deskripsi
Di panel kanan, edit “Judul form” dan “Deskripsi”. Slug ditentukan otomatis dari judul saat form pertama kali dibuat — tidak bisa diubah.
8.3 Tambah field custom
Di sidebar kiri (palet TAMBAH FIELD), klik salah satu tipe → field baru disisipkan sebelum kotak persetujuan:
- Teks pendek — input satu baris (
<input type="text">). - Teks panjang — textarea multi-baris untuk catatan/alasan.
- Pilihan tunggal — radio button; responden hanya bisa pilih satu opsi.
- Pilihan ganda — checkbox; responden bisa pilih beberapa opsi.
- Tanggal — date picker native (
<input type="date">); output disimpan formatYYYY-MM-DD. - Unggah file — pengunjung pilih satu file per field. Maks 10 MB. Tipe yang diterima: gambar, PDF, dokumen Office (doc/xls/ppt), teks/CSV. File berformat eksekusi (.exe, .sh, dll) ditolak server.
Field name/phone/email/consent ada secara default dan tidak bisa dihapus (terkunci, karena dipakai untuk membuat Contact). Field “Nomor WhatsApp” + “Email” di palet juga di-grey-out — sudah ada di setiap form by default.
8.4 Edit field
Klik field di pratinjau (tengah) → muncul border teal + toolbar mini (↑/↓/🗑) + panel PROPERTI FIELD di kanan terbuka untuk field itu:
- Label — judul field yang dilihat pengunjung
- Petunjuk (opsional) — teks hint kecil di bawah field
- Pilihan — hanya untuk Pilihan tunggal + Pilihan ganda. Tambah/hapus opsi (min 2, maks 20, tiap teks maks 80 karakter). Tombol hapus disabled saat hanya ada 2 opsi tersisa supaya tidak melanggar syarat minimum.
- Wajib diisi — toggle (hanya untuk field non-locked)
- Hapus field — hanya untuk field non-locked
8.5 Pindah urutan field
Klik field → pakai panah ↑/↓ di toolbar mini.
8.6 Simpan & terbitkan
- “Simpan” — simpan draf, link publik belum aktif
- “Terbitkan” — set status PUBLISHED, banner muncul di atas dengan link
/f/[slug]siap di-share - “Pratinjau” — buka link publik di tab baru (hanya kalau sudah diterbitkan)
8.7 Tampilan publik
Pengunjung yang buka /f/[slug]:
- Lihat hero + form sesuai konfigurasi
- Isi field → klik “Daftar sekarang”
- Validasi server (field wajib, persetujuan UU PDP harus dicentang, pilihan harus berasal dari daftar opsi, tanggal harus berformat YYYY-MM-DD)
- Sukses → halaman “Terima kasih sudah mendaftar”
- Di workspace Anda: Contact baru otomatis dibuat dengan nama/phone/email dari form. Field text/pilihan/tanggal/file custom diringkas ke kolom catatan kontak dengan format
Label: jawaban(pilihan ganda dipisah koma; file ditulis sebagai path/api/v1/uploads/[filename]yang bisa diklik operator untuk unduh).
Catatan upload: file disimpan di folder uploads/ server Karibin (sama dengan media inbound/outbound chat). URL pakai nama acak 128-bit jadi URL = access control — pastikan link path catatan tidak dishare ke pihak luar. File belum di-scan virus secara otomatis; pertimbangkan workflow review sebelum buka attachment dari kontak yang tidak dikenal.