How to create a form in WordPress using the Contact Form 7 plugin

Contact Form 7 is a plugin for WordPress that you can use to easily create all the forms you need on your website. In this article, we will advise you on how to implement the plugin, create your own fields on the form, and publish the form.

From the left menu select Plugins – Add new

Search for Contact Form 7 plugin and then click Install now to install the plugin.

When the installation is complete click Enable Plugin.

Select Contact from the side menu and click on the form to edit it. You can create an entirely new form by clicking Add New or select the automatically created form.

Change the form name if you want.

The form code is displayed in the Form section.

The default field is ready with name, email, subject, message and submit fields.

You can add other elements to the form from above. For example a drop-down menu.

From the drop-down menu, select first whether the field is mandatory.

Next, you can choose a name for the field.

In the Options section, add the desired options that will appear in the drop-down menu.

You can allow multiple selection or put a blank selection as the first option.

Id and Class values ​​add the Id and Class attributes to the html code of the field. The fields can be left blank.

When the menu is complete select Insert tag.

<label> and </label> mean that the element is a labeled element that the screen reader can detect. Each element must be labeled for the form to work in an accessible way.

The drop-down menu code appeared in the form’s code. Move the code to a desired location.

Add a tag header above the drop-down menu code. For example <label> Options

After a drop-down menu code add </label>

Form submissions will be sent to specified email addresses. If there are several addresses, separate them with a comma.

You can also specify the sender and subject of the email. You can either write what you want or put the values ​​of the form fields on the form.

In the Additional headers section, you can specify the cc and bcc recipients of the email.

Put all form fields in the Message body field or some of the information may be lost. You can find the codes for the fields you created at the top (example: menu-794).

Check the box if you want send the email in html format.

If a file field was specified for the form, the field must also be specified in the File Attachment so that the attachment is attached to the e-mail you are sending.

Mail (2) is a similar form to the upper one.

Mail 2 is a confirmation message to the person completing the form. Use this if you want to send a confirmation message or other notification to the sender of the message.

The Messages section contains notification messages related to the form field. You can edit notifications if you wish.

Save the form at the top of the page.

Copy (Ctrl+C) the shortcode below the form name.

From the left menu select Pages -> All pages and select the page to which you want to add the form to or create an entirely new page by clicking Add New.

Paste (Ctrl+V) the shortcode into the page.

Click Preview and you will see the form on your pages.

If you are ready to publish the page that contains the form, click Publish.