Custom social share icons in Mailchimp campaign

html mailchimp share-button
mdcrtv picture mdcrtv · Mar 13, 2015 · Viewed 9k times · Source

I'm in the process of creating a custom mailchimp template, but I've hit a snag with some social media buttons.

*|TWITTER:TWEET|* *|FACEBOOK:LIKE|*

outputs this:

enter image description here

What I need is this:

enter image description here

Since this is a custom template, I can't drag and drop prefab icons into the design. Here are some of the alternate methods I've tried:

<a href="http://www.facebook.com/sharer.php?s=100&p[url]=*|ARCHIVE|*&p[title]=*|MC:SUBJECT|*"><img src="~fb_icon~"></a>

<a href="http://twitter.com/share?url=*|ARCHIVE|*&text=*|MC:SUBJECT|*"><img src="~tw_icon~"></a>

When sent, the url is stripped from the image or returns nothing between the quotes.

If any mailchimp experts can offer some insight, I'd appreciate it.

Answer

Simone Ferraro picture Simone Ferraro · Apr 11, 2016

I think you should consider using content encoding merge tags, such as |HTML:YOUR_MERGETAG|

Here a useful link

http://dev201.nl/mailchimp-merge-tags-cheatsheet/

Related questions

Create a basic MailChimp signup form using their API

I'm new to MailChimp and need some help. With their basic newsletter signup form... you simply embed some prepackaged HTML into your page. However the problem with this is that clicking on submit redirects to a MailChimp page. (I don't …

Read More
Can I use a DIV in an email template?

I am greatly confused about designing an email template for a mailchimp campaign. I want to know if I can use a div with a class of "Container" on my email template. Is using div tags supported by all mail …

Read More
Rounded corners in Mailchimp templates - CSS or image-based

I am creating an email template for Mailchimp. I have downloaded a template and am now placing my content per the requirements (I know about using Mailchimp template language). My problem is that I have to use rounded corners and …

Read More