There are many methods that can be used when it comes to adding a lead capture form to your blog.
In this article, I will be focusing on the WordPress blogging platform and MailerLite email marketing software to accomplish this task.
But first, I strongly urge you to read…
This article will give you some excellent background regarding Lead Capture Forms, their appearance and placement on your blog, and so much more.
If you haven’t already done so, you will need to set up a MailerLite account. You can check Here on how to do that.
Now let’s get to it…
Step 1: Log into MailerLite
Click on “Subscribers” and “Add a New Group” as shown below…
Enter your group name and hit “Create.” You can name your group (or sometimes called a List) whatever you want. I recommend something like “My Blog,” which will differentiate this list from others you might create in the future.
Step 2: Go to Webforms and Add a New Webform as shown below…
Give your form a name and hit “Save and Continue.” I recommend naming your form the same as your Group to keep things straight.
On the next page you will see “Choose Webform Type” at the top. Scroll down and select “Embed Form” as your type. See below…
Next you will select the group you created in Step 1 and hit “Save and Continue.” Now is where the fun begins.
Step 3: Designing Your Lead Capture Form
For starters, turn Double Opt-In “Off” and scroll down till you see the form. (We are turning double opt-in off for now to keep things simple.) To the right of the form is the design area and this is where we will be working. Here are my recommendations for the “Details” page:
Title = Sign Up Here
Text = Sign up for news and special offers and to receive a free (blank.) You will have to fill in the blank. Freebies are discussed in the article referred to at the beginning of this post.
Confirmation Checkbox Text = I am not a robot
Button Title = Click Here or Next
Thank You Message = Thank You. You have successfully submitted your information.
On the “Design” page, if you would like, adjust the colors to match the theme of your blog. Here you will also add a background to your form. To do this, click on the “Page Background” button at the bottom left of the Design Page. Then click the “ON” button and the black box as shown in the image below. Once you click the box you will be able to hover over various background images until you find the one you like. Click to select that image and then save your background.
On the “Fields” page, check the box for Name, but do not make it required, then move the “Name” box up to the first position by using the 3 lines on the right to move it. See below…
Congratulations! You are done designing your form. Click “Save” on the bottom left of the screen.
Your form should look something like this…
Important! Copy the reference for the Form Landing Page and save it for use in the last step.
Step 4: Adding the Form to Your Blog
A word of caution. WordPress does not allow the type of script created by MailerLite to be inserted directly into your blog. So I have decided on a little workaround, which I will explain in the steps below. If you are using Blogger or some other platform you may be able to place the form directly into your Sidebar. Use the comments section or Contact Me to ask about how to do this differently in Blogger. I feel strongly about sticking with WordPress and MailerLite so we forge onward.
Go to the My Sites Menu in WordPress and click on “Customize” next to Themes, then click on “Widgets” and the Add A Widget Button.
Scroll down and select the “Text” widget. Add a title and content following the example in the image below. Here is the actual text you can copy and paste from here to your widget. Just carefully replace the wording with your own…
Copy and Paste this text…
Sign up for news, special offers and to stay up to day with new releases at the “Start an Online Business Blog” that will take your blog to the next level.
Very Important: make sure you paste your Form Landing Page reference (see above) to replace mine.
Click “Save and Publish” at the top of your screen to finish. Your widget should look like this… The “Click Here to Join Me” is actually now an active link leading to your MailerLite form.
The End Result:
When a visitor clicks on your sidebar widget they will be taken to your MailerLite form page to complete the sign up process.
Wow, that was a lot of work! You should be proud of yourself for getting to this point. You have not taken the first step to building your list.
Next we will talk about setting up Automation in MailerLite to communicate with your list on autopilot.
To Your Success,