Sync contact fields. Segment people into lists & tags. Personalize your website for Mailchimp subscriber segments.
Connect For FreeMailchimp doesn’t have a built-in quiz tool. But, this doesn’t mean you can’t make use of quizzes as a lead capture option if you use Mailchimp as your CRM.
Instead, you can use third-party software to create and launch your quiz, then feed the lead data into your Mailchimp account.
In this post, we walk you through exactly how to create a Mailchimp quiz in this way using ConvertFlow’s quiz maker tool and Mailchimp integration. We’ll cover:
The best place to start is by choosing a design template that aligns with the desired outcome or end-goal of your product.
ConvertFlow has a wide range of customizable quiz templates for all kinds of verticals, niches, and outcomes. Browse our template library to see them all.
For this article, we’ll use a simple A/B/C outcome quiz:
Once you’ve chosen a template and created (or logged into) your ConvertFlow account, the next step is to decide how you want it to be displayed on your website.
You can display a quiz in a variety of different ways:
Decide which one is best for you, then select it as an option when prompted in ConvertFlow:
We’ll choose an overlay popup for the example in this article. Next, we’ll start customizing the design and functionality of our quiz.
If you chose to have your quiz within a popup or site message, you’ll need to set how it’s triggered when someone is browsing your website.
This can be one of:
SEE MORE: 6 Must-Know Popup Design Principles to Generate Leads
To do this in ConvertFlow, just head to the settings tab in the right pane and scroll to the trigger section.
We’ll just set ours to appear as a “time delay” popup after 15 seconds. It’s also set to not show again for three days to people who’ve closed the popup without completing:
Note: This is relevant only to popups and site messages. You won’t need to take this step if you decided to have your quiz on a landing page (or embed it on an already existing page).
Before we set up the actual quiz questions and answers, it’s best to make sure the fundamental design looks the way you want it to.
This means adding in your brand colors, logo, fonts, styles, etc.
We’re going to pretend to have a fitness brand called Fit.ness. So, we’ll replace the placeholder icon with a logo on each step of the quiz:
And also switch the coloring to match the colors of our hypothetical brand. Let’s go for a green color:
Make sure to repeat all your design customizations for each step in your quiz.
Now that we’ve got the quiz looking how we want it to from a visual perspective, it’s time to build out the questions of our Mailchimp quiz.
The exact questions to include depend on a range of things, such as your target audience and desired outcome. But, generally speaking, you want to make sure the quiz is appealing to those you’re trying to attract and aligns with the solution your business offers.
For our fitness business example, we’ll add the following questions:
Note: We appreciate that some people may not identify as strictly male or female. But for the sake of keeping this quiz example simple, we’ll stick to just the two options here.
To add the question, we just edit the headline text in each step:
Then, to set the answer options, just select the survey element and edit the options in the right-side panel.
You can click the pencil icon to edit each option:
Your quiz can be as long or as short as is needed. Just duplicate/delete the CTA steps to add or remove questions.
See this help guide for more information on setting up your quiz correctly.
Your quiz should now have all the questions created. Next, we need to connect your Mailchimp account for all the lead data to be passed on to.
To do this, we’ll jump to the “Email Capture” step of the quiz.
Then, select the form in the main builder and click the “Confirmation Actions” button 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.
By default, answers to your quiz questions will be stored as fields for each contact profile in ConvertFlow.
But if you have them set up as custom fields in Mailchimp, you’ll now be able to go back and map each answer to that custom field:
This means that when the visitor submits their email at the lead capture stage and becomes a contact in Mailchimp, the custom fields for that contact will be populated with the answers given during the quiz 😎
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, scroll down to the automations section and click the “Add Automation” button:
Then, select the “Mailchimp - Add to list” option from the dropdown:
Just choose your desired Mailchimp list from the next dropdown and click “Create Automation.” All leads should now get added to this list whenever they fill out the quiz form.
Note: You can add further automations here, too—such as adding the lead to a group in Mailchimp or adding/removing Mailchimp tags.
This next step is where you’ll set up the ‘behind-the-scenes’ functionality of your quiz. In other words, the outcomes/results visitors are shown after submitting their email in the previous lead capture step.
For example, in our quiz we’re going to pretend that our fitness brand has eight different workout programs available:
So, if someone answers “Male” and “Lose weight” and “Gym” in the questions of our quiz, they will get directed to the relevant program—in this case, number six.
The first step in this is to make sure all the different possible outcomes are created as ‘steps’ in the ConvertFlow quiz.
So, back in the main builder, scroll down beyond the “Email Capture” step and customize the different “Outcome” steps to suit your quiz’s needs:
Note: You can duplicate steps if you need more than is already in the template as default.
If your website is built on Shopify, you can make use of ConvertFlow's products element to quickly import your product catalog into the different outcome steps of your quiz.
Just add a new products element in the builder:
You'll be able to filter the product selection by showing products that are either:
The final three options in the above list are likely the most relevant for your Mailchimp quiz.
Once you've got the right products showing from your Shopify catalog, you'll then just need to customize the design and style:
Non-Shopify users can still use the products element. But, you'll need to use ConvertFlow itself as the product source and manually add each one into the builder.
Next, we’ll use ConvertFlow’s conditional actions feature to connect our quiz answer combinations to the relevant outcome steps.
To do this, head back up to the “Email Capture” step and open up the same “Confirmation Actions” box we used to link Mailchimp earlier. Scroll to the bottom of the window that opens and click the “Add Conditional Action” button:
A box will appear underneath where you can start building the conditions and actions for each combination of answers in your quiz.
Click “Add Condition” and then add the first question and answer option to the “All required” group of conditions:
Click “Create Condition,” then repeat for the other questions in the quiz:
Once you’ve built out the first set of possible answer options like this, scroll down to where it says “Then perform these actions:” underneath.
Select “Jump to a CTA step” from the dropdown menu and choose the step that’s relevant to the combination of answers in the conditions above:
You’ve also got the option of running automations here that are specific to each conditional action created.
For example, we could run automations to segment our list in Mailchimp by adding tags or people to groups:
This is great for being able to send targeted follow-up emails and campaigns based on the answers people gave in the quiz 🙌
Repeat this step by creating a new conditional action for each answer/outcome combination you have in your quiz:
Once you’ve set up all desired conditional actions, click “Done.” Then, hit “Save” and “Publish” your CTA and we’re almost ready to launch!
Hit “Preview” in the top right of the builder to move to the next screen, where you can check the look and functionality of your quiz. Don’t worry, Mailchimp automations won’t run on this screen, so you won’t be creating contacts and adding/removing tags, etc. over and over while testing.
If it all looks good, select “Launch” to go through to the final step:
The launch screen will look a little different, depending on the CTA type your quiz is using: popup, landing page, embedded, etc.
For landing pages, you’ll get the opportunity to set a URL and page meta data.
But for embedded and popup CTAs, you’ll be able to set specific targeting conditions. For example, we can set the popup to only show on certain website pages or devices.
Let’s say we only want our popup quiz to appear on blog posts when viewing on desktop. It might look like this:
Even for embedded CTAs, it’s a good idea to set the popup to only be active on the page(s) the quiz will appear on. Otherwise, you'll be needlessly loading script (and adding to load times) across your entire website.
Nothing else is required here if you’re running your Mailchimp quiz on a standalone landing page. Just grab the URL and you’re ready to go 🙌
For popups and embedded forms, activate your CTA by simply toggling the switch underneath the targeting conditions:
If you’ve already installed ConvertFlow’s one-time script on your website, your CTA should now be ready to show on relevant pages. If not, you’ll be prompted to add this script to your site first.
Just copy the code and insert it into your website’s <head></head> tags.
Alternatively, you can connect without needing to touch the code at all via WordPress plugin, Shopify app, Google Tag Manager, or Segment. Instructions are all there as soon as you toggle that launch button the first time 🙌
This guide should have given you clear instructions on how to create a Mailchimp quiz for your website.
Mailchimp is a great CRM and email marketing option. But to drive leads and product recommendations with quizzes, you’ll need a third-party software that integrates with Mailchimp.
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