Komponen di Form

Konfigurasi

Pada form Anda dapat melakukan konfigurasi sebagai berikut:

  • Name : menunjukkan nama Form yang Anda buat

  • Contact Form : menunjukkan apakah data dari pengisi form tersebut akan tersimpan di dalam kontak Anda. Jika “Yes”, maka data akan tersimpan pada kontak. Jika “No”, maka data tidak akan tersimpan di dalam kontak hanya ditampilkan pada report.

  • Labels : Jika Anda memilih “Yes” pada Contact Form, maka akan muncul dengan Labels apa kontak tersimpan.

Selama belum ada data yang tersimpan di dalam form tersebut, Anda dapat melakukan edit pada konfigurasi di atas. Cukup dengan klik Konfigurasi, Anda dapat melakukan perubahan pada 3 hal di atas.

Component

Anda dapat menambahkan komponen di dalam form yang sedang dibuat dengan 2 cara, yaitu:

  1. Melalui plus button yang terletak pada pojok kiri

  2. Dengan cara drag and drop component yang Anda pilih

via GIPHY

Komponen yang kami sediakan pada form adalah sebagai berikut:

Text Field

Anda dapat menambahkan komponen berupa teks pendek. Pada Text Field Anda dapat melakukan beberapa pengaturan, yaitu:

  • Required
    Jika Anda ingin membuat Text Field tersebut wajib untuk diisi oleh para pembaca, maka pengaturan required terletak pada “Yes”.

  • Field Tag
    Pilih field tag tempat Anda akan memanggil data tersebut jika telah tersimpan pada kontak.

  • Field Type
    Pilih field type untuk tipe data yang harus diisi oleh para pengisi Form.

    Ada 3 macam field type, yaitu:

    • Text : Untuk memberikan inputan berupa text.
    • Email : Untuk memberikan inputan berupa email.
    • Date : Untuk memberikan inputan berupa tanggal.
  • Title
    Tulis title dari Text Field pada Form. Anda juga dapat melakukan pengaturan apakah title dari field tersebut akan ditampilkan atau tidak. Jika “Show”, maka akan ditampilkan. Jika “Hide”, maka tidak akan ditampilkan.

  • Placeholder
    Berupa bantuan yang akan memandu para pengisi Form mengenai apa yang harus mereka isi, semisal: Insert your name.

Text Area

Anda dapat menambahkan komponen berupa teks yang panjang. Pada Text Area Anda dapat melakukan beberapa pengaturan, yaitu:

  • Required
    Jika Anda ingin membuat Text Area tersebut wajib untuk diisi oleh para pembaca, maka pengaturan required terletak pada “Yes”.

  • Field Tag
    Pilih field tag tempat Anda akan memanggil data tersebut jika telah tersimpan pada kontak.

  • Title
    Tulis title dari Text Area pada Form. Anda juga dapat melakukan pengaturan apakah title dari field tersebut akan ditampilkan atau tidak. Jika “Show”, maka akan ditampilkan. Jika “Hide”, maka tidak akan ditampilkan.

  • Placeholder
    Berupa bantuan yang akan memandu para pengisi Form mengenai apa yang harus mereka isi, semisal: Insert your description.

Multiple Choice

Anda dapat menambahkan komponen berupa beberapa pilihan tetapi hanya satu yang dapat dipilih user. Pada Multiple Choice Anda dapat melakukan beberapa pengaturan, yaitu:

  • Required
    Jika Anda ingin membuat Multiple Choice tersebut wajib untuk diisi oleh para pembaca, maka pengaturan required terletak pada “Yes”.

  • Field Tag
    Pilih field tag tempat Anda akan memanggil data tersebut jika telah tersimpan pada kontak.

  • Title
    Tulis title dari Multiple Choice pada Form. Anda juga dapat melakukan pengaturan apakah title akan ditampilkan atau tidak. Jika “Show”, maka akan ditampilkan. Jika “Hide”, maka tidak akan ditampilkan.

  • Choices

    • Image Choices
      Pilih “Yes” jika Anda ingin menambahkan pilihan berupa image pada form.

    • Other Choices
      Pilih “Yes” jika Anda ingin memberikan pilihan yang dapat diisi secara manual kepada para audiens.

    • Label Choices
      Pilihan ini akan muncul jika Anda memilih “Yes” pada image choices. Jika Anda memilih “Yes” pada label choices, maka Anda dapat memberikan keterangan pada image choices.

    • Style

      • List : Gambar akan tampil tersusun secara menurun dari atas ke bawah.

      • Grid : Gambar akan tampil tersusun secara mendatar dengan satu baris berisi 2 gambar.

Jika pengaturan content telah sesuai, Anda dapat mengklik button Simpan untuk menyimpan pengaturan tersebut.

Checkbox

Anda dapat menambahkan komponen berupa beberapa pilihan tetapi user dapat memilih lebih dari satu. Pada Checkbox Anda dapat melakukan beberapa pengaturan, yaitu:

  • Required
    Jika Anda ingin membuat Checkbox tersebut wajib untuk diisi oleh para pembaca, maka pengaturan required terletak pada “Yes”.

  • Title
    Tulis title dari Checkbox pada Form. Anda juga dapat melakukan pengaturan apakah title akan ditampilkan atau tidak. Jika “Show”, maka akan ditampilkan. Jika “Hide”, maka tidak akan ditampilkan.

  • Choices

    • Image Choices
      Pilih “Yes” jika Anda ingin menambahkan pilihan berupa image pada form.

    • Other Choices
      Pilih “Yes” jika Anda ingin memberikan pilihan yang dapat diisi secara manual kepada para audiens.

    • Label Choices
      Pilihan ini akan muncul jika Anda memilih “Yes” pada image choices. Jika Anda memilih “Yes” pada label choices, maka Anda dapat memberikan keterangan pada image choices.

    • Style

      • List : Gambar akan tampil tersusun secara menurun dari atas ke bawah.

      • Grid : Gambar akan tampil tersusun secara mendatar dengan satu baris berisi 2 gambar.

Jika pengaturan content telah sesuai, Anda dapat mengklik button Simpan untuk menyimpan pengaturan tersebut.

Dropdown

Anda dapat menambahkan komponen berupa beberapa pilihan tetapi para pengisi Form hanya dapat memilih salah satu dari pilihan yang tersedia. Pada Dropdown Anda dapat melakukan beberapa pengaturan, yaitu:

  • Required
    Jika Anda ingin membuat Dropdown tersebut wajib untuk diisi oleh para pembaca, maka pengaturan required terletak pada “Yes”.

  • Field Tag
    Pilih field tag tempat Anda akan memanggil data tersebut jika telah tersimpan pada kontak.

  • Title
    Tulis title dari Dropdown pada Form. Anda juga dapat melakukan pengaturan apakah title akan ditampilkan atau tidak. Jika “Show”, maka akan ditampilkan. Jika “Hide”, maka tidak akan ditampilkan.

  • Options
    Tulis pilihan yang akan Anda berikan kepada para pengisi Form. Add More Option untuk memberikan pilihan yang lebih banyak lagi.

Section

Anda juga dapat menambahkan komponen berupa tombol next jika form yang dibuat terlalu banyak untuk membaginya menjadi 2 halaman.

×

Subscribe

The latest tutorials sent straight to your inbox.