WordPress Contact Form: how to create an e-mail contact form in WordPress?

WordPress Contact Form. The goal of your WordPress website is to get in touch with potential customers to sell your products. Adding a contact form is the first step to gain a reliable customer base. Not sure which WordPress contact form plugin to use or how it works? How to create an e-mail contact form in WordPress?

WordPress Contact Form

The amount of WordPress Contact Form plugins is overwhelming. How to choose one out of the 3.312+ available WordPress contact form plugins? And why use them anyway?

Why use a WordPress Contact Form?

Adding a Contact Form to a WordPress website can help:

A website owner to:
  1. become more visible
  2. gain potential customers
  3. get customers feedback
A web visitor to:
  1. contact the company easily
  2. in a safe manner: no public e-mail exposure or spam risk.
  3. 24/7 hr availability: whenever it suits them best.

 

How to create an e-mail contact form in WordPress?

You can create an Email Contact Form for your WordPress website in several ways. Deciding the "best contact form plugin" varies based on your company needs. These below three plugins can help you create an e-mail contact form in WordPress, based on your needs.
TIP: Put the e-mail contact form in the Contact Page to make it traceable.

  • Beginner: Contact Form 7
  • Customize: Supsystic Contact Form
  • User-friendly: WPForms Contact Form

 

Beginner: Contact Form 7

First. Contact Form 7 is the most downloaded contact form plugin. Used by millions of people worldwide. If you’re a beginner searching for a free online contact form, this is a good start. Yet not the best solution.

contact form

With this free plugin, you can manage many contact forms. It supports o.a. CAPTCHA (robot protector), antispam control (Akismet spam filtering).
And free add-on Third-party plugins are available.

Yet, it is a basic content form. The user interface is not very intuitive, nore customizable. Finding a suitable add-on is difficult and comes with limited support.

Instal Contact Form 7:

  • Install Contact Form 7.
  • Upload the ‘contact-form-7’ folder to: /wp-content/plugins/ directory.
  • Choose ‘Plugins’ in the WordPress Dashboard to activate the plugin.
  • In the WordPress admin panel, you will now find ‘Contact’.

edit contact form

Create a Contact Form 7:

  • Click ‘Contact’.
  • To create a form click ‘Add New’. Choose a form.
  • Click ‘Elements’ in the top sheet or ‘edite the code’.
  • Click ‘E-mail ’ to add sender and receiver email addresses.
  • Fill the ‘E-mail Subject’ with "[your-subject]" code.
    will automatically add the selected value of the sender.
  • Review the ‘Messages ’ text overview.
    The website user will receive this text message.
  • Click "Expand the form" if you want to add your own source code.
  • TIP: Read the WordPress shortcode tutorial.
  • Click "Save" to Save the created e-mail contact form.
  • Go back to "Form Overview" to see the e-mail contact list.
  • Copy and paste the shortcode into your WordPress page.
  • TIP: Install the Contact Form DB plugin. To save the messages from your e-mail contact form into a database (transparent table). In this way, you can store website insights for future use.

Customize: Supsystic Contact Form

Second. Supsystic is a simple, yet free, customizable e-mail contact form builder. It offers a drag-and-drop editor. To make changes in the design, you do not need coding knowledge.

Instal Supsystic:

  • Install Supsystic.
  • Upload the ‘Supsystic’ folder to: /wp-content/plugins/ directory.
  • Choose ‘Plugins’ in the WordPress Dashboard to activate the plugin.
  • In the WordPress admin panel, you now find ‘Contact Form by Supsystic’.

supistic

Create a Supsystic Email Contact Form:

  • Click ‘Contact Form by Supsystic’.
  • To create a form click ‘Add New’.
  • Choose a name and click ‘Appearance’.
  • Select a ‘design template’.
    Below, you can see an instant preview of the form with the applied look.
  • Choose ‘Fields’ to select "individual fields, text, and location.
  • The movement of the elements takes place in the "Catch and Go" style.
  • Click ‘E-mail ’ to add sender and receiver email addresses.
  • Fill the ‘E-mail Subject’ with "[your-subject]" code.
    will add the selected value of the sender.
  • Review the ‘Messages ’ text overview.
    The website user will receive this text message.
  • Click "Save Contacts" to Save the sent message.

User-friendly: WPForms Contact Form

Third. WPForms is a powerful plugin WordPress contact form plugin. This is a user-friendly drag & drop online form builder. It lets you create professional email contact forms, without technical knowledge. Available both as Free and Paid (premium version).

vps form

The free version "WPForms Lite" allows you to install on as many sites as you like. With the premium version, you extend the functionality and build multi-page forms. Such as email subscription forms, payment forms or order forms.

 

Install WPForms Lite

  • Install WPForms Lite.
  • Upload the ‘WPForms Lite’ folder to: /wp-content/plugins/ directory.
  • Choose ‘Plugins’to activate the plugin WPForms Lite.
  • In the WordPress admin panel, you will now find ‘WPForms’.

vps forms

Create a WPForms Lite Email Contact Form:

Click the “Add New” button to create your new WordPress contact form.

For more information: Watch this video.

Article rating

Average rating: 4.3/5

Votes: 18