How to add/edit Contact Form
To start adding/editing contact form, enable the Visual Composer by clicking the button below the page title. See figure below.
In this topic
We will explain about how to add/edit Contact Form.
1. Add/Edit Contact Form to a page or post
To add the Contact Form in a page or post to show in front end of the website please follow steps below:
1.1. Add Contact Form
After adding a page, use the Visual Composer tool to add Contact Form by clicking on + (plus) icon, and searching for Contact Form.
1.2. Set Contact Form Settings
After you add the Contact Form, a pop up window will appear which you can set options for this shortcode that you can set to fine tune your Contact Form and add it to the page. Followed is detailed description of each option for the Contact Form:
1.2.1. Heading Title
Use this option to add a Heading Title for your Contact Form.
Use this option to set the Style of Contact Form. Available options are:
Use this option to set the Skin for Contact Form. This option is for cases that your background color may affect the readability of the form. Available Options are:
1.2.4. Background Color
Use this option to set the background color of your Contact Form.
Use this option to set the style of Image Gallery. Available options are:
1.2.5. Border Color
Use this option to set the border color of your Contact Form.
1.2.6. Font Color
Use this option to set the font color of your Contact Form text.
1.2.7. Button Background Color
Use this option to set the background color of your Contact Form button.
1.2.8. Button Font Color.
Use this option to set the font color of your Contact Form button.
Use this option to add the recipient email for your Contact Form. If this option left empty the WordPress administrator email will be used.
1.2.10. Show Phone Number Field?
Enable this option if you want to have Phone Number field in your Contact Form.
1.2.11. Captcha authentication?
Enable this option if you want to have Captcha Authentication in your Contact Form to prevent robots from sending spam emails.
1.2.12. Extra Class Name
This is an option which is common among most of shortcodes. If you wish to style particular content element differently, then use this field to add a class name and then refer to it in Custom CSS settings inside Theme Options -> Advanced.