Saturday , June 15 2024
Home > Magezon Extensions > Blue Form Builder Tutorials > How to Create Newsletter Signup Form in Blue Form Builder (Part 1)

How to Create Newsletter Signup Form in Blue Form Builder (Part 1)

Create Magento 2 newsletter signup form

Besides contact form, newsletter signup is another basic form of an online website. For Magento 2 store, this is not an exception. By default, Magento 2 site has a newsletter signup form at the page footer. However, it takes a lot of time to customize it the way you want or insert it in other positions.

But don’t worry about that! Things now become much easier with drag & drop Magento 2 Blue Form Builder.

To give you a clearer view, we provide an ultimate guide to creating and configuring newsletter signup form using this extension. The guide consists of 2 main parts. We will focus on the first part with following content:

Importance of newsletter signup form

Newsletter registration form allows customers to sign up so that they can receive up-to-date information on your company’s products and services. Hence, you can maintain relationships and regular contact with your customers.

Besides, this kind of form is a great tool to build your email marketing list. By this way, you can attract more leads to your website, convert prospects into customers and increase customers’ loyalty.

How to create newsletter signup form

Before starting, you first need to install Blue Form Builder. For detailed instructions, please refer to the extension’s user guide.

Now, you have 2 ways to build a newsletter signup form: use template and build from scratch.

1. Use template

If you are confused where to start or simply want to save time, you can use our pre-built newsletter signup template.

– First, go to Content > Blue Form Builder > Add New Form. Then a popup will appear.

– Click Template. On the left panel, find Newsletter Signup. Click to preview the form on the right panel.

Newsletter signup form _ Use form template

– At the bottom of the popup, change the form name in the box next to SAVE FORM button. After finishing, click SAVE FORM. Then you will go to the form settings page.

– On this page, open Form Builder tab to make changes to form elements (or form fields) if you want. 

Newsletter signup form _ Open form builder

– Click an element to customize it in a popup like this:

Newsletter signup form _ Customize form field

2. Build from scratch

If you want build your own form, so just follow these steps:

Step 1: Navigate to Content > Blue Form Builder > Add New Form. In section Blank in the popup, you will:

– Enter form name in the box next to SAVE FORM button.

– Click SAVE FORM to go to the form settings page.

Newsletter signup form _ Build from scratch

Step 2: Open Form Builder tab to start creating the form. Find wanted form elements on the right panel. For common elements in a newsletter signup such as name and email, you can find in COMMON ELEMENTS tab.

Newsletter signup form _ Form builder

Step 3: Drag & drop them into the editor on the left. Then you can customize an element in a popup (similar to Use template part).

Newsletter signup form _ Drag n drop element

How to avoid duplicate emails

As for newsletter signup form, it’s unavoidable that customers fill out with same emails. This will result in a newsletter being sent to the same email many times. And it can make customers feel annoyed.

Understanding that, we’ve developed a function in Magento 2 Form Builder to help you solve this problem.

– Open Settings tab under Form Builder. Then open Advanced tab.

Newsletter signup form _ Avoid duplicate emails

– Slide the button Disable multiple submissions from same device to “Yes”. Then two more fields will show up:

Newsletter signup form _ Avoid duplicate emails _ Configure

+ Disable Condition: choose the condition based on which our extension can know the email has already been submitted. There are 3 options: Customer ID, Ip Address and Form Fields. If you select Form Fields, there will appear a field for you to select form fields. You can select multiple form fields:

Newsletter signup form _ Avoid duplicate emails _ Based on form fields

+ Message when disabled: Enter the notifying message that will show up when customers enter the same email address in the form.

Here is how it looks on frontend store:

Newsletter signup form _ Avoid duplicate emails _ Frontend


In this article, we’ve mentioned the importance of newsletter signup form to online websites. Also, we’ve walked you through the process of building this kind of form with Blue Form Builder as well as how to avoid duplicate emails. Thank you for reading and hope that you find it helpful.

Try FREE Blue Form Builder demo today

Create whatever type of Magento form in any style you want just in minutes. Just by drag & drop.

About Trang Vu

Trang Vu
Min is a content marketer with more than 2-year experience in Magento. She has great patience and high concentration ability to deal with every pressure at work.

Check Also

Limit the number of Blue Form Builder form submissions

How to Limit the Number of Blue Form Builder Form Submissions

Normally, your website’s forms are available all the time so that users can access and …

Leave a Reply