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.

Click the button to enable/disable the visual composer.

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

contact-form-shortcode

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:

contact-form-settings

1.2.1. Heading Title

Use this option to add a Heading Title for your Contact Form.

contact-form-heading-title

1.2.2. Style

Use this option to set the Style of Contact Form. Available options are:

  1. Outline
  2. Modern
  3. Classic
  4. Corporate
jupiter-contact-form-modern

1.2.3. Skin

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. Dark
  2. Light

1.2.4. Background Color

Use this option to set the background color of your Contact Form.

contact-bg

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.

contact-font-color

1.2.7. Button Background Color

Use this option to set the background color of your Contact Form button.

customise-color

1.2.8. Button Font Color.

Use this option to set the font color of your Contact Form button.

1.2.9. Email

Use this option to add the recipient email for your Contact Form. If this option left empty the WordPress administrator email will be used.

jupiter-contact-form-corporate

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.

captcha

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.

classic-style-contact-form
0