Iris Documentation

YIT Contact Form

In this page you will learn how to set your contact forms.

1. Install and activate YIT Contact Form plugin

Install YIT Contact Form plugin. Click on the green button as shown in the image below:

install yit newsletter plugin

And then click on "install" to install the plugin.

install yit newsletter plugin

After installation, click on "activate" to activate the plugin.

2. Create a Contact Form

Click on "Contact Forms > Add New Contact Form":

Create a newsletter form

2.1 Contact form configuration tab

In the first tab, you can apply general settings of your contact form, as showed below:

23

To use "Google reCaptcha", set the "reCaptcha System" field to "checked" as shown below and click here to learn how to get api keys.

23

2.2 Add\Edit Form tab

In this section, we will show you how to create a contact form with nameemailwebsite and message field, as showed below:

23

Click on "Add field" button:

23

A grey box will appear, then click on the arrow to open it.

23

Firstly, we add "name" field; it' s important that you fill in Data Name field to use its value in email body.

Then, fill in Message error field, check the Required field, choose the Icon that will appear in the input field and assign "six columns" value to Width.

23

Now, we can add "email" field: we have to fill in the same fields as we did before, but we also have to check the "Email" field as showed below.

23

In this way, users will receive an error message if the email is not in the correct form.

23

Now we are going to add "website" field: in this case, we don't want the field to be required, but we want that the input field is as wide as its container, so we set the "Width" field to twelve columns.

23

Let's add the last custom field for "message": in this case, we will set "Type Field" to "Textarea".

23

2.3 Field Order

In WordPress admin panel, our field list will appear like the picture below:

23

You can change field order by dragging and dropping field box as showed below:

23 23

Do not forget to click on "publish" or "save draft" to apply changes.

3. Shortcodes

After being created, the contact form will appear in the list with all contact forms. Next to them, you can see the shortcode column, as showed below.

22

Click here for more details about shortcodes.