Adding a Button In An Image + Text Block in Mailchimp

How To Code a Button Into an Image Text Block In Mailchimp

There are some things that the Classic Builder in Mailchimp cannot do and this is one of them. When you use the Drag N Drop Builder to pull in an “Image + Text” block, there is no option to have a clickable button within that same block.

Well, this little html code does the trick. What’s cool is that you can edit the HEX code in here to create the exact type of button you’d like.

First, when you’re in your text block, you will want to click this button <> and paste the code Into this.

Insert code button Mailchimp

 

You should plan to edit the coding some below to whatever you need for your button. Make sure you update the link in the coding below to your own link and you can also change the “Learn More” text too.

Simply copy and paste this coding below into your text block:

 

<table align=”center” border=”0″ cellpadding=”0″ cellspacing=”0″ class=”mcnButtonContentContainer” style=”border-collapse: separate !important; border-radius: 0px; background-color:#2A2A2A;”>

<tbody>

<tr>

<td align=”center” class=”mcnButtonContent” style=”font-family: Arial; font-size: 15px; padding: 20px;” valign=”middle”><a class=”mcnButton ” href=”YOUR LINK WILL GO HERE” style=”font-weight: bold; letter-spacing:2px; line-height: 100%; text-align: center; text-decoration: none; color:white;” target=”_blank” title=”Learn More”>LEARN MORE</a></td>

</tr>

</tbody>

</table>

 

That’s it! Have fun coding in this button! 🙂

A Cool Mailchimp Hack for More Opens

photo of woman using her laptop

Here is a quick video showing you a really neat Mailchimp hack for the way your subject line and preview text line will appear in subscriber’s inboxes. It takes a small bit of code at the very top, but it’s super easy.

And below you’ll find the code to copy and paste! Enjoy and let me know if any questions. You can reach me at hello (at) westfield-creative (dot) com.

Copy and PASTE this exact code into a code block:

<div style=”display: none; max-height: 0px; overflow: hidden;”>&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;</div>

And that should give you a very pretty preview text line!

Mailchimp 2-Minute Video Library

Email marketing video library

Below you’ll find some of my favorite 2-minute Mailchimp video tips. Enjoy!

VIDEO: Our Best Button/CTA Design Secrets

VIDEO: Mailchimp’s email editor lets you resize images right in your Mailchimp account.

VIDEO: Mailchimp’s nice PDF reports (great for sending to clients)

VIDEO: View this email online.

VIDEO: A cool way to use Mailchimp’s “Image + Text” Block

Also, don’t forget to grab my totally FREE PDF – 49 Mailchimp Design Tips (so many of our best-kept secrets in this!).

This Canva/Mailchimp secret is my fave

Wanna see something real cool?

Canva has this super handy Mailchimp integration that most people don’t know about. It allows you to take any of your Canva graphics and with a click of a button, they go straight into your Mailchimp Content Studio. I thought it would be helpful to show you where it’s hidden, so I made ya video.

CLICK HERE to see a quick video of this awesome integration.


Also, did you know Mailchimp has 273 integrations?! That’s more than any other email provider out there. From Unsplash, to Photoshop to Salesforce and so many more.