MC4WP: Mailchimp Top Bar – Email Subscribe Notification Bar

Plugin Banner

MC4WP: Mailchimp Top Bar – Email Subscribe Notification Bar

by Danny van Kooten

Download
Description

Grow your Mailchimp audience with a customizable email signup bar at the top or bottom of your WordPress site. The bar stays visible while visitors browse, helping your call to action get noticed without blocking your content.

Mailchimp Top Bar is an add-on for MC4WP: Mailchimp for WordPress. It connects the bar to the Mailchimp audience of your choice.

Features

  • Capture more subscribers: Keep your email signup call to action visible while visitors browse.
  • Match your brand: Customize the bar text, button text, and colors from the plugin settings.
  • Choose its position: Display the subscribe bar at the top or bottom of the screen.
  • Let visitors dismiss it: Visitors can hide the bar when they are not interested.
  • Keep pages fast: The front-end JavaScript is under 2 kB when compressed.

About the Plugin Author

Danny van Kooten has been building WordPress plugins since 2010, starting with WordPress 3.0.

He is the founder of ibericode, the small software company behind popular WordPress plugins including Mailchimp for WordPress, Boxzilla Pop-ups and Koko Analytics.

Mailchimp Top Bar requires the MC4WP: Mailchimp for WordPress plugin.

Automatic installation

  1. In your WordPress dashboard, go to Plugins > Add New.
  2. Search for Mailchimp Top Bar.
  3. Click Install Now, then activate the plugin.
  4. Go to Mailchimp for WP > Mailchimp Settings and enter your Mailchimp API key.
  5. Go to Mailchimp for WP > Top Bar and select a Mailchimp audience.
  6. Customize the text, colors, and position as needed.

Manual installation

  1. Download the plugin ZIP file.
  2. Go to Plugins > Add New > Upload Plugin.
  3. Upload the ZIP file, install it, and activate the plugin.
  4. Configure the API key and audience under Mailchimp for WP.
  1. A Mailchimp top bar capturing email signups without blocking the page content.

    A Mailchimp top bar capturing email signups without blocking the page content.

  2. The settings page for customizing the Mailchimp notification bar colors, text, and behavior.

    The settings page for customizing the Mailchimp notification bar colors, text, and behavior.

Can I show the Mailchimp top bar on specific pages only?

Yes. Use the mctb_show_bar filter to control where the bar appears. This example shows it on blog posts only:

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

This example shows it only on the contact page:

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

See the WordPress Conditional Tags documentation for other conditions.

Can I capture names in the notification bar?

Yes. Add a name field and pass its value to the selected Mailchimp audience:

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;
} );

See adding a name field to Mailchimp Top Bar for more details.

How can I hide the email signup bar on mobile devices?

Add this CSS to hide the bar on screens narrower than 600 pixels:

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

Does Mailchimp Top Bar affect site performance?

The plugin keeps its front-end footprint small. Its JavaScript is under 2 kB when compressed, and the stylesheet loads without blocking page rendering.

Where can I get support?

Open a topic in the WordPress.org support forum.

Terrible

By labtecdxmp on October 20, 2021

The Support staff are not interested in helping you, just marking their Topics as ‘Resolved’. You need to Hire a WordPress Developer if you want to get the full functionality from the ‘add-on’. I’ve spent 4 days wasting my time on this plugin and will never ever install this rubbish again. I’d give it 0/10 if i could.

missing GDPR support

By mykilos on June 22, 2020

This useful topbar does need to be updated to allow a required checkbox otherwise it’s no longer useful/legal to use on any website within the EU or any website collecting data from EU citizens.

doesn't work

By leclerc-web (leclercweb) on April 21, 2018

the plugin is displayed in "plugins" but no menu, no settings, completely useless ... it is useless!

Perfect

By miggy91 on February 20, 2018

Works exactly as described with great support!

Great !

By kikinovak on February 19, 2018

Hi, I just installed MailChimp Top Bar on my website (where it became a Bottom Bar), and it works just great. Setup is hassle-free, and it looks great without being too aggressive. https://www.microlinux.fr Cheers, Niki

Works great..

By gbyounis on February 17, 2018

You can customize the colors and the appearance.

Simple but efficient

By Martin Sauter (martin.sauter) on September 1, 2017

This is problably the simplest way for adding a MailChimp subscription form to a website – and it's very effective in terms of conversions. Integrates nicely with the popular MailChimp für WordPress plug-in from the same developers.

Simple and efficient

By arbeca on July 21, 2017

I use it as bottom bar, it's very elegant and simple to implement. Great plugin.

Mailchimp Top Bar Good Plugin

By jaswinderblog on June 9, 2017

Setting up and configuring this cute plugin took me only couple of minutes and now I have a fantastic looking Top Bars on my Both blog, which I was looking for a long time and finally I got it for Free! Check on this Blog-https://www.easebedding.com/ and here on this Blog-https://www.bloggingcreation.com/

So Easy!

By Lucy Beer (webtrainingwheels) on February 11, 2017

Great little plugin! Super easy to set up and looks good out of the box. Awesome 🙂

1.7.6

  • Improved email address validation.
  • Address warnings reported by WordPress Coding Standards.

1.7.5

  • Allow WP Core to handle dependency on core Mailchimp for WordPress plugin.
  • Minor defensive coding improvements.

1.7.4

  • Bump required WordPress version to 7.4 or higher.
  • Modernize code base by using latest PHP features and removing legacy compatibility code.

1.7.3

  • Minor performance or memory usage related improvements.
  • Compatibility check with latest WordPress version.

1.7.1

  • Update dependencies and WordPress compatibility.
  • Decrease timestamp check to one second ago.

View the full changelog on GitHub

Back to top