# Forms

Di Shoppego anda kini sudah boleh cipta page anda yang tersendiri dan mempunyai element form bagi pengumpulan data maklumat pelanggan anda.

**Untuk membolehkan anda menggunakan fungsi ini, anda&#x20;**<mark style="color:red;">**perlu lakukan penetapan Captcha**</mark>**&#x20;juga didalam store Shoppego anda.**

**Untuk contoh penetapan Captcha, anda boleh rujuk pada link ini:**

{% content-ref url="/pages/xEUNBjECCTd1ngr7vlMG" %}
[Google reCAPTCHA V3](/ms/settings/captcha-providers/google-recaptcha-v3.md)
{% endcontent-ref %}

Untuk contoh penetapan, anda boleh pergi pada bahagian:

1. Log masuk kedalam akaun Shoppego anda

<figure><img src="/files/lCN7aw3FznaFFoOAyya2" alt=""><figcaption></figcaption></figure>

2. Klik pada **Forms**

<figure><img src="/files/RFWjewuqo8zmMwOSQoR7" alt=""><figcaption></figcaption></figure>

3. Klik pada butang **Add form**

<figure><img src="/files/XZmUFXeTcbu0epXLdn7d" alt=""><figcaption></figcaption></figure>

4. Kemudian, **masukkan Title page anda** yang mempunyai form itu dan klik **Save**

<figure><img src="/files/okeMKnvETOfnWV3yzQL2" alt=""><figcaption></figcaption></figure>

5. Kini, page anda yang khas dengan element form telah berjaya dicipta.

<figure><img src="/files/TnXfVXrWEZWccbZo72gg" alt=""><figcaption></figcaption></figure>

Seterusnya, anda boleh teruskan dengan penetapan untuk design page anda itu.

## Penetapan Page

1. Anda boleh klik pada butang **Edit with Builder**

<figure><img src="/files/56o99ZcvgH4fNjkDsUVN" alt=""><figcaption></figcaption></figure>

2. Nanti, anda akan dibawa ke halaman editor builder kami dan design seperti biasa page anda itu menggunakan editor builder kami.

<figure><img src="/files/XMBeJruOmHIPaQRRrRKD" alt=""><figcaption></figcaption></figure>

### Preview Form

1. Untuk lihat halaman anda itu pada live website, anda boleh klik pada butang **Preview**

<figure><img src="/files/1pR1xRpFdv9PwOK0c26l" alt=""><figcaption></figcaption></figure>

### Duplicate Form

1. Anda boleh klik pada butang **Duplicate** untuk anda cipta page form yang baru dengan menggunakan design atau penetapan form sedia ada anda ini.

<figure><img src="/files/roznR4VMj0lAJEgsEb8q" alt=""><figcaption></figcaption></figure>

2. Kemudian, anda boleh masukkan info bagi form anda yang baru itu dan lakukan pemilihan penetapan yang anda ingin bawa ke form yang baru tersebut.

| Penetapan                            | Penerangan                                                                                                        |
| ------------------------------------ | ----------------------------------------------------------------------------------------------------------------- |
| **Provide a name for your new form** | Anda boleh masukkan nama baru untuk form anda yang akan dicipta.                                                  |
| **Preferences**                      | Anda boleh tick pada toggle ini untuk bawa sekali penetapan "**Preferences**" anda itu ke form yang baru dicipta. |
| **Form fields**                      | Anda boleh tick pada toggle ini untuk bawa sekali penetapan "**Fields**" anda itu ke form yang baru dicipta.      |
| **Webhooks**                         | Anda boleh tick pada toggle ini untuk bawa sekali penetapan "**Webhooks**" anda itu ke form yang baru dicipta.    |

<figure><img src="/files/09S6Bz6zhvJ4gjWeeay9" alt=""><figcaption></figcaption></figure>

3. Setelah selesai klik **Duplicate**

<figure><img src="/files/h0KSH76f5vHDpjtXUI4u" alt=""><figcaption></figcaption></figure>

### Import JSON

1. Anda boleh bawa masuk file JSON yang dicipta menggunakan sistem Shoppego kedalam page form anda ini dengan cara, klik pada butang **More**

<figure><img src="/files/N7Hhmgj7WkQloAWroc0b" alt=""><figcaption></figcaption></figure>

2. Kemudian, klik pada butang **Import JSON** dan **lakukan pemilihan file anda itu dari dalam peranti anda**.

<figure><img src="/files/7a671KWFb9jZXk0ES0K2" alt=""><figcaption></figcaption></figure>

### Delete Form

1. Anda boleh delete form didalam page anda itu dengan cara, klik pada butang **More**

<figure><img src="/files/N7Hhmgj7WkQloAWroc0b" alt=""><figcaption></figcaption></figure>

2. Kemudian, lakukan pemilihan **Delete form**

<figure><img src="/files/HlDaP5rcogU44kgOAtIT" alt=""><figcaption></figcaption></figure>

## Penetapan Form

### Fields

1. Anda boleh lihat penetapan field form anda itu pada bahagian, klik pada butang **Fields**

<figure><img src="/files/U7X7wFEdJ9SZh290ffY0" alt=""><figcaption></figcaption></figure>

2. Pada halaman ini, anda boleh lihat field-field yang terdapat pada form anda itu. By default, sistem akan automatik cipta 3 jenis field(Name, Email & Phone) untuk anda dan anda tidak boleh padam/buang field tersebut.

<figure><img src="/files/NcPDH1BHpJQWs1ryjyPR" alt=""><figcaption></figcaption></figure>

#### Add Field

1. Anda boleh lakukan penambahan field yang baru dengan cara klik pada butang **Add field**

<figure><img src="/files/1mTZkKcysVGqkqwJJeRc" alt=""><figcaption></figcaption></figure>

2. Kemudian, masukkan info-info yang diperlukan untuk field anda itu:

| Penetapan    | Penerangan                                                                                                                                                                  |
| ------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Label**    | Tajuk bagi field anda ini, ianya akan dipaparkan pada pelanggan.                                                                                                            |
| **Name**     | ID bagi field anda ini, ianya tidak akan dipaparkan pada pelanggan.                                                                                                         |
| **Type**     | Anda boleh lakukan pemilihan untuk jenis input yang anda ingin gunakan pada form anda itu. Antara pilihannya adalah **Input**, **Checkbox**, **Dropdown** dan **Textarea**. |
| **Visible**  | Anda boleh tick pada toggle ini untuk paparkan ruangan field ini pada form anda.                                                                                            |
| **Required** | Anda boleh tick pada toggle ini untuk pastikan pelanggan perlu isi ruangan field ini terlebih dahulu untuk membolehkan mereka submit form anda ini.                         |

<figure><img src="/files/JMrmidcCTRYyIdFVlvHj" alt=""><figcaption></figcaption></figure>

3. Setelah selesai klik **Save**

<figure><img src="/files/A2AlMJtsoVCCpIkX3FbG" alt=""><figcaption></figcaption></figure>

Kini Field anda sudah berjaya dicipta.

<figure><img src="/files/4U8vw88Cab8vSGFUpEbQ" alt=""><figcaption></figcaption></figure>

#### Edit Field

1. Anda boleh edit/ubah penetapan field sedia ada dengan cara klik pada **butang ikon pensil** itu.

<figure><img src="/files/ZCY2rHqWQGG1RoBnj4LU" alt=""><figcaption></figcaption></figure>

2. Kemudian, lakukan perubahan yang anda inginkan dan klik **Save**

<figure><img src="/files/PSsoYgd7DlozhfH24Uc6" alt=""><figcaption></figcaption></figure>

#### Delete Field(Yang dibenarkan sahaja)

1. Anda boleh padam field yang anda inginkan itu, dengan cara klik pada **butang ikon tong sampah** pada field tersebut. <mark style="color:red;">**Perlu di ingatkan anda hanya boleh delete field yang dibenarkan sahaja.**</mark>

<figure><img src="/files/qoDkKyPV9rvoSTcDxF2b" alt=""><figcaption></figcaption></figure>

### Webhooks

1. Anda juga boleh tetapkan webhook yang khas untuk trigger dari form anda ini. Untuk lakukan penetapan itu, anda boleh klik pada butang **Webhooks**

<figure><img src="/files/nUkL2r8U8N90ZkDcxQf9" alt=""><figcaption></figcaption></figure>

2. Kemudian, klik pada butang **Add webhook**

<figure><img src="/files/JvarmL3Z7trqxN3Ji8Ea" alt=""><figcaption></figcaption></figure>

3. Setelah anda **masukkan info penetapan webhook** anda itu, anda boleh klik **Save**

<figure><img src="/files/YUHnDtuwfeAxv8h4DQLe" alt=""><figcaption></figcaption></figure>

4. Setelah selesai, anda boleh lakukan percubaan untuk submit form anda itu bagi trigger webhook tersebut di platform yang anda gunakan.

<figure><img src="/files/PT63yb3Ocb8X5Tp6vMgB" alt=""><figcaption></figcaption></figure>

#### Delete Webhook

1. Untuk padam/buang webhook yang anda sudah cipta itu, anda boleh klik pada **butang ikon tong sampah**

<figure><img src="/files/p2H5KOULE7sVDSDRxNuj" alt=""><figcaption></figcaption></figure>

### Products

Anda boleh lakukan penambahan produk pada form anda ini untuk membolehkan pelanggan lakukan pembelian.

1. Klik pada butang **Products**.

<figure><img src="/files/0H1CT8ouM5N1GDW7ABeL" alt=""><figcaption></figcaption></figure>

2. Kemudian, anda boleh **lakukan pemilihan produk yang anda ingin masukkan dengan cara klik pada dropdown Select product tersebut.**

<figure><img src="/files/JMj0ph2zh733LIQ1LBqx" alt=""><figcaption></figcaption></figure>

#### Delete product

Untuk delete produk yang anda sudah tambah pada form tersebut, anda boleh klik pada **butang ikon tong sampah**

<figure><img src="/files/jFDpC4C9JNCpScagA3sV" alt=""><figcaption></figcaption></figure>

### Preferences

1. Anda boleh lihat penetapan lain yang anda boleh lakukan untuk proses submission form anda itu dengan klik pada butang **Preferences**

<figure><img src="/files/QnrMJ5Z6O8zJQDBimAsQ" alt=""><figcaption></figcaption></figure>

2. Kemudian, anda boleh lakukan penetapan yang anda inginkan itu:

| Penetapan                                 | Penerangan                                                                                                                                                                                                                                                     |
| ----------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Facebook Pixel ID**                     | Anda boleh masukkan FB pixel ID anda.                                                                                                                                                                                                                          |
| **Facebook Pixel Access Token**           | Anda boleh masukkan FB pixel Access Token anda.                                                                                                                                                                                                                |
| **Facebook test\_event\_code**            | Anda boleh masukkan FB test\_event\_code anda.                                                                                                                                                                                                                 |
| **Enable pre-iOS 14 tracking bypass**     | Anda boleh tick pada toggle ini untuk lakukan pintasan terhadap pre-iOS 14 tracking.                                                                                                                                                                           |
| **Tiktok Pixel ID**                       | Anda boleh masukkan Tiktok pixel ID anda.                                                                                                                                                                                                                      |
| **Google Analytics ID**                   | Anda boleh masukkan Google Analytics ID anda.                                                                                                                                                                                                                  |
| **Enable Google Ads Conversion Tracking** | Anda boleh tick pada toggle ini untuk lakukan penetapan Google Ads Conversion Tracking.                                                                                                                                                                        |
| **Google Ads ID**                         | Anda boleh masukkan Google Ads ID anda. Anda perlu tick pada toggle "Enable Google Ads Conversion Tracking" untuk gunakan fungsi ini.                                                                                                                          |
| **Initiate checkout**                     | Anda boleh masukkan Initiate checkout label anda. Anda perlu tick pada toggle "Enable Google Ads Conversion Tracking" untuk gunakan fungsi ini.                                                                                                                |
| **Purchase label**                        | Anda boleh masukkan Purchase label anda. Anda perlu tick pada toggle "Enable Google Ads Conversion Tracking" untuk gunakan fungsi ini.                                                                                                                         |
| **Submit lead label**                     | Anda boleh masukkan Submit lead label anda. Anda perlu tick pada toggle "Enable Google Ads Conversion Tracking" untuk gunakan fungsi ini.                                                                                                                      |
| **Google Tag Manager ID**                 | Anda boleh masukkan Google Tag Manager ID anda.                                                                                                                                                                                                                |
| **Submit button text**                    | Anda boleh ubah teks submit button form anda itu kepada teks yang lain                                                                                                                                                                                         |
| **Footer text**                           | Anda boleh paparkan teks dibawah form anda itu                                                                                                                                                                                                                 |
| **Action after form submission**          | <p>Anda boleh tetapkan halaman yang anda ingin bawa apabila pelanggan submit form anda ini.<br><br>1. Go to default thank you page = Bawa pelanggan ke halaman thank you page<br>2. Redirect to URL address = Bawa pelanggan ke halaman yang anda inginkan</p> |
| **Thank-You Page > Title**                | Anda boleh ubah title teks pada halaman thank you page form anda itu(Halaman selepas pelanggan submit form)                                                                                                                                                    |
| **Thank-You Page > Body**                 | Anda boleh ubah body teks pada halaman thank you page form anda itu(Halaman selepas pelanggan submit form)                                                                                                                                                     |
| **Form theme > Form color**               | Anda boleh ubah warna divider untuk form tersebut.                                                                                                                                                                                                             |
| **Form theme > Submit button color**      | Anda boleh ubah warna CTA button untuk form tersebut                                                                                                                                                                                                           |
| **Form theme > Submit button text color** | Anda boleh ubah warna teks pada CTA button untuk form tersebut.                                                                                                                                                                                                |

<figure><img src="/files/fUOYO7l5ypVgmNmKsPjL" alt=""><figcaption></figcaption></figure>

3. Setelah anda selesai lakukan penetapan anda itu, pastikan anda klik pada butang **Save**

<figure><img src="/files/9GAlLq2TxCUi54JEPUQx" alt=""><figcaption></figcaption></figure>

## Pengurusan Leads

Untuk anda lihat kesemua data leads yang masuk, anda perlu pergi ke halaman Leads. Untuk info lanjut, anda boleh klik pada butang tab di bawah ini:

{% content-ref url="/pages/A22ScfIop5UP8sCfcIsb" %}
[Leads](/ms/forms/leads.md)
{% endcontent-ref %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.shoppego.com/ms/forms.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.