MailChimp
Partner Website →

Sync contact fields. Segment people into lists & tags. Personalize your website for MailChimp subscriber segments.

Connect For Free
ConvertFlow +
MailChimp

How to Create A MailChimp Landing Page

Creating a MailChimp landing page is a straightforward process. You can either use MailChimp’s own basic tool, or a third-party solution that integrates with your MailChimp account for greater control and functionality.

In this post, we’ll show you how to do both by covering:

  • How to create a basic landing page in MailChimp
  • The limitations of MailChimp’s landing page builder
  • How to create more advanced MailChimp landing pages

How to create a MailChimp landing page (basic)

MailChimp does have its own basic landing page builder. You just need to create a new “landing page campaign” in MailChimp and edit it to look how you want.

To do this, log in to your MailChimp account and go to Campaigns >> All Campaigns down the left. Then select “Landing Pages” from the options:

MailChimp landing pages navigation

Select “Create A Landing Page,” and you’ll be taken to the creation wizard to begin building out the page campaign.

From here, you can start designing your page. There’s no option to build from scratch, but there are (at the time of writing) 10 simple templates to choose from:

MailChimp landing page templates

Pick a template, and you’ll be taken to MailChimp’s builder, where you can edit the page design and add various element blocks—images, headlines, text, form fields, etc.

Once everything looks good, click “Save & close” in the bottom-right corner. You’ll then be taken to the final screen, where you can edit details like the page title, URL, and audience settings:

MailChimp landing page settings

Finally, click the “Publish” button in the top-right corner, and the page will be live on your chosen URL. You’ll always be able to make edits and unpublish again if needed.

Limitations of MailChimp landing pages

There are several limitations to creating your landing pages in MailChimp, as described above. The main ones being:

  • Distinct lack of template options
  • Can’t edit looking at the mobile version of the page
  • Can’t hide/show page elements on desktop/mobile
  • Limited form fields available (and no custom fields)
  • Can’t add multi-step forms
  • No “thank you page” step built into templates
  • Can’t create multi-page funnels
  • Can only add videos from YouTube and Vimeo (no Wistia)
  • Can’t personalize pages with merge tags
  • Can’t add custom HTML/code to pages
  • No Shopify checkout integration
  • Limited to MailChimp automations—can’t add contacts to other CRMs or run outside automations upon form submission

These limitations mean MailChimp’s native landing page builder is best suited only to extremely small blogs and side hustles. Serious businesses will likely need something more powerful to roll out a successful landing page strategy at scale.

How to create a MailChimp landing page (advanced)

Many MailChimp users will want to build landing pages without running into the limitations listed above, but still push lead data through to MailChimp. For this, you’ll need to use a third-party tool that integrates with your MailChimp account.

This means you can:

  1. Create more engaging, eye-catching landing pages in a separate tool
  2. Utilize advanced automations and personalization functionality
  3. Still send all the lead data through to your MailChimp account

To do this, we’ll be using ConvertFlow’s landing page builder and MailChimp integration.

Step 1: Choose a template

The best place to start is by choosing a design template that aligns with your campaign’s desired outcome or end-goal.

ConvertFlow has a wide range of customizable landing page templates for promoting all kinds of things—newsletters, ebooks, events, consultations/demos, webinars, products, courses, and more. Check out our template library to see them all.

For this demonstration, we’ll just choose a simple lead magnet landing page:

Whichever one you choose, just select the “Use This Template” button. Then, create a free ConvertFlow account (or log in if you already have one) to start editing.

Step 2: Customize your template

Once inside ConvertFlow, select to launch your chosen design as a “Landing page template” and give your campaign a name. You’ll then be taken straight to the drag-and-drop builder.

This is where you can start customizing the design of your landing page. You can add, remove, and edit a range of page elements—like sections, columns, headlines, text, buttons, forms, etc.

For our example, let’s switch up the placeholder text in the headline and make the font size a bit bigger:

Edit headline text in ConvertFlow's landing page builder

Imagine our hypothetical company also has a cool black and hot pink color theme. So, let’s edit the form button color, image, and background to match:

Edit background colors in ConvertFlow's landing page builder

Next, scroll down in the builder to reach Step 2 of your landing page (AKA the “thank you” page.)

Make sure all the coloring and styles align with any changes made to your first step. Then, add a link to download your ebook (or whatever your lead magnet is):

Edit thank you page in ConvertFlow

Note: You can add multiple steps to your landing pages from inside the builder to create multi-page upsell or down-sell funnels, but we’ll just keep it at two for the sake of this guide.

Step 3: Make sure it looks good on mobile

All ConvertFlow landing pages are built to be mobile responsive. But, you’ll still want to make sure your final design looks good and works across all devices.

To do this, just toggle to the mobile view in the top panel:

Toggle mobile builder view

Right away, the top icon image looks a bit oversized. This was a nice decorative icon on desktop, but just takes up valuable space on the mobile version.

So, let’s just choose to hide that element on mobile:

Hide element on mobile

Go through the page on mobile and make changes to whatever doesn’t look how it should.

Remember: Edits here might also reflect on the desktop version. To make edits to an element on mobile only, duplicate the element, then hide one on desktop and the other on mobile.

Step 4: Connect your landing page to MailChimp

We’ve designed our landing page to look the way we want it to on both desktop and mobile. Now it’s time to hook it up to your MailChimp account so lead data gets passed over.

While still in the ConvertFlow builder, scroll back up to the initial step with your form field(s). Then click on your form’s submit button and choose “Confirmation Actions” in the side panel:

Confirmation Actions button

A modal window should now appear on your screen.

At the top of the window, select the “New Integration +” button to start connecting your CRM or ESP (in this case, MailChimp):

New integration button

Note: If you’ve already connected an integration to ConvertFlow previously, you’ll instead see a button that says “Manage Integrations.”

In the next window, find MailChimp from the list of options and click the “Connect” button. Login to your MailChimp account and follow the steps to verify the integration with ConvertFlow.

Step 5: Push data to MailChimp

Now that MailChimp is connected to ConvertFlow, we can set up an automation to pipe the data from any form submissions into your MailChimp account.

You should be brought straight back to the “Confirmation Actions” window after authenticating the MailChimp integration. From here, ensure that your default action sends visitors submitting the form to the “thank you” step displaying the coupon code.

In our case, it’s “Step 2” we need:

Set default action to jump to step 2

Then, click “Add Automation” underneath and scroll to the MailChimp options.

You can choose to run whichever automation(s) you like. We’ll simply add form submissions as contacts in a MailChimp list:

Add to list MailChimp automation

Click “Done” once you’ve set up all desired automations, then “Save” and “Publish” your landing page and we’re almost ready to launch!

Step 6: Define your MailChimp landing page settings

Hit “Preview” in the top right of the builder and you’ll be taken to the next screen, where you can check the look and test out the functionality of your landing page.

Once you’re done previewing, select the “Launch” button to go through to the final step:

Launch button

Here, you can edit the settings and meta data of your page.

To change the URL, just type whatever you want in the box and click save:

Change landing page URL

Those on a paid ConvertFlow account will be able to add a custom domain that aligns with your brand. Just click the “Manage custom domains →” link and follow the instructions to set this up.

Scroll down and you can also add meta data, title tags, open graph details, and even make the page indexable in search engines (if using a custom domain):

Edit landing page meta data

Just click save, and that’s it! The landing page pushing lead data to your MailChimp account will be live and ready to share on your chosen URL.

Start creating MailChimp landing pages today

Hopefully, this guide should have given you clear instructions on how to create a MailChimp landing page—both at a super basic and a more advanced level.

MailChimp itself has the functionality for straightforward landing pages new marketers and bloggers can use. But most businesses will need the more substantial design options, templates, automations, and functionality of a third-party software.

If you’re in that latter category, ConvertFlow could be what you’re looking for. Start by creating a free account and see for yourself today.

Convert more website visitors with MailChimp & ConvertFlow

Create a free ConvertFlow account and integrate

MailChimp

in minutes.

MailChimp
https://mailchimp.com/

Sync contact fields. Segment people into lists & tags. Personalize your website for MailChimp subscriber segments.

Connect For Free

Related integrations

See all integrations →