🔥 69% Discount. limited time offer! 🔥

How to Create Your First Form with Easy Form Builder?

Easy Form Builder is a powerful and beneficial form creator plugin that allows you to easily create professional forms without the need for coding skills. With its drag-and-drop feature, you can create your multistep form quickly and easily.

In this article, we will guide you on how to create your first form using Easy Form Builder on your WordPress site. Follow the steps below to publish your first form.

  • Adding a New Form
  • Customizing Form Fields
  • Accessing Field Options
  • Editing Form Settings
  • Displaying Forms on Your Site
  • Embedding Your Form on a WordPress Page
  • Empty Step alert
  • Adding a New Form
  • Creating A New Form on Easy Form Builder

Adding a New Form

Before you get started, make sure you have installed and activated the Easy Form Builder plugin on your site. To create a new form, log in to the WordPress admin area and click on “Easy Form Builder” in the admin sidebar to go to the Forms Overview page. Then, click on the “Create” button in the sidebar to launch Easy Form Builder.

On the Easy Form Builder page, you can choose the type of form you want to create. In this article, we will show you how to create a contact-us form.

create form WordPress plugin

On this page of Easy form builder, you will need to choose your needed form.in this essay, we will recognize how to create a contact-us form.

Customizing Your Form

Once you have selected a form template, the form builder will take you to the Fields screen where you can customize your form. The left panel will show you the available fields. You can drag and drop fields such as Telephone number, Signature, Location Picker, E-mail, and Password from the left side of the page to your form.

create form WordPress plugin

Accessing Field Options

To access your field option settings, click on the Settings icon on the box inside the form.

create form WordPress plugin

Field edit enables you to configure the details and settings of each field, such as its label and description & Enabling email notification. Also on advanced settings, you can change Label size, Label Color, Description Color, Field Color, Border Color, Placeholder Label, Position label, Align description, and Align CSS Classes.

create form WordPress plugin

To view the form you have created, click on it in the PC preview in the header panel.

To add a field to your form, you can drag and drop it directly into the form. For example, I added TEL to the Contact Form. 

Editing Form Settings

To access your form’s settings, click on the “Form Settings” tab on the header bar of the form builder.

create form WordPress plugin

In this step, you can customize the setting options of forms:

  1. Active Confirmation Code: Showing the confirmation code in filled-out contact forms or another type of form.
  2. Add Google reCAPTCHA to the form: ADD Google Captcha to the form.
  3. Do not show the Icons & Steps name: don’t show the Icon and step name section of a form.
  4. Do not show the progress bar: don’t show the progress bar section of a form.
  5. Private form: Manage form permissions and add access control rules including members of the site only having access to forms.
  6. Admin Email to receive an email notification: Quickly respond to incoming inquiries with our instant forms notification system
create form WordPress plugin

After creating your form, you need to save it and copy the shortcode.

create form WordPress plugin

Copy Shortcode after you saved your form

create form WordPress plugin

Displaying Forms on Your Site

There is a way to add your forms to your site. This tutorial will focus on how to display forms on your site within a page or a post.

Embedding Your Form with the Block Editor

Once you’ve opened the page editor, you can add a new block by clicking the plus (+) icon in the upper left corner.

You are publishing your Form by pasting the shortcode in the content of the post or page.

When you click on the save button, your form is ready to publish, changes are live on the end of your site, click “publish”.

create form WordPress plugin

By clicking on view post you can find out your form

After clicking on the view post button, you may observe your form. Here’s a sample of creating forms on Easy Form builder. 

Empty Step alert

If you want to create a multistep form, you must first fill step one with fields like Email, Text, Check Box, and more. Then, you can insert a step to the form and drag other options to your second step. Note that you cannot delete the first step of forms, and the form cannot be saved if the first step remains empty.

create form WordPress plugin

Notice: you can’t delete the first step of forms.

create form WordPress plugin

the point is that the form cannot be saved if the first step remains empty.

You will receive an error and you must proceed truly and must not steps remain empty.

That’s it! You now know how to create forms.

What more do you expect? Harry up, start with Easy Form Builder right now!