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 Builder – Landofcoder
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
Table of Contents
In general information setting, you should fill all information relate Route, Data Format, Google ReCaptcha, etc…
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
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.
Then Clear Cache: System -> Cache Management -> Select All -> Submit
SOME OTHER EXTENSIONS YOU MAYBE INTERESTED IN
RELATED POSTS
Your online store is growing, but your platform isn't. That slow checkout process, those missing…
High-performing websites look appealing and help users navigate through content with intent. Many websites look…
Do you remember when the internet was all dial-up noises and static websites? How times…
Global buyers & e-commerce trends are transforming how businesses operate in the digital age.The trend…
Businesses are always looking for effective ways to attract new customers, generate high-quality leads, and…
Automated vs Manual Mobile App Testing is a crucial consideration for businesses aiming to deliver…
![](data:image/svg+xml;charset=utf-8,<svg height="491px" width="800px" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
![](data:image/svg+xml;charset=utf-8,<svg height="521px" width="800px" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
![](data:image/svg+xml;charset=utf-8,<svg height="396px" width="800px" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
![](data:image/svg+xml;charset=utf-8,<svg height="464px" width="800px" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
![](data:image/svg+xml;charset=utf-8,<svg height="573px" width="756px" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
![](data:image/svg+xml;charset=utf-8,<svg height="349px" width="710px" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
![](data:image/svg+xml;charset=utf-8,<svg height="156px" width="900px" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
![](data:image/svg+xml;charset=utf-8,<svg height="377px" width="800px" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
