How To Add A Top Bar Mailchimp Opt-In

How To Add A Top Bar Mailchimp Opt-In

A top bar email sign up is a nice way to boost your opt-ins without being overly obnoxious. Especially with the current trend toward one column blogs, without a sidebar, it’s a great solution for making an opt-in prominent without being an eyesore. I wanted to add a top bar email opt in to a site and was prepared to have to research and test a few plugins, maybe fiddle with some styles and generally sink a little bit of time into the whole endeavour. However I was able to get the job done in less than 15 minutes thanks to a couple of simple plugins.

Spread the love

MailChimp Top Bar Opt-In for WordPress
A top bar email sign up is a nice way to boost your opt-ins without being overly obnoxious. Especially with the current trend toward one column blogs, without a sidebar, it’s a great solution for making an opt-in prominent without being an eyesore. Here’s an example of what I’m talking about:

Top Bar Email Opt In

I wanted to add a top bar email opt in to a site and was prepared to have to research and test a few plugins, maybe fiddle with some styles and generally sink a little bit of time into the whole endeavour.

However I was able to get the job done in less than 15 minutes thanks to a couple of wondrous plugins.

You will need:

How To Set Up Your Top Bar

  1. Install & activate MailChimp for WordPress
  2. Install & activate MailChimp Top Bar
  3. Go to the MailChimp for WP settings and connect the plugin with your MailChimp account:
    MailChimp API
  4. Then make sure your MailChimp lists are displayed below, click Renew Lists if not
  5. Go to MailChimp for WP > Top Bar to configure your opt-in.
  6. The options are very intuitive, but make sure you set the following:
    • Select which MailChimp list sign ups should go into.
      top bar - choose MailChimp list
    • Go to the Appearance tab to choose a color scheme to match your site.
      MailChimp Top Bar
    • Position: Top is the default but you can have it at the bottom instead
  7. Hit Save – Boom! The bar is on your site!

mailchimp top bar

So what’s the catch?

Ah, cynical are we?
If you’re looking for one, you may consider the fact that it only includes the email field as a catch. However you can add an extra field with a small amount of code.

But that’s about it. I love the fact that this plugin does one thing and does it well – it’s easy to use, looks good and is very lightweight.
Overall, a quick, painless way to boost your email list.

Facebook Comments

More Stuff

How to Create a WordPress Custom Dashboard WordPress is fantastic. But it has a few shortfalls — especially with it’s back end UI. For one, you can’t personalize it without the use of an extern...
Email Authentication – Don’t Let Your Emails End Up in Spam The dreaded spam folder. One thing all businesses try to avoid when it comes to sending out emails. Winding up in the spam folder can drastically dimi...
How to Share Logins and Users Between Multiple WordPress Sites Our goal is to set up two WordPress websites which will share logins and the same users. Once a user has subscribed one website, she would be able to ...
Gutenberg Downvoted, New WordPress Without Gutenberg Released, San...  This is the September 2018 edition of “This Month in WordPress with CodeinWP.”  Hi everyone, welcome to a fresh edition of our monthly WordPress ne...
Spread the love

Posted by News Monkey