Search Over 30,000 FREE Plugins from the Official WordPress Plugin Directory Repository

MailChimp Top Bar

Adds a MailChimp opt-in form in a top bar to your WordPress site.

Adds a beautiful, customizable sign-up bar to the top of your WordPress site. This bar is guaranteed to get the attention of your visitor and increase your MailChimp subscribers.

This plugin is an add-on for the MailChimp for WordPress plugin.

MailChimp Sign-Up Bar, at a glance..

MailChimp Top Bar adds a simple yet beautiful & customizable opt-in bar to the top or bottom of your WordPress site.

Using this bar, people can subscribe to a MailChimp list of your choice.

  • Guaranteed to boost conversions.
  • Unobtrusive, visitors can easily dismiss the bar.
  • Easy to install & configure, just select a MailChimp list and you're good to.
  • Customizable, you can edit the bar text and colors from the plugin settings.
  • The bar can be at the top or bottom of the visitor's screen
  • Lightweight, the plugin consists of just a single 4kb JavaScript file.

Development of MailChimp Top Bar

Bug reports (and Pull Requests) for MailChimp Top Bar are welcomed on GitHub. Please note that GitHub is not a support forum.

More information

Author ibericode
Contributors Ibericode, DvanKooten, hchouhan, lapzor
Tags call to action, email, form, mailchimp, mc4wp, newsletter, opt-in, subscribe
  1. mailchimp-top-bar screenshot 1

    The MailChimp Top Bar in action on the MailChimp for WordPress site.

  2. mailchimp-top-bar screenshot 2

    The settings page of the MailChimp Top Bar plugin.

MailChimp for WordPress

Since this plugin depends on the MailChimp for WordPress plugin, you will need to install that first.

Installing MailChimp Top Bar

  1. In your WordPress admin panel, go to Plugins > New Plugin, search for MailChimp Top Bar and click "Install now"
  2. Alternatively, download the plugin and upload the contents of to your plugins directory, which usually is /wp-content/plugins/.
  3. Activate the plugin
  4. Set your MailChimp API key in MailChimp for WP > MailChimp Settings.
  5. Select a MailChimp list to subscribe to in MailChimp for WP > Top Bar.
  6. (Optional) Customize the look & position of your opt-in bar.

1.2.16 - January 19, 2017

Various minor code improvements.

1.2.15 - September 8, 2016


  • Improved responsiveness when bar has additional input fields.
  • Add required attribute to email input.

1.2.14 - August 29, 2016


  • Top padding for small screens with admin bar.


  • Better bar responsiveness when window dimensions change on the fly (eg resizing a window or changing device orientation mode). (Thanks tech4him1!)

1.2.13 - August 2, 2016


  • Error in animating body padding back to its original value.

1.2.12 - July 21, 2016


  • Bar would crash when clicking toggle icon during bar animation.


  • Function scope generated JavaScript file to prevent Browserify clashes with other loaded scripts.
  • Make sure script works even though it's loaded in the head section.
  • Preparations for upcoming MailChimp for WordPress v4.0 release.


  • Added Spanish language files, thanks to Ángel Guzmán Maeso
  • Added mctb_data filter, to filter form data before it is processed.


  • Deprecated mctb_merge_vars filter.

1.2.11 - July 8, 2016


  • Completely removed optional jQuery dependency. The plugin now uses JavaScript animations, resulting in a much smoother experience.

1.2.10 - April 12, 2016


  • Closed bar would still overlap underlying elements (like fixed top menu's).

1.2.9 - March 16, 2016


Top Bar was invisible on some themes because of z-index being too low.

1.2.8 - March 15, 2016


  • Make sure top bar doesn't appear on top of WP admin bar.
  • Hardened CSS styles for improved theme compatability.

1.2.7 - January 26, 2016


  • Miscellaneous code improvements


  • Add support for new debug log in MailChimp for WordPress 3.1

1.2.6 - January 4, 2016


  • Option to "update existing subscribers" in MailChimp, which is useful if you have added fields.


  • Toggle icon now has a background color, for increased visibility.

  • Toggle icon now stacks above or below bar on small screens.

1.2.5 - December 10, 2015

The plugin now requires MailChimp for WordPress version 3.0 or higher.



  • Improved admin notice when dependencies are not installed.

1.2.4 - November 22, 2015

1.2.3 - November 13, 2015


  • Minor refactoring in the way the plugin is bootstrapped.

1.2.2 - September 10, 2015


  • Honeypot field being auto-completed in some browsers.
  • Honeypot field was accessible by pressing "tab" key.
  • Hardened security for cookie that tracks sign-up attempts.

1.2.1 - September 8, 2015


  • Response message was not showing for some themes.


  • Better mobile responsiveness

1.2 - September 3, 2015


  • The bar will now auto-dismiss after every successful sign-up.
  • Placeholders will now work in Internet Explorer 7, 8 & 9 as well.


  • Added options for double opt-in and sending MailChimp's "welcome email".
  • Added mctb_before_label action allowing you to add HTML before the label-element.
  • Added mctb_before_email_field action allowing you to add HTML before the email field.
  • Added mctb_before_submit_button action allowing you to add HTML before the submit button.
  • Added mctb_form_action filter allowing you to set a custom form action.

1.1.3 - June 23, 2015


  • Fixes fatal error when visiting settings page on some servers

1.1.2 - June 18, 2015


  • Fixes height of response message
  • CSS improvements for compatibility with various popular themes

1.1.1 - June 12, 2015


  • Fixes unclickable admin bar (or fixed navigation menu's).


  • Various improvements to bar CSS so it can be easily overridden.
  • Fix vertical alignment of toggle icon.

1.1 - June 10, 2015


  • Bar no longer requires jQuery script, saving an additional HTTP request and 100kb


  • Position option: top or bottom
  • New filter: mctb_mailchimp_list (set lists to subscribe to)
  • Lithuanian translation, thanks to Aleksandr Charkov

1.0.8 - May 6, 2015


1.0.7 - April 15, 2015


  • mctb_show_bar filter was not functioning properly with some themes.
  • Form always errored when using WPML with String Translations.


  • Toggle icon is no longer shown for users without JavaScript.

1.0.6 - March 17, 2015


  • Compatibility issues with latest version of Enfold theme
  • Conflict with other plugins shipping very old versions of Composer


  • Allow simple inline tags in the bar text

1.0.5 - February 25, 2015


  • Bar not loading in some themes after latest update
  • Colors not working because of missing leading # value. Color settings are now validated before saving them.

1.0.4 - February 23, 2015


  • Styling issues with Enfold theme.


  • Settings page now uses a tabbed interface.
  • You can now set a "redirect url" in the bar settings
  • All form response messages can now be customised for the bar form

1.0.3 - February 17, 2015


  • Bar will now show "already subscribed" message from MailChimp for WordPress when a person is already on the selected list.
  • Response message will now show and fadeout after 3 seconds.
  • Various usability improvements for the settings screen.
  • Improved spam detection.
  • Major JS performance improvements.


  • Multiple new anti-spam measures
  • WPML compatibility

1.0.2 - February 12, 2015


  • Better CSS reset for elements inside the bar
  • Other minor CSS improvements


1.0.1 - February 4, 2015


  • The plugin will no longer overlap header menu's or other elements


  • You can now set the bar as "sticky", meaning it will stick to the op your window, even when scrolling.
  • You can now choose the size of the bar, small/medium/big.
  • Added Dutch translation files.


  • The menu item will now show above the item asking you to upgrade to MailChimp for WordPress Pro.

Please update the MailChimp for WordPress plugin before updating to this version.

1.0 - January 28, 2015

Initial release

How to disable the bar on certain pages?

For now, you will have to use a filter to disable the bar on certain pages. The following example only loads the Top Bar on your blog post pages.

add_filter( 'mctb_show_bar', function( $show ) {
    return is_single();
} );

Another example, this only loads the bar on your "contact" page.

add_filter( 'mctb_show_bar', function( $show ) {
    return is_page('contact');
} );

Have a look at the Conditional Tags page for all accepted functions.

How to add a name field to the bar?

You can use the following code snippet to show a "NAME" field in your bar.

add_action( 'mctb_before_submit_button', function() {
    echo '<input type="text" name="NAME" placeholder="Your name" />';

add_filter( 'mctb_subscriber_data', function( $subscriber ) {
    if( ! empty( $_POST['NAME'] ) ) {
        $subscriber->merge_fields['NAME'] = sanitize_text_field( $_POST['NAME'] );

    return $subscriber;

KB: Add name field to MailChimp Top Bar

How to hide the bar on small screens?

Adding the following CSS to your site should hide the bar on all screens smaller than 600px. The Simple Custom CSS plugin is great for adding custom CSS.

@media( max-width: 600px ) {
    #mailchimp-top-bar { display: none !important; }

I think I found a bug. What now?

Please report it on GitHub issues if it's not in the list of known issues.

I have another question

Please open a topic on the plugin support forums.

Version 1.2.16

Requires WordPress version: 4.1 or higher

Compatible up to: 4.7.2

Last Updated 19 Jan 2017

Date Added: 28 Jan 2015

Plugin Homepage


5 stars
22 ratings


Not Enough Data

Works: 0
Broken: 0