Smart creative Marketing Tips that totally work, direct to your inbox..

How to build a landing page using MailChimp

How to build a landing page using MailChimp Article
How to build a landing page using Mailchimp

Table of Contents

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: 

How to design a landing page that converts

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: 

  • Create
  • Audience
  • Campaigns
  • Automations
  • Website
  • Content studio
  • Integrations

Mailchimp Dashboard

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: 

Build a landing page in MailChimp

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.

setting up a landing page in MailChimp

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.

Landing page templates in Mailchimp

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. 

The design pane in Mailchimp

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.

Edit a block in Mailchimp template

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.

edit your image in mailchimp

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.

Add a headline to your Mailchimp template

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.

Adding image and text to Mailchimp landing page

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’.

Sign up block in MailChimp

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 

thank you page example

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 .

Landing page in MailChimp

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.

 

www.vivacitymarketing.com.au — Helping you build a vibrant business

Share on facebook
Facebook
Share on twitter
Twitter
Share on pinterest
Pinterest
Share on linkedin
LinkedIn

Leave a comment

Sign up for our Small Business Marketing Tips