Contact Form

This guide will help you to Customize Contact Form.

1) Drag and Drop Contact Form from left side Widget Panel or simply click on it if already present in page to open Dialog Box. Now in Dialog Box Click on Add New Field to add new input field to your Form. Enter Button label and check use reCAPTCHA box if you want to use it as shown image below. If you don't know how to setup reCAPTCHA then follow this guide. Setup reCAPTCHA for Contact Form
https://poweredbyearthgirl.com/billing/instantsite/images/Contact-form-drag.png
2) Now select Alignment for your Contact Form as per requirements. Form ID and Form Name this fields is used in E-mail template.
https://poweredbyearthgirl.com/billing/instantsite/images/Contact-form-drag2.png
3) To add new fields just click on Add New Field. To customize newly added field just click on that particular field as shown in image below.
https://poweredbyearthgirl.com/billing/instantsite/images/Contact-form-add-field.png
4) Now add Label for input field and select Type of that field. We have different input types like Text for names or surnames, E-mail for e-mail, Text area for messages etc.
https://poweredbyearthgirl.com/billing/instantsite/images/Contact-form-customize-field.png
5) Check Use Label as Placeholder box to place your label as a Placeholder. If you want any field as a required field then check Required box. Enter CSS class and ID if you need them.
https://poweredbyearthgirl.com/billing/instantsite/images/Contact-form-customize-field2.png
6) You can add multiple input fields into your Contact Form as shown image below.
https://poweredbyearthgirl.com/billing/instantsite/images/Contact-form-multiple-fields.png
7) You can add Custom Style for Contact Form by following below image steps.
https://poweredbyearthgirl.com/billing/instantsite/images/Contact-form-styling.png
  • 0 Users Found This Useful
Was this answer helpful?

Related Articles

Tabs

When the first Theme is selected it automatically gives the Predefined Style for Tabs but if you...

Service Box

This Guide will help you to add Service Box. Drag and Drop Service Box Drag and Drop Service...

Primary Menu

When the first Theme is selected it automatically gives the Predefined Style for Menu but if you...

Pricing Table

When the first Theme is selected it automatically gives the Predefined Style for Pricing Table...

Modal

This Guide will help you to add Modal. Drag and Drop Modal Drag and Drop Modal from left side...