The Mailchimp block allows visitors to join your Mailchimp list.
Unlike our Mailchimp Subscriber popup, the Mailchimp Block allows you to collect emails right inside a post or page.
You can position it in your content at the exact moment that your readers will be most inclined to sign up.
This block is available to all Jetpack sites.
Connecting to Mailchimp
The first you use the Mailchimp block, you will need to connect your Mailchimp account. Click Set up Mailchimp form to begin.
This will take you to the Tools → Marketing → Connections section of your WordPress.com account, where you should click Connect in the Mailchimp section:
You’ll be asked to enter your Mailchimp username and password in a popup window.
Once you do that, you’ll see that Mailchimp was successfully connected, but that you need to designate a list that new subscribers should be added to:
Simply choose a list that you want new subscribers to be added to. (If you do not have any lists yet, Mailchimp has a guide on how to create them.)
Back in the Block Editor, you may need to click the Recheck Connection button inside the Mailchimp Block if you added the block before connecting.
Mailchimp on Multiple Sites
If you have more than one site connected to your WordPress.com account, you only need to set up the Mailchimp connection once, which will work across all sites. Similarly, disconnecting Mailchimp under any site will turn off Mailchimp across all sites on your account.
You can create a different list in Mailchimp for each site and then use the specific list in My Site → Marketing → Connections for a specific site.
Mailchimp double opt-in
The Jetpack Mailchimp block does not currently integrate with Mailchimp’s double opt-in settings. Because of that, the following message is displayed in the block:
“By clicking submit, you agree to share your email address with the site owner and Mailchimp to receive marketing, updates, and other emails from the site owner. Use the unsubscribe link in those emails to opt-out at any time.”
A workaround is creating a form on the Mailchimp site and embedding the form into a page, post, block, or widget on your site as an alternative. You can find the Mailchimp shortcode information here.
Adding the Mailchimp Block
You can add the Mailchimp Block by selecting it from the Jetpack or Grow section of the block editor:
The default block content looks like this:
Customizing the Mailchimp Block
You can customize the text and colors by changing them in the block editor sidebar.
Every block has specific options in the editor sidebar and options found in the block toolbar.
The Mailchimp Block has multiple settings you can adjust in the Block Settings sidebar. Click the downward arrow next to any header in your sidebar to see the additional options for each section.
The Email Placeholder changes the text shown inside the email field. It disappears once the field is typed in.
There are three messages related to the function of the form that you can modify:
- The Processing text message shows while an email is added to the list.
- The Success text is displayed when an email is successfully submitted.
- The Error text is shown when the email address was not submitted successfully.
If you’ve created groups of subscribers within your selected list, this is where you can choose which groups to add new signups to.
For example, say you have one signup form on a page about sports and another on a different page about technology. You could create two groups in your Mailchimp list: Sports and Technology. Then you’d configure each Mailchimp block to add people to the appropriate group, based on which page they signed upon.
The groups’ list will only appear if you’ve already created groups in Mailchimp.
Signup Location Tracking
This feature lets you define a custom tag and value so that you can track the specific form that each subscriber used to sign up.
For example, say you have two email signup forms on your site: one on the homepage and one after each post. Using the same Signup Field Tag but different Signup Field Values, you can later refer back to your subscriber list to see where your subscribers are signing up, your homepage, or after your posts.
Mailchimp has a guide on how to set this up.
This section has a link to the Marketing settings if you need to connect, disconnect, or change the list you are using.
You can customize the background color and text color for the block. The background color has two options: solid and gradient:
Button Color Settings
The button color settings allow you to change the color of the submit button, including the background color and text color.
The background color has two options: solid and gradient. You can also change the border radius of the button:
Click on the block to display the block toolbar. The Mailchimp block offers the following options in its toolbar:
As with the image block, the Mailchimp block can be set by clicking the wide-width or full-width icons.
The advanced tab lets you add a CSS class to your block, allowing you to write custom CSS and style the block as you see fit.
This feature is activated by default. If you would like to deactivate this feature, you can follow the guide here.
|Site Owners / Users
|Site Owners / Users
|Data Synced (Read More)|
|Site Owners / Users
We sync options that identify whether or not the feature is activated and how its available settings are configured.