Categories: Magento 2 Tutorials

How to Configure Magento 2 Form Builder? | Landofcoder Tutorials

In this tutorial, I will show you How to Configure Form Builder Extension in Magento 2 using Magento 2 Form Builder of Landofcoder.

Magento 2 Form Builder is an essential extension which can help you create form builder with ease. It is a good way to gather huge important information from customers. It is needed to make the transaction possible.

Magento 2 Form BuilderLandofcoder

Before configuring Form builder, you should install this extension first.
Link guide to install Magento 2 Form Builder:
https://blog.landofcoder.com/install-magento-2-form-builder-sample-data/

After you successfully install the extension, let’s take a look at our tutorials below. It is time for us to set up Form Builder in your Magento 2 backend.
Firstly, it is highly suggested to run through setting before creating your first form. This will help you clearly understand how this extension works; simultaneously, you can make use of all set to create your blog post look and feel as your expectation.

In order to config in the backend, please go to
Admin Panel > LandOfCoder > Form Builder > Setting

There are 3 Tabs which need to Config Magento 2 Form Builder:

  • General Setting
  • Email Setting
  • Field Templates

I. General Setting

In general information setting, you should fill all information relate Route, Data Format, Google ReCaptcha, etc…

      • Enable: Set yes to enable the extension
      • Route: defines the direct link to the new form
      • Date Format: choose one of 4 types to show date & time

Google reCaptcha


ReCAPTCHA Site Key: The ReCAPTCHA site key is used to display the widget on your site
ReCAPTCHA secret Key: The secret authorizes communication between your application backend and the reCAPTCHA server to verify the user’s response

II. Email Setting

  • Email Sender: Choose email sender address for your email
  • Allow sending thank you email: Select Yes to send thank you email automatically
  • Auto adds emails to newsletter subscription: Select Yesto auto get all emails from form’s fields then add to newsletter subscription list of Magento 2.

III. Field Templates

Address: This field is created by custom variables
(view detail: http://docs.magento.com/m1/ee/user_guide/cms/variables-custom.html)
Street: {{if street}}{{var street}}<br />{{/if}}
City Region: {{if city}}{{var city}}, {{/if}} {{if region}}{{var region}}, {{/if}}
Postcode: {{if postcode}}{{var postcode}}{{/if}}<br/>{{var country}}

After apply them, Front-end shows like this:

Google API: This Public Key is used to show location with google map on your form.
When you config all above information, you should click save configuration to ensure your content is saved successfully.

IV.Clear Cache

Then Clear Cache: System -> Cache Management -> Select All -> Submit

SOME OTHER EXTENSIONS YOU MAYBE INTERESTED IN

Trang Nguyen

Recent Posts

15+ Must-have Magento 2 Free Extensions To Supercharge Your Store In 2025 | Latest updates

Magento 2 is an incredibly flexible and powerful eCommerce platform that can be tailored to…

3 days ago

What To Consider While Using Magento 2.0 For Your Streaming App?

When it comes to e-Commerce platforms, undoubtedly Magento 2.0 grabs the spotlight. Magento might not…

4 days ago

Black Friday 2024: Hot Deals Collection For Magento 2

Black Friday and Cyber Monday – BFCM 2024 are nearly around the corner, and it’s…

5 days ago

Landofcoder BFCM 2024: Biggest Sale Of The Year – 30% OFF All Magento 2 Extensions

The holiday shopping season is here, and there’s no better time to supercharge your Magento…

1 week ago

Top 10 Progressive Web App Development Companies To Elevate Your Business

In today’s digital landscape, the rapid evolution of advanced web applications, particularly Progressive Web Apps…

2 weeks ago

Why Your Retail Business Needs Big Data eCommerce In 2025?

As eCommerce booms, big data eCommerce will be all about providing insight into how to…

2 weeks ago