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.