Form Kontak

Ingin tutorial lewat video?

Form kontak adalah fitur dimana anda dapat membuat form online agar bisa dibagikan ke responden untuk mendapatkan data kontak baru. Tahapan dari langkahnya adalah sebagai berikut :

Membuat Form Kontak

Langkah 1

Klik menu Form Kontak (nomor 1) pada sidebar, lalu klik Tambah (nomor 2). Tampilannya seperti gambar di bawah.

tutorial-image

Langkah 2

Pada tahap Info Form Kontak, terdapat form yang harus anda isi, Penjelasannya adalah sebagai berikut :

  1. Nama Form Kontak : Nama dari Form Kontak
  2. Grup Kontak : Pilih grup kontak yang sudah anda buat pada menu Kontak. Jika tidak ada, silakan klik Tambah pada dropdown atau masuk ke halaman menu Kontak.
  3. Link Form Sebari : Masukkan URL dari form kontak yang anda buat. Setelah memasukkan link landing page, silakan klik Check untuk mengetahui ketersediaan link tersebut.
tutorial-image

Apabila sudah terisi, silakan klik Selanjutnya.

Langkah 3

Pada tahap Desain Form, silakan isi Judul (nomor 1) dan Deskripsi (nomor 2). Selanjutnya anda harus melakukan pengaturan untuk isian yang ingin anda masukkan pada form kontak. Penjelasan komponen pada Pengaturan Form (nomor 3) adalah sebagai berikut :

  1. Kolom : Kolom tabel
  2. Tipe : Metode pengisian field
  3. Label : Penamaan / label dari form
  4. Status : Persyaratan pengisian form
  5. Delete : Menghapus field
tutorial-image

Setelah membuat desain, anda dapat melihat pratinjau sementara dengan mengklik Pratinjau Link Form.

tutorial-image

Anda bisa membuat hingga 9 field / form dan mengatur urutannya dengan mudah menggunakan fitur drag and drop. Apabila sudah selesai, silakan klik Selanjutnya.

Langkah 4

Pada tahap Pengaturan, tersedia beberapa fitur yang dapat anda gunakan :

A. Redirect Form

Responden yang sudah mengisi form anda dapat diarahkan ke halaman yang anda inginkan.

  1. Link Landing Page : Masukkan link yang sesuai keinginan anda sebagai halaman tujuan ketika pengguna selesai mengisi form.
  2. Link Landing Page Storybook.id : Pilih Landing Page yang telah anda buat di Storybook.id sebagai link yang akan dituju ketika pengguna selesai mengisi form.
tutorial-image

B. Unique Phone Number

Unique Phone Number mengatur nomor WA yang digunakan hanya sekali untuk mengisi Form Kontak. Aktifkan toggle untuk mencegah penggunaan nomor yang sama lebih dari sekali.

tutorial-image

C. Pesan Balasan Langsung

Pesan Balasan Langsung adalah fitur yang memungkinkan pengguna menerima pesan WA dari nomor anda setelah mereka mengisi form. Aktifkan toggle, pilih Device pengirim (nomor 1), lalu masukkan pesan yang ingin anda kirim (nomor 2). Karena form kontak menggunakan kolom tabel, anda dapat menyisipkan variabel (nomor 3) dalam pesan yang anda masukkan.

tutorial-image

D. Message Series

Fitur Message Series memungkinkan responden yang telah mengisi form akan mendapatkan pesan otomatis sesuai dengan hari dan template yang telah anda atur di Message Series. Aktifkan toggle, pilih Device pengirim (nomor 1), pilih Message Series (nomor 2), lalu atur jam mulai pengiriman (nomor 3). Karena form kontak menggunakan kolom tabel, anda dapat menyisipkan variabel (nomor 4) dalam Message Series yang akan anda gunakan.

tutorial-image

E. Unsubscribe Pesan

Fitur Unsubscribe Pesan memungkinkan penerima yang tidak ingin menerima broadcast lagi untuk berhenti menerima Message Series tanpa melaporkannya ke WhatsApp. Klik Atur Unsubscribe Pesan untuk melakukan pengaturan.

Langkah 5

Pada tahap Pratinjau Form Kontak, anda akan melihat desain form kontak yang sudah anda desain dan atur. untuk melihat pratinjau versi mobile, silakan pilih toggle Mobile (lihat pada kotak merah).

tutorial-image

Mengubah Form Kontak

Klik tombol Ubah (lihat pada kotak merah)pada list form kontak, nantinya anda akan masuk ke detail form kontak tersebut.

tutorial-image

Mengubah form kontak dapat anda lakukan apabila form kontak tersebut belum diisi sama sekali oleh responden. Apabila sudah ada responden yang mengisi, kolom dari form tersebut akan menjadi disable. Ketika user masuk ke form tersebut, akan dimunculkan informasi alert yang tampilannya seperti gambar di bawah. Namun, isian lain dapat anda ubah selama field tersebut tidak disable.

tutorial-image

Membagikan Form Kontak

Klik icon Bagikan (lihat pada kotak merah) pada list form kontak, nantinya akan muncul modal link berhasil di-copy.

tutorial-image
tutorial-image

Menyalin Embed HTML Form Kontak

Klik icon Embed HTML (lihat pada kotak merah) pada list form kontak, nantinya akan muncul modal berisi code HTML dari form tersebut. Klik icon Copy (lihat pada kotak merah) untuk menyalin semua code HTML.

tutorial-image
tutorial-image

Menghapus Form Kontak

Klik icon Delete pada list form kontak, klik Ya pada modal konfirmasi tersebut.

tutorial-image

Sebelumnya

Label Kontak

Selanjutnya

Birthdate Kontak