Lead Form Builder

Install Plugin

Lead form plugin is one of the most user friendly plugin on WordPress for creating lead generation forms for your WordPress site.

Step 1: Go to your WordPress Dashboard and navigate to wp-admin > Plugins > Add New. In the Right most side you’ll see the search box, enter the keyword “Lead form builder “. Plugin will appear.
Then click on the ‘Install Now’ button.

Step 2: After the installation is completed, click on the ‘Activate’ button and “Lead form builder” will be activated.
Step 3: After you have successfully completed Step 2, Lead form builder will appear in the WordPress Dashboard. You will be redirected to the Settings page of Lead form builder.

Creating a Form

To create a new form navigate to “WP Dashboard > Lead Form > Add Form“. Add Field Name, Field Type, Default Value, Use Default Value as a Placeholder (check this option to show default value inside fields), Required (Check this option to make that particular field mandatory/required), Add New Button (Click to add more fields).
Field ordering & Customization : To order form fields just drag and drop them.

This is our new form we just created.

How to Display Form

Using Block

Adding a Form with the Block Editor

You can easily insert and manage your contact forms using the WordPress block editor.

Step 1: Insert the Block

Click the + (Plus) icon in the top left corner.
Search for Lead Form Builder in the search bar.
Click or drag the block to add it to your page.

Step 2: Choose Your Form

Click on the inserted form block to highlight it.
Look at the Block settings panel on the right side of your screen.
Under the Select Lead Form dropdown menu, click the box.
Select your desired form from the list (for example, “Contact Us”).
The block will automatically refresh to show your chosen form.

Step 3: Quick Customization

If you need to edit the chosen form’s fields, click the blue Customize Lead Form button directly under the dropdown menu.

Using Shortcode

You can create unlimited forms and display them on your page or post. For displaying your form on your page or post. Just create a form by using above instructions. Copy the shortcode of form

To show the contact form, navigate to Page > Add Page > Paste the form Shortcode and Publish it.

If you want to display Contact form in your widget area go to the Appearance > Widget. Click on form builder widget and choose the desired widget area and add form shortcode in it.

(Note- this works only in classic themes, in block themes, no widget area is there)

Display Lead form using Elementor

Our new Lead Form Styler is now available for Elementor.

Your can follow these steps to style the form with Elementor.

Select any page/post of your choice to Edit with Elementor
When the page/post is opened in Elementor, search for Lead Form Styler.

Drag the widget and drop on the page.
Having dropped the widget, you will see a form on the page. From the left sidebar, you can select a form that you created in the dashboard.

View Leads

Step 1: Check the Submissions

Look at the table listing your active forms.
Find the specific form you want to check (for example, “Contact Us”).

Step 2: Check the Submissions

Move your mouse across the row to the Total Lead column.
Click directly on the number shown in that column.
This action will immediately redirect you to a detailed list of all submissions for that specific form.

When you click on View button of the Lead, it will open the further leads.

Custome Design

Click on the Color Palette option of the form you want to customize.

Form Settings

This top section controls the main layout and outer container of your form.

Form Width (%): Drag the slider or type a percentage to control how much horizontal space the form occupies on your webpage.
Border Width (PX): Set the thickness of the outer outline frame surrounding your form. Set it to for no line.
Border Style: Choose the design pattern for your outer frame from the dropdown menu (such as None, Solid, Dashed, or Dotted).
Border Color: Click the color square or enter a color code to change the color of your outer frame line.
Border Radius (PX): Adjust how rounded the outer corners of your form appear. Higher numbers create softer, rounder edges.
Box Shadow: Choose a shadow style from the dropdown menu to add depth and make your form stand out from the page background.

Header Settings

To customize the top title area of your form.

Header Image: Click the Upload button to select or add a picture that will sit at the very top of your form.
Header Overlay Color: Click this box to choose a color filter to layer over your header image. You can adjust its transparency to create a nice blend.
Header Backdrop Blur (PX): Drag the slider to add a blurry glass effect to the background area behind your heading text.
Heading Color: Click the color square or enter a color code to change the text color of your main title.
Alignment: Choose where your title text sits horizontally. Select Left, Center, or Right.
Show Heading: Toggle this switch to turn your main title text on or off.
Show Heading on Header Image: Toggle this switch to place your title text directly on top of your uploaded header image.
Font Size (PX): Drag the slider or type a number to change how large or small your title text appears.
Top Padding (%): Use the slider to add blank space above the header text.
Bottom Padding (%): Use the slider to add blank space below the header text to separate it from the form fields.

Field Settings

To change the visual design, borders, layout, and colors of your form’s input text fields.

Label Color: Click the color square to change the color of the text written above the input boxes (like “Name” or “Email”).
Border Color: Choose a color for the outline frame surrounding each text box.
Border Width (PX): Drag the slider or type a number to set how thick the lines around the text boxes should be.
Border Style: Select the look of your input lines from the dropdown menu (such as Solid, Dashed, or None).
Border Radius (PX): Use the slider to round the corners of your input boxes. Higher numbers mean rounder text fields.
Field Background: Choose the background color inside the empty text input boxes.
Placeholder: Change the color of the faint text that sits inside empty boxes before a visitor starts typing.
Column Layout: Choose whether fields sit in a single vertical list (1 Column) or split into side-by-side rows.
Required (*) Color: Pick a custom color for the little asterisk star symbol that marks mandatory questions.
Required (*) Size (PX): Use the slider to make the mandatory asterisk star symbol larger or smaller.

Field Type Colors

Icon Background (Calendar & Upload): Pick a background color for the small utility buttons inside date-picker fields or file upload boxes.
Radio & Checkbox Selected Color: Choose the fill color that appears when a user selects a circle radio button or checkmark box.

Submit Button

To fully customize the look, size, behavior, and position of the main form submission button.

Text Color: Click the color box to change the color of the text written inside the button.
Background: Select the main fill color for your submit button.
Hover Background: Choose the color your button changes to when a visitor points their mouse cursor over it.
Border Color: Pick a custom color for the outer line framing your button.
Border Width (PX): Use the slider to set the thickness of the button’s outer frame line.
Border Style: Select the style of your button’s line from the dropdown menu (such as Solid, Dashed, or None).
Border Radius (PX): Drag the slider to round the corners of your button. Set it to 0 for sharp rectangle corners.
Alignment: Choose where the button sits horizontally at the bottom of your form. Select Left, Center, or Right.
Font Size (PX): Drag the slider to make the text inside your button larger or smaller.
Top/Bottom Padding (%): Adjust the slider to add empty spacing above and below the button text to change its height.
Button Width (%): Control how wide the button stretches across the bottom area of your form.

How to Edit Form

You can edit your form, drag & drop any field, change the text of field.

Open plugin dashboard, and click on the the Edit button of the form that you want to edit.

The form layout dashboard provides complete control over how individual fields look and function on the frontend. The Field Label sets the visible text name displayed to visitors, identifying exactly what information needs to be entered into that box, such as a name or email address. The Default Value lets you set pre-filled text that occupies the box automatically. By toggling the Placeholder switch, you can convert this default value into a faint background hint that disappears the moment a visitor begins typing. To prevent empty submissions, the Required switch can be turned on, which forces users to fill out that specific box before the form will allow them to submit. Additionally, each field row features a Clone button to duplicate the exact configuration instantly, a Delete button to permanently remove the field, and a Drag Handle on the far left that allows you to easily reorder your form layout by dragging rows up or down.

Email Setting

This section lets you customize lead receiving and lead sending detail.

Open form list, click on the Settings button.

Admin Email Notifications

Admin Email: Here you can set “To” which email id admin want to send mail and “From” which email id admin want to receive mail. For sending the leads detail with your email you should put the shortcode [lf-new-form-data] in the message body and you can write any message too.

User Email Notifications

User Email: Here you can set “From” which email id you want to send email to user after form submitting. You can also set whether you want to send email to the user or not.
Message: Add this shortcode in the message body [lf-new-form-data] to receive complete message submitted by user.

Captcha Setting

Open form list, click on the Settings button.

Use CAPTCHA to protect your online forms from fake entries, spam, and automated bots.

Go to WP Dashboard > Edit form > Captcha Setting

reCaptcha Setup

To stop spamming you can add Google Recaptcha at your form. Just go to “Captcha Setting” tab and generate a site key and secret key by clicking a “Get your Keys.”
CAPTCHA Version: Select the type of protection you want to use. The standard choice is reCAPTCHA v2 (Checkbox).
Site Key: Paste your public Google reCAPTCHA site key into this field.
Secret Key: Paste your private Google reCAPTCHA secret key into this field.
Save Keys: Click this green button to securely save your API keys.

Captcha On/Off

Once your keys are saved, you can easily turn the protection on or off for this specific form.

Enable Captcha: Select this option to turn on protection. Users must complete a challenge before submitting the form.
Disable Captcha: Select this option to turn off protection. The form will submit immediately without any security checks.
Save: Click this green button to apply your on/off choice.

Lead receiving method

Go to WP Dashboard > Edit form > Setting

1. Lead Receiving Method

Choose where your form entries (leads) go after a visitor clicks submit.

Receive Leads in Email: Sends all form entries directly to the administrator’s email inbox.
Save Leads in Database: Stores all entries safely in your website’s database. You can view them anytime in your plugin’s leads list.
Email + Save in Database: Does both actions at the same time. It sends an email alert and saves a copy in the database.
Update: Click this button to save your chosen method.

2. Thank You Message

Decide what happens immediately after a user successfully sends a form.

Success Message: Type the custom text that appears on the screen after submission. (Example: “Thank you for your valuable feedback…”)
Redirect URL (Pro Feature): Enter a website link to send users to a specific “Thank You” webpage after they submit.
Update / Upgrade to Pro: Click the green button to save changes, or the orange button to unlock page redirection features.

3. Validation Messages

Change the error text that appears when users fill out the form incorrectly.

Required Field Message: The text shown directly underneath a blank box when a user forgets a mandatory question. (Default: “The field is required.”)
General Error Message: The main warning text is shown at the bottom of the form when the submission fails. (Default: “One or more fields have an error…”)
Save: Click this button to save your custom error text.

For more options Go with the Pro version of Lead form builder. And you can also contact our support team at support forum. for any query.

Duplicate Form

Duplicate Form

The green duplicate button allows you to instantly clone any form in your list with a single click. This creates an exact copy of the form’s fields and configurations, saving you time when building similar layouts.

Delete Form

The red delete button permanently removes the selected form from your website database. Clicking it will delete the form configuration entirely, so use it carefully when cleaning up your list.