WordPress Forms Lite: A Beginner’s Guide to Creating Beautiful Forms for Your Website (2024)

WordPress Forms Lite (WP Forms Lite) is a powerful and intuitive plugin that allows you to create stunning forms for your WordPress website.

Note: WP Forms Lite is the free version of the WP Forms

Whether you need a simple contact form or a complex survey, WordPress Forms Lite provides you with the tools to create, customize, and manage forms with ease.

In this blog post, we will show you how to use WordPress Forms Lite on your website in four simple steps:

1. Install and activate the plugin
2. Create a new form
3. Customize your form
4. Embed your form on your website

Let's begin!

Step 1: Install and activate the plugin

The first step is to install and activate the plugin by following the steps below:

Login to your WordPress dashboard. Go to Plugins > Add New Plugin

Search for the plugin by typing in the name and click on Install, then Activate.

You can also download the plugin from the WordPress repository and upload it manually to your site as a zip file.

Step 2: Create a new form

Follow the steps below to create a new form.

Go to WPForms > Add New in your WordPress dashboard.

A screen will appear with a button, written 'Create Your Form'. When you click on it, it will take you to where you can choose your own form template.

You can make your own form by selecting from a choice of pre-made form templates.

Basic forms like Contact Form, Newsletter Signup Form, Suggestion Form, etc., and complex forms like Donation Form, Order Form, Survey Form, etc., are available for selection.

If you'd like, you can also start from scratch and create a blank form.

We will be using the 'Blank Form' for this tutorial.

You will be taken to the form builder, where you can edit your form fields, settings, and design.

Step 3: Customize your form

Modifying your form to your requirements and tastes is the next step. Take these actions to accomplish this:

In the form builder, you can drag and drop form fields from the left panel to the right panel. You can also click on any form field to edit its label, description, placeholder, required status, etc.

By selecting the Add Fields tab in the left panel, you can add new form fields. Standard fields like Name, Email, Text, Paragraph, and so on are available, as well as more upscale options like Dropdown, Checkbox, etc.

Let's see how to do this:

You can rearrange the order of your form fields by dragging and dropping them in the right panel. You can also delete any form field by clicking on the trash icon next to it.

To continue adding more fields, click on 'Add Fields'.

We will go ahead and add a message box to the form.

To change your form name, click on Blank Form. A new screen will appear where you can type your form name.

We will call ours 'Our Contact Form'

You can change the settings of your form by clicking on the Settings tab in the left panel. You can configure the general settings, such as the form name, submit button text, spam prevention, etc., the notification settings, such as the email address, subject, message, etc., and the confirmation settings, such as the message, redirect URL, etc.

Step 4: Embed your form on your website

Embed your form on your website as the last step. Follow these steps to accomplish it:

Once you are done customizing your form, click on the Save button at the top right corner of the form builder.

Click the 'X' icon right beside the Save button after you are done customizing your form.

Now create a page or update an existing page on your website where you will have to enter the shortcode of your form.

To create a page, go to Pages > Add New Page. But if you want to update an existing page, click on All Pages then Edit page.

In this tutorial, we will create a new page called Contact Page.

We will type in our page name, and then embed our form by clicking on Add Form.

A pop-up window will appear that will prompt us to select our form, in the case that we have many.

Then click on Add Form.

The shortcode of the form you have selected will automatically appear.

Click on Publish or Update to save your page.

The easier way to add your form to your page is to copy the shortcode immediately after you are done customizing and saving the form.

You just need to go to WP Forms > All Forms and copy the short code, then go and paste it to the desired section of your page.

Visit your page now to view your form.

Conclusion

A fantastic plugin for creating elegant and useful forms for your WordPress website is WordPress Forms Lite. It can be used to generate a variety of forms, including payment, subscription, feedback, and contact forms.

Moreover, drag & drop, pre-made templates and a variety of settings and options are available to help you personalize your forms. WordPress Forms Lite is quick, responsive, and simple to use.

Put it to the test right now to see the results for yourself!

Thank you for reading.