Mailchimp活动中的自定义社交分享图标

时间:2015-03-13 15:01:41

标签: html mailchimp share-button

我正在创建一个自定义的mailchimp模板,但我遇到了一些社交媒体按钮。

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

输出:

enter image description here

我需要的是:

enter image description here

由于这是一个自定义模板,我无法将预制图标拖放到设计中。以下是我尝试过的一些替代方法:

<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>

发送时,网址会从图片中删除,或者在引号之间不返回任何内容。

如果任何mailchimp专家可以提供一些见解,我会很感激。

1 个答案:

答案 0 :(得分:0)

This worked for me

<!--my sharer-->
<p>
<table width="300" border="0" cellspacing="0" cellpadding="0" align="center">
  <tbody>
    <tr>
      <td width="35" align="left" valign="middle"><a href="*|RSSITEM:TWITTER_TEXT|*" style="font-size:14px; text-decoration:none;"><img height="30" src="https://cdn-images.mailchimp.com/icons/social-block-v2/color-twitter-96.png" width="30" /></a></td>
      <td width="58" align="left" valign="middle"><a href="*|RSSITEM:TWITTER_TEXT|*" style="font-size:15px; font-weight:bold; color: #35ABCD; font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif;  text-decoration:none;">&nbsp;Tweet</a></td>
      <td width="35" align="left" valign="middle">
<a href="http://www.facebook.com/sharer/sharer.php?u=*|FEEDITEM:URL|*"><img src="https://cdn-images.mailchimp.com/icons/social-block-v2/color-facebook-96.png" width="30" height="30" /></a>      
      </td>
      <td width="80" align="left" valign="middle"><a href="http://www.facebook.com/sharer/sharer.php?u=*|FEEDITEM:URL|*" style="font-size:14px; text-decoration:none; font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:bold; color: #527BBE;">&nbsp;Facebook</a></td>
      <td width="35" align="left" valign="middle"><a href="https://www.linkedin.com/shareArticle?mini=true&amp;url=*|FEEDITEM:URL|*&amp;summary=*|FEEDITEM:CONTENT_TEXT|*&amp;source=GWM"><img height="30" src="https://cdn-images.mailchimp.com/icons/social-block-v2/color-linkedin-96.png" width="30" /></a></td>
      <td width="65" align="left" valign="middle"><a href="https://www.linkedin.com/shareArticle?mini=true&amp;url=*|FEEDITEM:URL|*&amp;summary=*|FEEDITEM:CONTENT_TEXT|*&amp;source=GWM" style="font-size:14px; text-decoration:none; font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:bold; color:#206886;">&nbsp;Linkedin</a></td>
    </tr>
  </tbody>
</table>
</p>
<!--ends my sharer-->