![](https://kb.templatetoaster.com/wp-content/uploads/2017/10/contact_form_dialogue_templatetoaster.png)
1 Specify Admin Email
![](https://kb.templatetoaster.com/wp-content/uploads/2017/10/contact_form_admin_email_templatetoaster.png)
In this field, specify the admin email address on which the messages will be sent. For example, if you want all the messages to be sent on your email address, then fill in your email address in this field.
2 Set Margin
![](https://kb.templatetoaster.com/wp-content/uploads/2017/10/contact_form_margin_option_templatetoaster.png)
You can set a custom margin of Contact form from all the sides. The margin will be the same from all sides if the” Select All” option is checked. Uncheck ” Select All” to specify different margin for all sides i.e. Top, Bottom. Left, & Right.
3 Contact Form fields
![](https://kb.templatetoaster.com/wp-content/uploads/2017/10/contact_form_fields_templatetoaster.png)
These Contact Form Fields are added by default. You can add more fields as needed.
4 Apply Validation Rule
![](https://kb.templatetoaster.com/wp-content/uploads/2017/10/contact_form_validation_option_templatetoaster.png)
Click the drop down arrow and select a validation rule for the field. There are four option to select the validation rule as No Validation, Email, Numeric, and URL. Validation text lets you provide a message to help the users whose input data that is not correct.
5 Required Field
![](https://kb.templatetoaster.com/wp-content/uploads/2017/10/required_field_mark_templatetoaster.png)
This icon signifies that the particular field is mandatory. To make a field mandatory, just click the “star icon” shown besides the field.
6 Add New Field
![](https://kb.templatetoaster.com/wp-content/uploads/2017/10/add_new_field_templatetoaster.png)
Click on this button to add a new field in your contact form.
7 Delete
![](https://kb.templatetoaster.com/wp-content/uploads/2017/10/delete_contact_form_field_templatetoaster.png)
Use this option you can delete the contact form field.
8 Typography Tab
![](https://kb.templatetoaster.com/wp-content/uploads/2017/10/contact_form_label_typography_option_templatetoaster.png)
From this tab, you can change the text style of the labels used in the contact form.
9 Button Tab
![](https://kb.templatetoaster.com/wp-content/uploads/2017/10/contact_form_button_tab_option_templatetoastter.png)
Lets you select the type of the button you want to use on your contact form.
10 Message Field
![](https://kb.templatetoaster.com/wp-content/uploads/2017/10/contact_form_message_field_templatetoaster.png)
It facilitates a message box in the contact form that provides a text area for the user to write the message.
11 Enable Attachments
![](https://kb.templatetoaster.com/wp-content/uploads/2017/10/contact_form_attach_files_templatetoaster.png)
If enabled, the Enable Attachments option allows the user to attach the file with restricted extensions using the Browse button option. And also mention the size of the attachment as specified by you in the corresponding fields. You will also be able to define the Browser typography if Enable Attachment is checked as shown below:
![](https://kb.templatetoaster.com/wp-content/uploads/2017/10/browse_typography_dialogue_templatetoaster.png)
12 OK
![](https://kb.templatetoaster.com/wp-content/uploads/2017/10/ok_button_templatetoaster.png)
Click on the OK button to add the contact form in the template/website with changes applied.
13 Cancel
![](https://kb.templatetoaster.com/wp-content/uploads/2017/10/cancel_button__templatetoaster.png)
Use the Cancel option to rule out all of the changes and close the dialog box.