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 format YYYY-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.