How To Add Mailchimp Groups To The Bloom Email Opt-In Plugin

In this Divi tutorial, you will learn how to easily add Mailchimp groups to the Bloom Opt-In Plugin. Now you can segment and personalize your audience!

Step 1

In your Mailchimp account, go to “Audience”. Once you get to the Lists page, decide which list you want to add groups to and select it. Click on “View Contacts.”

Step 2

Under “Manage Contacts” and click on “Groups.” Then click the button to “Create Groups.”

Add Mailchimp groups to the Bloom optin plugin

Next, you will see a question, “How should we show group options on your signup form?” Go ahead and leave the first option selected since this will work best and is the option I’m going to be using in this tutorial.

Add Mailchimp groups to the Bloom optin plugin

First, enter a name for the group category.

Under the category, enter at least one group name. Three come up by default, but you can add or remove them.
Hit the save button.

Step 3

Before we jump into Bloom, we need to double-check on something to verify the fields are showing correctly and to help you understand what’s going on here.

Once again in the audience menu, click on “Signup Forms.” Select the first one called “Form Builder.” Here you will see your form with the fields you chose in step 2 and the groups from step 3.

You will notice the group fields are visible by default. That is very important, and the MUST BE VISIBLE here in Mailchimp (we will hide this later with CSS on your website).

How to use Mailchimp groups with the Bloom optin plugin

Step 4

Go to your website and go to Bloom>Email Accounts. The reason you are going here first is so that you can refresh your connection between Mailchimp and your website since you have added the group in Mailchimp.

How To Add Mailchimp Groups To The Bloom Email Opt-In Plugin

Step 5

If you haven’t already, create a new popup style option in Bloom. The most important part here is adding the custom fields. So first of all, go into the optin design settings and toggle on the button to enable “Custom Fields.” 

Enable Custom Fields in the Bloom Option Plugin

Create a new custom field. In the “Field” dropdown, choose the group category that we set up in step 2.

Also be sure to select and check the box beside the “Options,” since this is the actual Mailchimp group and it needs to be selected so that subscribers are automatically added to the group.

Adding a custom field in Bloom for Mailchimp groups

Step 6

Now once you finish up the other design settings for your Bloom opt-in, we are ready to go! Let’s go take a look and see if the custom field shows up.

showing the custom field in Bloom for Mailchimp groups

Step 7

Now let’s hide the custom field, since it is not necessary for the user to see that and could lead to confusion. We don’t want them unchecking the box, and we don’t really need them to know what group they are in. It also looks bad. So let’s get rid of it with some CSS. Copy and paste the following snippet into your Divi>Theme Options>Custom CSS Box.

So then here you can see the CSS removed the custom field Mailchimp group. 

hide the mailchimp group custom field in Bloom

Step 8

As a final step, go back to Mailchimp and confirm everything is working. Submit a test subscriber with the Bloom popup form, and then after a minute or two it will show up perfectly in your Mailchimp audience. To double check the group feature is working (which is the point of this tutorial), go to “Groups” and you will see the test email address. That’s it, you’re all set! 

Contacts added to a Mailchimp group with Bloom

Please share this post!

Nelson Lee Miller (aka The Divi Teacher)

Nelson is the owner of Pee-Aye Creative Co in the beautiful state of Pennsylvania. He loves helping small businesses, exploring, building websites with Divi, and teaching others.

OUR BLACK FRIDAY SALE IS HERE!

30% OFF all Divi Child Themes, Plugins, and Layouts!

Related Posts

Leave A Response!

3
Leave a Reply

avatar
  Subscribe  
newest oldest most voted
Notify of
Pawel Paluch
Pawel Paluch

Hi Nelson, great tutorial!
One quick question – as this works perfectly is there a way to not disturb how to form look in mobile view as the Custom Hidden form takes a half of the pop up screen.
So it looks really not professional.

Shop Our Divi Products!

Child Themes • Plugins • Layouts

Visit The Shop

Divi Tutorials On YouTube

Subscribe to our helpful Divi videos!

Visit Our Channel

Pin It on Pinterest

BLACK FRIDAY SALE - 30% OFF all Divi Child Themes, Plugins, and Layouts Shop Divi Products

0

Your Cart