You are here:
Use Standard and Custom Icons to Share Content
Social Forward uses a default set of icons to represent the social networks supported within Email Studio. You can alter the appearence of icons to call attention to a section, such as changing the size or color of the icon. You can also alter the icon to better fit the design of your email. These steps allow you to change the icons used in Social Forward in a specific message without alterting the default icons.
This task require familiarity with HTML and AMPscript to make full use of the Social Forward section.
- Begin your email in Email Studio using a template or by revising an existing email.
- Click a content box and select Create Content.
- Choose an HTML content box and click Next.
- Click the Insert menu and select the Social Forward Area... option.
- Enter the Shared Content Slot name, Title, and Description. Choose a CSS stylesheet if you wish. Click OKwhen you're finished.
- Paste either the Standard Icon or the Custom Icon Base HTML Mark-up inside the two HTML region tags. You can find that code in the appropriate section below.
- Paste the Social Specific HTML Mark-up wherever you want the icon to be located. We recommend placing it as close to the content to be shared as possible for best results, but you can locate the code anywhere in the email. Make sure the content slot name matches in the region tags and the code.
This example shows a standard email using content boxes to share content with a standard Facebook icon:
The Base HTML Mark-Up contains the general content in the box:
<p>Standard Facebook Icon</p>
<table cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td align="right"><a href="https://example.com" conversion="false" title="" alias="">Share this link using the Facebook icon!</a></td>
</tr>
</tbody>
</table>
<p>This link takes you to Example.com.</p>The Social Specific HTML Mark-Up contains the content specific to sharing the content in the box. Make sure the content slot name in the GetSocialPublishURL() function matches the name you gave your content slot in the Create Your Email steps.
<p><a href="%%=GetSocialPublishURL('1','StandardFacebookShare')=%%" alias="Social Forward to Facebook" title="Publish to Facebook"><img src="http://image.preview.exacttarget.com/lib/ffcf14/m/1/social_default_facebook_icon.jpg" border="0" alt="Facebook" title="Facebook"></a></p>This example shows a standard email using content boxes to share content with a custom Facebook icon.
The Base HTML Mark-Up contains the general content in the box.
<p>Custom Facebook Icon</p>
<table cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td align="right"><a href="https://example.com" conversion="false" title="" alias="">Share this link using the Facebook icon!</a></td>
</tr>
</tbody>
</table>
<p>This link takes you to Example.com.</p>The Social Specific HTML Mark-Up contains the content specific to sharing the content in the box. The difference between this Mark-Up and the Standard Icon Social Specific Mark-Up is the URL specified in the img src="" tag. Make sure the content slot name in the GetSocialPublishURL() function matches the name you gave your content slot in the Create Your Email steps.
<p><a href="%%=GetSocialPublishURL('1','CustomFacebookShare')=%%"
alias="Social Forward to Facebook" title="Publish to Facebook"><img
src="http://image.preview.exacttarget.com/lib/ff66157875/m/1/facebook-alt.png" border="0"
alt="Facebook" title="Facebook"></a></p>
