> For the complete documentation index, see [llms.txt](https://docs.shoppego.my/tutorials/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.shoppego.my/tutorials/en/forms.md). # Forms At Shoppego you can now create your page and have a form element for collecting your customer information. **To enable you to use this function, you ****must also set Captcha**** in your Shoppego store. For examples of setting Captcha, you can refer to this link:** **For an example setting, you can go to the section:** {% content-ref url="/pages/YP7EqhmfL8YMwa1YeO27" %} [Google reCAPTCHA V3](/tutorials/en/settings/captcha-providers/google-recaptcha-v3.md) {% endcontent-ref %} 1. Log in to your Shoppego account
2. Click on **Forms**
3. Click on the **Add form** button
4. Then, **enter your Title page** that has the form and click **Save**
5. Now, your special page with the form element has been successfully created.
Next, you can continue with the settings for your page design. ## Page Settings 1. You can click on the **Edit with Builder** button
2. Later, you will be taken to our builder editor page and design your page as usual using our builder editor.
### Preview Form 1. To see your page on the live website, you can click on the **Preview** button
### Duplicate Form 1. You can click on the **Duplicate** button to create a new form page using the design or setting of your existing form.
2. Then, you can enter the information for your new form and select the settings you want to bring to the new form. | Settings | Description | | ------------------------------------ | -------------------------------------------------------------------------------------------- | | **Provide a name for your new form** | You can enter a new name for the form that will be created. | | **Preferences** | You can tick this toggle to bring your "**Preferences**" settings to the newly created form. | | **Form fields** | You can tick this toggle to bring your "**Fields**" settings to the newly created form. | | **Webhooks** | You can tick this toggle to bring your "**Webhooks**" settings to the newly created form. |
3. When finished click **Duplicate**
### Import JSON 1. You can import the JSON file created using the Shoppegram system into your page form by clicking on the **More** button
2. Then, click on the **Import JSON** button and **select your file from your device**.
### Delete Form 1. You can delete the form from your page by clicking on the **More** button
2. Then, select **Delete form**
## Form Settings ### Fields 1. You can see your form field settings in the section, click on the **Fields** button
2. This page shows the fields on your form. By default, the system will automatically create 3 types of fields (Name, Email, and Phone) for you, and you cannot delete/remove the fields.
#### Add Field 1. You can add a new field by clicking on the **Add field** button
2. Then, enter the necessary information for your field: | Settings | Description | | ------------ | -------------------------------------------------------------------------------------------------------------------------------------------- | | **Label** | The title of your field **will be displayed to the customer.** | | **Name** | The ID for your field, **it will not be displayed to the customer.** | | **Type** | You can select the type of input you want to use on your form. Among the options are **Input**, **Checkbox**, **Dropdown** and **Textarea**. | | **Visible** | You can tick this toggle to display this field on your form. | | **Required** | You can tick this toggle to ensure the must fill in this field first to allow them to submit your form. |
3. When finished click **Save**
Now your Field has been successfully created.
#### Edit Field 1. You can edit/change existing field settings by clicking **the pencil icon**.
2. Then, make the changes you want and click **Save**
#### Delete Field(Yang dibenarkan sahaja) 1. You can delete the field you want, by clicking on **the trash can icon button** on the field. **It should be remembered that you can only delete fields that are allowed.**
### Webhooks 1. You can also set a special webhook to trigger from your form. To do that setting, you can click on the **Webhooks** button
2. Then, click on the **Add webhook** button
3. Once you have **entered your webhook setting info**, you can click **Save**
4. Once finished, you can try to submit your form to trigger the webhook on the platform you are using.
#### Delete Webhook 1. To delete/remove the webhook you have created, you can click on **the trash can icon button**
### Products You can add products to your form to allow customers to make purchases. 1. Click on the **Products** button.
2. Then, you can **select the product you want to enter by clicking on the Select product dropdown**.
#### Delete product To delete the product you have added to the form, you can click on the **trash can icon button**
### Preferences 1. You can see other settings you can make for your form submission process by clicking on the **Preferences** button
2. Then, you can do the setting you want: | Settings | Description | | ----------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **Facebook Pixel ID** | You can enter your FB pixel ID. | | **Facebook Pixel Access Token** | You can enter your FB pixel Access Token. | | **Facebook test\_event\_code** | You can enter your FB test\_event\_code. | | **Enable pre-iOS 14 tracking bypass** | You can tick this toggle to bypass pre-iOS 14 tracking. | | **Tiktok Pixel ID** | You can enter your Tiktok pixel ID. | | **Google Analytics ID** | You can enter your Google Analytics ID. | | **Enable Google Ads Conversion Tracking** | You can tick this toggle to set up Google Ads Conversion Tracking. | | **Google Ads ID** | You can enter your Google Ads ID. You need to tick the "Enable Google Ads Conversion Tracking" toggle to use this function. | | **Initiate checkout** | You can enter your Initiate checkout label. You need to tick the "Enable Google Ads Conversion Tracking" toggle to use this function. | | **Purchase label** | You can enter your Purchase label. You need to tick the "Enable Google Ads Conversion Tracking" toggle to use this function. | | **Submit lead label** | You can enter your Submit lead label. You need to tick the "Enable Google Ads Conversion Tracking" toggle to use this function. | | **Google Tag Manager ID** | You can enter your Google Tag Manager ID. | | **Submit button text** | You can change the text of your form's submit button to another text | | **Footer text** | You can display the text below your form | | **Action after form submission** |

You can set the page you want to bring when the customer submits your form.

  1. Go to default thank you page = Take the customer to the thank you page
  2. Redirect to URL address = Take the customer to the page you want
| | **Thank-You Page > Title** | You can change the text title on the thank you page of your form (The page after the customer submits the form) | | **Thank-You Page > Body** | You can change the text body on the thank you page of your form (The page after the customer submits the form) | | **Form theme > Form color** | You can change the color of the divider for the form. | | **Form theme > Submit button color** | You can change the color of the CTA button for the form | | **Form theme > Submit button text color** | You can change the color of the text on the CTA button for the form. |
3. Once you're done making your settings, make sure you click on the **Save** button
## Management of Leads For you to see all incoming lead data, you need to go to the Leads page. For more info, you can click on the tab button below: {% content-ref url="/pages/7JTpjT0tseUko9h3CBwC" %} [Leads](/tutorials/en/forms/leads.md) {% endcontent-ref %}