Sync contact fields. Segment people into lists & tags. Personalize your website for Mailchimp subscriber segments.
Connect For FreeCreating 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:
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:
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:
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:
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.
There are several limitations to creating your landing pages in Mailchimp, as described above. The main ones being:
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.
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:
To do this, we’ll be using ConvertFlow’s landing page builder and Mailchimp integration.
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:
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:
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:
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):
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.
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:
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:
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.
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:
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):
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.
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:
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:
Click “Done” once you’ve set up all desired automations, then “Save” and “Publish” your landing page and we’re almost ready to launch!
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:
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:
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):
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.
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.
Create a free ConvertFlow account and integrate
Mailchimp
in minutes.
Sync contact fields. Segment people into lists & tags. Personalize your website for Mailchimp subscriber segments.
Connect For Free