Create New Form With Magento 2 Visual Form Builder

It’s is undoubted that Magento is the world’s largest and most popular online platform for e-commerce. Here at Land Of Coder, we have developed and brought to you a diverse number of wonderful extensions, including Visual Form Builder.   

Please make sure that you have already installed Magento 2 Form Builder on your site before you start creating your own form. You can rest assured that this extension is absolutely worthy of your time and effort. If you decide to purchase and install it, you definitely won’t regret your choice.

Link to extension: https://landofcoder.com/magento-2-form-builder.html/

Link to tutorial: https://blog.landofcoder.com/install-magento-2-form-builder-sample-data/

Today, in this tutorial I’m going to instruct you on how to create a new form with Magento 2 Visual Form Builder in a general and simple way. So, without further ado, let’s dive in!

Step 1: Go to Landofcoder, find ‘Form Builder’ and click ‘Add New Form’

Step 2: Fill in the necessary information in the section ‘Form Information’, including:

  • Form Title: Create the title of your new form
  • Identifier: Decide the URL link for your form
  • Receive Notification: Add the email address which you wish to receive notification when customers submit their forms
  • Email Template: Choose the email template you want to send
  • Submit Button Text: Add Text for ”Submit Button” here.
  • Show reCaptcha: Choose Yes to show reCaptcha
  • Show on TopLink: Choose Yes to show Toplink
  • Customer Groups: Choose customer groups that you want to show the new form
  • Store View: Choose the store view in which you want to show the new form
  • Status: Select “Enable” to make your new form public

Step 3: Type the messages that show “Before Form” and “After Form” position as well as a successful submission message.

Step 4: Freely select, design and edit all the form fields as you wish

  1. Text: Easy Drag and Drop movement to create a text box
  2. Label
  • Label: Put the title of this form field here
  • Color: Choose the color for the title
  • Font Size(px): Input Font size for the title
  • Font Style: Choose Font Style for the title
  • Font Weight: Input Font Weight for the title
  1. Place Holder: input placeholder text here
  2. Bootstrap Column:
  • Wrapper width: select column width here (max: 12)
  • Field width: select field width here
  1. Icon: choose the icon that appears in the form field
  2. Border:
  • Width: input desired border width
  • Style: select desired border styles here
  • Radius: input border radius here
  1. Color:
  • Text: input text color here
  • Background: input background color here
  1. Length Limit:Â Set min/ max for characters or word in the field content.
  1. Validation: choose the type of content validation that you want

Step 5: Fill in the information for the section SEO’:

  • Page Title: Type your post title that will be shown at the top of it;
  • Keywords: Set keyword for your post
  • Description: Write meta description that will be shown on search engine results

Step 6: Click “Design” and “Messages” then edit your information and finally click “Save Form”. Congrats! You have succeeded in creating a simple yet wonderful form of your own with the support of Magento 2 Visual Form Builder by Land of Coder.

Here are some other extensions you might be interested in:

Jasmine Dam

Recent Posts

SaaS SEO Services: Why Smart Companies Need Professional Help to Outrank Competitors

SaaS SEO Services have become a crucial component for businesses in today’s highly competitive SaaS…

2 days ago

How a SaaS SEO Consultant Can Transform Your Growth Strategy

En a digital-first economy, Software-as-a-Service (SaaS) businesses need to be visible. Without visibility, even the…

6 days ago

Embracing the Cloud | Powerful Advantages of Leveraging Cloud Servers in 2025

After all, in business we're living by a binary decision. As the world becomes more…

6 days ago

Top 7 Emerging Programming Languages Developers Should Learn

In a world where technology evolves rapidly, developers who stay ahead of the curve gain…

7 days ago

Top Website Development Trends Every PPC Expert Swears By in 2025

The digital world is constantly changing and this way together website development and PPC advertising…

7 days ago

From Factory Floor to Online Store: How Manufacturers Can Leverage eCommerce to Boost Growth

Manufacturing is changing fast. Buyers want direct access to products, quick fulfillment, and reliable updates.…

1 week ago