In this article

Displaying a Contact Form

In order to display a contact form in a widget area/sidebar, you’ll need to add the JP – Contact Form widget to a widget area/sidebar, and then configure its settings.

To add the widget:

1

From the left WordPress menu, go to the Appearance > Widgets page.

2

On the Widgets page, find the JP – Contact Form and drag and drop it into a widget area. In this example, we chose the Page Widget Area.

3

Fill out the settings form with the necessary information, and then click on the Save button.

Setting

Description

Title

Displays a title at the top of the widget. If left empty, it will show a Contact Us title.

Email

Defines the recipient of the messages. Only one email address is allowed, which by default is set to the WordPress admin email. To change the default WordPress email, read the Changing WordPress settings article.

Show Captcha?

Enables or disables the Captcha field. In order to use the field, the Artbees Themes Captcha plugin should be installed and activated. To install the plugin, read the Install plugins and add-ons article.

Note: The widget is ready. Now you may need to add the Page widget area/sidebar to a page so you can see the widget. If you are not familiar with adding a widget area/sidebar to a page, read the Adding a sidebar article.

Translating the form

Modifying the Stylings

By default, there are no settings to modify the style of the form. The only way to do so is to use custom CSS. We’ll use two examples to show how this is done.

Changing the Form Fields Text Color

In the form fields, two types of texts exist: Placeholder and Value. The placeholder is the initial text you see in the form fields and the value is the texts that you see while typing. Each of these texts need specific CSS codes.

To change the form text color:

1

After adding the form to your website as explained in the previous section, inspect the form and take note of the section ID and form Class. In this example, they are contact_form-5 and mk-contact-form.