Amay Web Design

How to Install WPForms on WordPress

WPForms Lite is a free WordPress drag and drop form builder that even the non-tech-savy can easily use. Want even more features than WPForms Lite? Check out WPForms Pro, for premium features including email subscription forms, multi-page contact forms, file uploads, conditional logic, payment integrations, form templates, and heaps more.

Easy Steps to installing WPForms

Let’s get started.

  1. Log into your WordPress Website dashboard
  2. Go to Plugins -> Add Plugin
  3. Search for WPForms.
  4. Click Install Now

5. Click Activate.

   

   6. Navigate to WPForms on the left-hand menu.

   7. Click Add New then on the screen that loads, enter the name of your form ie Contact Form, Quick Contact, Newsletter Subscription etc.
   8. Select the type of form you want to set up. eg Simple Contact Form, Newsletter Signup Form or choose Blank Form if you want to build your own from scratch.
 
 
Please note: If you have WPForms Pro installed, you will have more template options and features to choose from. This is an example of what the pro version options will look like.

Easy Steps to Setting Up a Form

Customize Form Fields

Once you have selected the form template you will be taken to the Fields screen.

On the left panel, you will see fields available for you to use. On the right panel, you will see an editable preview of your form.

Either edit an existing field or drag and drop a new one. To add a field to your form, you can do so from the left panel directly into the form preview.

 

How to Access and Edit Field Options

To view and edit the field options, click on the field in the preview screen. The field options will then appear in the left panel.

Make sure to use the tooltips (?) if you are having any problems understanding what to write in each field option. You can also add smart tags as well. (Smart tags are short codes that will bring in the text entered into the field when front end users fill in the form, like the name, email address etc.

At this stage, press the Save Button before we move on. 

The Next Step is to Edit the Form Settings

Click on the Settings tab on the left side of the Form Builder. You will see the General, Notifications, and Confirmation tabs.

  1. In the General section, you can change the form name and description etc. Remember to Press Save.
  2. Configure the Notifications settings. Notifications are emails that are sent when someone fills in and submits your form. 
  3. Form confirmations are sent to inform users that they have successfully submitted a form and to provide more information and options to users.

You are now finished setting up your form. Save your form on the top right and then press X to close the form builder. 

How to Display Your Form on Your Website

Some of the ways you can display your form on your site via a page or widget.

Add Your Form to a WordPress Page or Post

Firstly create a new WordPress page/post or edit an existing one.

Whether you use a page builder or the built-in WordPress block editor, locate WPForms and select the title of the form you just finished creating. 

You can also add your new form to your footer or sidebar by going to Appearance -> Widgets and select WPForms and install the widget in the usual way. Again, select the form you created. 

WPForms is one of the most versatile form builders and the Lite version is great straight out of the box, but if you require more features, be sure to check out the Pro version