Jul 6, 2011

Add a MailChimp “Newsletter” button to your Tumblr Blog

Everyone and their mother knows that Tumblr is where all the "cool" people hang out. It’s also growing in popularity in leaps and bounds. We recently built a small integration to get you Tumblr folk a much cleaner and easier way for your readers to sign up for your email list.

The integration works by using a tool we created called Chimplr that generates some JavaScript and HTML that you paste into your Tumblr Theme’s "HTML Widget" section. The code puts a "Newsletter" button next to the other Tumblr controls. Don’t worry, it’s really easy to use!

One of the biggest problems our users face is how difficult it can be to edit the MailChimp signup form styling to match their own site. We understand that you are not all HTML5 gurus, so we came up with a solution that fits all Tumblr themes.

The inserted HTML creates a button that mimics the other Tumblr buttons. It looks at home in the Tumbleverse but is also recognizable enough for non-Tumblr people to see, and it launches a "lightbox" that appears over your blog that lets readers sign up to your email list.

The "lightbox" that your users sign up through looks like this:

This is what your users see when they click the button.

In order to use Chimplr, you’ll need to have your MailChimp API key handy. You’ll also need to be able to log in to your Tumblr to make the changes (duh). Chimplr will walk you through the process of getting your Newsletter button set up with screenshots and a detailed tutorial.

To get the most out of your Tumblr posts, you can use MailChimp’s RSS-to-Email campaigns to automatically generate an email newsletter based on your Tumblr posts. You can read more about this feature in our RSS-to-Email tutorial.

As always, let us know how you fare with it. We love your feedback!

P.S. We are working on getting custom fields other than the "email" field to display in the popup. Hang tight!

Go to Chimplr