> For the complete documentation index, see [llms.txt](https://landofcoder.gitbook.io/magento-2-formbuilder/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://landofcoder.gitbook.io/magento-2-formbuilder/config-and-usage/manage-product-label-rules.md).

# How To Create A New Form

Admin Panel > LandOfCoder > Add New Form

**Form Information**

![Form Information](https://91602845-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK8JPKvC0yyuekzhWo58a%2Fuploads%2FZ03gwJFPDKeExI2IwPle%2Fscreencapture-builder-landofcoder-admin-formbuilder-form-new-2022-06-23-19_10_51.png?alt=media\&token=a4ef02ce-161b-4e2e-a5d7-a642099f004e)

* **Form** Title: define title of your new form
* **Identifier**: define URL link for the form
* **Receive Notification**: please add your email address which you want to receive notification when customers submit form
* **Email Template**: Choose email template you want to send
* **Submit Button Text**: Add Text for ” Submit Button” here.
* **Show reCaptcha**: Select Yes to show reCaptcha
* **Show on TopLink**: Select Yes to show Toplink
* **Customer Groups**: Choose customer groups to show new form
* **Store View**: Choose store view in which you show new form
* **Status**: Select “Enable” to make your new form public

**Form Content**

![Form Content](https://91602845-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK8JPKvC0yyuekzhWo58a%2Fuploads%2FRMyuduwrH8gyrZu9H3Hi%2Fscreencapture-builder-landofcoder-admin-formbuilder-form-new-2022-06-23-19_11_05.png?alt=media\&token=20677ea7-de34-4b65-ad03-0bbf7f30812d)

In this part, you can insert messages that show “before form” and “after form” position as well as successful submission message.

**Form Creator**

In this section, you can freely create your form. Firstly select suitable form field as you want, then edit the field as below

![Form Creator](https://91602845-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK8JPKvC0yyuekzhWo58a%2Fuploads%2FaDqv6ERsxHMC3Fwj9CKX%2Fscreencapture-builder-landofcoder-admin-formbuilder-form-new-2022-06-23-19_11_25.png?alt=media\&token=6ce5884f-4756-4f4e-a671-ed6a7c109647)

**Form Field**

1. Text
2. Paragraph
3. Date
4. Dropdown
5. Time
6. Number
7. Website
8. Email
9. Price
10. Address
11. Rating
12. Subcription
13. Google Map
14. Model Dropdowns
15. Section

**Text**

![Text Field](https://91602845-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK8JPKvC0yyuekzhWo58a%2Fuploads%2F1q2FcxAvqLpxNPPIgk0A%2FScreenshot%20from%202022-06-24%2003-29-36.png?alt=media\&token=faf28178-17fd-4235-9159-1e4d00b2c728)

* **Label**: Put title of this form field here
* **Color**: Choose color for the title 
* **Font Size(px)**: Input font size for the title 
* **Font Style**: Choose Font Style for the title 
* **Font Weight**: Input Font Weight for the title 
* **Place Holder**: input placeholder text here 
* **Wrapper width**: select column width here( max: 12) 
* **Field width**: select field width here 
* **Icon** : Choose icon that appears in the form field 
* **Border**: Input desired border width 
* **Style**: select desired border styles here 
* **Radius**: input border radius here 
* **Color**: Text: input text color here 
* **Background**: input background color here 
* **Length Limit:** Set min/ max for characters or word in the field content. 
* **Validation**: Choose type of content validation here The following form field is pretty much straightforward with the options names speaking for themselves. You can config as we did above.

**SEO**

![SEO](https://91602845-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK8JPKvC0yyuekzhWo58a%2Fuploads%2F6odxkrelZ0my8jMMLBUX%2Fscreencapture-builder-landofcoder-admin-formbuilder-form-new-2022-06-23-19_11_37.png?alt=media\&token=490f2fa3-9c97-4090-8f33-7466fa709461)

* **Page Title**: Type your post title that will be shown at the top of it;
* **Keywords**: Set keyword for your post
* **Description**: Write meta description that will be shown on search engine results

**Design**

![Design](https://91602845-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK8JPKvC0yyuekzhWo58a%2Fuploads%2FUnCkLLQwWUmYUZHt4U7P%2Fscreencapture-builder-landofcoder-admin-formbuilder-form-new-2022-06-23-19_11_47.png?alt=media\&token=8fc514a5-111e-4bfa-a2df-c421371eeb82)

**Design:**

* **Page Layout**: Layout display in frontend
* **CSS:** Seller can update color, background color, hover color to form

**Message**

![Message](https://91602845-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK8JPKvC0yyuekzhWo58a%2Fuploads%2FWdDxrgivIIPaSHDNeTv9%2FScreenshot%20from%202022-06-24%2002-49-35.png?alt=media\&token=491d1758-9e96-4e02-9df9-b503af898e51)