In today’s blog, I’m going to walk you through how you can build a landing page in Mailchimp. This blog is the second of two blogs about landing pages. You can read the other one here:
Why do you need a landing page?
If you refer to my previous blog about designing an landing page that converts, it outlines that a landing page is a great way to share an offer of some kind, distraction free with no website navigation on the page.
You may be building the landing page to:
- grow your email sign-up list
- sell a membership
- or distribute free content such as an eBook or a free template.
So now I’m going to take you through the steps to building your very own landing page in Mailchimp.
1 . Set up your free Mailchimp account
Firstly you will need to set up your free Mailchimp account, if you haven’t already done so. This can be done be clicking on this link. Follow the steps to set up your account and then you will be brought to your dashboard as shown below. Down the left hand side is your navigation options:
- Content studio
2 . Start building your landing page
Click on the pencil icon, from the image above, in the left had navigation and then from the screen shown below scroll down through the options until you find landing page as shown below:
Then once you have selected landing page you will need to give the landing page a name, and select an audience (email list) that the landing page will be linked to. More on audience set up in the next point.
3 . Your audience
If you don’t already have your Audience set up you will need to go to Audience, import your email list if you have one, or you can add subscribers one by one if you only have a couple, and save the audience.
In Mailchimp you can set up a master email list and add Tags to users to segment your list. You can find out more information on how to set up up and audience and segment an audience here, in the Mailchimp help section.
4 . Select your landing page template
You will now see a variety of templates that you can choose for your landing page.
In this example, we’re going to use the ‘Grow your List’ template which is great if you’re offering a free download such as an eBook or a template to help grow your email list.
I’m going to show you how I created the landing page for my free eBook as well as some extra features you might want to add onto your landing page.
5 . The Mailchimp design space and adding a background image
Once you choose the ‘Grow your List’ template, you will see the below page set up. The left part of the page is your landing page design and the right side shows you all of the edits and add ons that you can include on the template. If you click on any element in the left hand side of the pane a pencil icon will come up beside it so you just click that to edit that part of the template.
Keep in mind that you can change the template to suit your needs. Each part of the design such as the logo, text and button are referred to as ‘blocks’.
You can delete blocks from the template and add in blocks from the options as pictured, so your landing page is completely customisable. To add a new blog you just select what type of block you’d like to add on the right hand navigation and drag and drop it onto the left hand side.
You will even see in the bottom right corner, mailchimp gives you some design ideas you can browse through.
In the image above you will see the first part you can customise is the background image, you can either add a solid colour or select an image to upload.
6 . Add your logo
When you hover your mouse over a ‘block’ you will see there is an option to edit, duplicate and delete the block. Click edit the edit button.
You will then see the right panel changes to allow you to edit this block as below. Here you can add your image, change the sizing and the style to suit your liking.
Click ‘Replace’ and add in your logo image. Then you can click on ‘Style’ and ‘Settings’ to adjust your preferences as mentioned.
7. Add your headline
The next block down is the headline block. Again with your headline block, hover over the edit button and add in your headline text. You can also change the font, colour, size as part of your text edit options.
8. Adding text and an image
In this example, I wanted my landing page to have some enticing copy as well as a small image to represent what the visitor is signing up for.
To add in an image with text, find the ‘image card’ block and drag that into your design. Add your image and your text, then use the available edits to adjust it to your liking.
9 . Add the sign up form block
This step is very important for this type of landing page. Here you have the option to capture your visitors email, first name, last name, birthday, address and phone number.
In the below example, I am capturing the visitors email address and first name so that the eBook download can be addressed to their name personally.
You can then edit the button to say what you would like it to such as ‘Send me the eBook’.
Once your visitor has completed your call to action, you have the option to send them to another landing page, a thanks you page. This is what I recommend. So after building your landing page you could build a thank you page such as this one: https://mailchi.mp/vivacitymarketing/thank-you
And all you would need to do once you’ve build your thank you page is, using the steps in this blog build another landing page but this one is called your Thank You page.
Then go back to the landing page you have just created for your eBook, and edit the sign up block and from the drop down menu show in the image above, under select a landing page to link to you would select the landing page that you have created.
10 . Preview your landing page
Once you think you have completed your landing page, you will see a ‘Preview’ button that allows you to see what your landing page will look like on desktop and on mobile! Be sure to double check this and make sure everything looks perfect on your landing page.
11. Save and close
Once you have completed your landing page, click ‘Save and close’ in the bottom right corner.
You will then be prompted to complete the following;
– Your Page Title
– Your URL – e.g. https://mailchi.mp/vivacitymarketing/ultimatemarketingguide
– Audience and tags
Once you’ve completed this, your landing page is ready to publish!
Here’s what the finished product of my landing page looks like, and you have seen how the thank you page looks earlier on in this blog post .
Have fun building your thank you pages and landing pages in Mailchimp.
Or if you’d like these built for your I can assist with our web design service. Contact us to find out more.