Documentation > Creating Forms

Creating a Newsletter Subscription Form

466

Brave comes with an advanced Form Building feature that can be created within a few seconds and the form data can be sent to your emails or 1500+ apps with Zapier integration. You can also track form submissions with Google Analytics and send automated reply to visitor’s email when a visitor submits the form.

You can subscribe your Visitors to a Newsletter by creating a Newsletter Subscription Form by following 4 Simple steps.

Step 1: Inserting the Form in your Popup

From the Popup Edit Screen, Insert a Form to your Popup by dragging the Form Icon from left panel and dropping it into your Popup.

 

Step 2: Add Fields to your Form

After Inserting the Form, click it to open the Form Settings panel on Right. You can then edit the existing fields by clicking the Fields or add new ones by clicking the “+ Add Field” button. Let’s remove the Existing fields by expanding by clicking them and then clicking the trash icon.

Since our goal is to create a Newsletter form we will add 2 fields to our Form: a Full Name Field and a Email Address Field.

Let’s add the Full Name field first. Click the “+ Add Field” button and then selecting the “Input” field button. This will insert a new text Input field in your Form.

Field Name: All Fields have a “Field Name” option which is required. You need to insert a short name of the field based on their objectives. For example, if you have added a Text Input field to collect a visitor’s First Name, you can insert “first_name” in the “Field Name” field. This field name won’t be visible to your visitors. It will be only used in the emails that you will receive once the form is submitted by a visitor.

Since this field Name’s objective is to collect visitor’s full name, we will insert “full_name” in the “Field Name” field.

Label (optional): All fields display a label above the Form Field. You can set the label of that field by editing this field. Let’s Insert “Full Name” in this field, so that the visitor sees the label and knows they have to insert their Full name in this Form field.

Placeholder (optional): Input and text fields have placeholder options that can be used to display a Placeholder text inside the input/textarea field. This is mostly used when you do not want to show the field label due to aesthetic reasons, or you can insert small instruction on what visitor should insert in this field.

Let’s write down “Your Full Name” in the placeholder option field so that the visitor knows they have to enter their full name here.

Finally we will make this field required by enabling the “Required” option, so that the visitor must fill up this field in order to submit the form.

Now that we have a Full Name field, let’s add an Email Address field to where the visitor can insert their email address.

Click the “+ Add Field” button and select the “Input” button again. In the Field Name field write down “email_address”.  And do the same for the Label and the Placeholder field. Now To make the field an Email Address field, we need to select “Email” from the “Input Field Type” option dropdown.

Now that we have added all the necessary Form fields, let’s customize the form Button.

 

Step 3: Customizing the Style of the Form

With Brave you design the form any way you like changing vast amount of design options that can be accessed from the “Style” tab from top.

You can Change the Form’s font, font size, field color, border and lots of other appearance options.

Customizing the Form Button

You can customize the Button field text and look by clicking the “Style” tab from top and then clicking the “Button” tab. This will display all the Button customization options. Let’s replace the default “Send” text with “Submit Your Message” by editing the Button Text Field.

 

Step 4: Adding Visitors to Newsletter on Form Submit

Brave gives you the ability to perform multiple actions when a form is submitted. You can set what happens when a Form is submitted, by clicking the “Action” tab from the top.

A Brave form can perform multiple actions at once when they are submitted by the visitors. They can

  1. Send you an email.
  2. Add the visitor to one of your Newsletter
  3. Send automated email reply to visitor
  4. Send data to 1500+ apps with Zapier or Integromat
  5. Track the Form Submission by sending a custom event to Google Analytics.

Since we are building a Newsletter Subscription Form, we will enable only 2 options: 2. Add 3. Send automated email reply to visitor.

Connecting The Form to your Newsletter Subscription Service (Mailchimp, Aweber, GetRespons etc..)

Brave lets you integrate Mailchimp, Aweber, GetResponse, Constant Contact and 6 other newsletter Subscription services. To connect them to your Form, you will first need to Integrate them From Brave Popups > Integrations Section. You can find more details on integrating your Newsletter Service Providers.

Once you have integrated your Newsletter service provider with Brave you can enable the “Add User to Newsletter” option to connect your Newsletter Service Provider to this Form.

Once you expand this section you will “Newsletter Service” field. Select your Newsletter Service provider from the list. Then Select the List where you want to add the visitor. If you do not see a List, please create one from the Newsletter Service Provider’s dashboard.

Now select the Form Field where the Email address of the Subscriber will be collected from. Select [Field 2] email_address .

Then select where brave should get the Subscribers name from by selecting the [field 1] full_name field from the “Get Name from” option.

Now when the Form is submitted by the visitor, Brave will grab the email address and the name from the selected fields and create a new subscriber to your Newsletter.

(Optional) Send an Automated Email to Visitor to Confirm Their Submission

Since we want Brave to also send an automated Reply email to the Form submitter, we will enable the Send Automated Email Reply to visitor option. Once enabled, you will be able to customize what email the visitor will get once they submit the form.

You can customize the email Subject line by editing the Email Subject field.

You can customize the email body, by editing the Email Message field. You will notice that they are 3 labels: [full_name] [email_address] [user_feedbak] below the Email Message textarea field. These labels are the ones that we have set in each Field’s “Field Name” option earlier. You can insert these labels in your Email Message textarea field to replace them with the values that the visitor inserted in the form when the email is sent to visitor.  So if your visitor have inserted “John Doe” in the “Full Name” field, the [fullname], will be replaced with “John Doe” in the email body when they arrive in visitor’s inbox.

 

Step 5: Showing Success Message

Finally we need to determine what the visitor will see after the Form is submitted. With Brave you can

  1. Display a Custom Message like “Thank You For your Submission”.
  2. Or, Redirect them to another Page of your Website.
  3. Or, Take them to another step of the Popup.

To set any of the above options, you need to click the “Submission Success Action” tab and then select “Show Custom Content” option. You can customize what message the visitor will see when the Form is submitted by editing the Custom Content textbox. Now once the form is submitted, the form will be replaced with your custom message.

 

Step 6: Hiding the Popup once the visitor has subscribed to the Newsletter

To avoid showing the popup to visitors who already subscribed, Click the Settings menu from top and then from the Frequency section enable “Do Not Show if the Visitor submitted a Form in This Popup