# Sign Up Form

Sign Up Form adalah salah satu komponen di Tribeliopage yang berfungsi untuk mengumpulkan database user (opt-in), seperti, email, nama, dan nomor telepon.

## **Tutorial**

![Sign Up Form Component](https://1695532416-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAmjLQ2aX6DHMCbTSBODu%2Fuploads%2FtlqihVrXdO3IFU9xypY7%2FSign%20up%20form%20-%20New.png?alt=media\&token=1ab0984b-ddc9-4c68-9643-0de9504602b9)

1. Buat Landing Page atau Edit Landing Page yang telah kamu buat. 
2. Klik "**Add Component**" di bagian Landing Page Builder. 
3. Pilih menu "**Marketing**"
4. Klik "**Sign Up Form**". 
5. Kamu bisa “**Add Field**”, untuk mengatur kolom pertanyaan yang ingin kamu dapatkan dari audiens, ada beberapa field seperti “**Phone Number**”, “Gender”, dan “**Text**”. 
6. Jika kamu mau mengganti nama field, kamu bisa klik “**Rename**”. 
7. Kamu bisa delete field kamu dengan klik “**Delete**”.
8. "**Text Form**" untuk menambahkan Judul dan Deskripsi Sign Up Form kamu. Untuk melihat pengaturan form text, bisa dilihat di menu [Text](https://help.tribeliopage.com/page-builder/text).
9. "**Button Text**" untuk menambahkan teks pada button di Sign Up Form kamu .
10. "**URL Directed To**" untuk menambahkan link pada Button yang berfungsi untuk mengarahkan (*redirect*) user ke link pilihan kamu setelah user mengisi Sign Up Form.
11. Langkah terakhir, kamu **harus** menambahkan "**Tags**" yang berfungsi untuk menandai audience yang mengisi form kamu.

## **Sign Up Form Setting**

1. Untuk menambahkan Background Color, klik menu "**Setting"** lalu pilih warna untuk Sign Up Form kamu
2. Gunakan "**Title Color**" untuk mengubah warna teks pada Judul Form
3. Gunakan "**Description Color**" untuk mengubah warna teks pada Deskripsi Form
4. Gunakan "**Label Color**" untuk mengubah warna teks Label pada Form
5. Gunakan "**Button Color**" untuk mengubah warna Button
6. Gunakan "**Button Text Color**" untuk mengubah warna teks pada Button
7. Gunakan "**Padding Top dan Bottom**" untuk mengatur jarak di bagian atas dan bawah Background
8. Jika kamu ingin menghapus semua pengaturan Sign Up Form yang telah kamu buat, klik tombol "**Reset**" yang berada di bagian bawah layar.

{% hint style="info" %}

* Jika kamu ingin memasukkan ***field custom*** baru, kamu **diharuskan** memakai tipe field "**Text**"
* Kamu **tidak disarankan untuk *****rename*** ***field*** seperti "**Email**", "**Gender**", dan "**Phone**" diluar konteks. Karena field tersebut **dikhususkan untuk mengisi kolom data yang telah disediakan.**
* Sekarang Audience kamu bisa memilih untuk mengisi nomor telepon saja atau email saja pada sign up form.
  {% endhint %}