Adding Facebook or Twitter Logos to Your Template

You can add social medialinks/icons to your templates using HTML tags. This is most beneficial for templates that you email to customers (like the "Shipment Notification" template), but can be used on any template.

You will need thumbnail pictures of what you want to appear on your template.

1. Click on the Manage tab and then on the Templates button.

2. Select your template and click 'Edit". In this example, we will be modifying the "Email Notification" template.

3. On the Code tab, navigate toward the bottom of the document, right above the tag.

4. Copy and paste the following code into the Template Editor before the tag:

<table border="0" cellspacing="5" cellpadding="1">


<tr>

<td align="center"> <a href="https://www.facebook.com/YourFacebookName">

<img src="http://fourtencreative.com/wp-content/uploads/like-us-on-facebook-tiny.jpg"></img></a></td>

<td align="center"> <a href="https://www.twitter.com/YourTwitterName">

<img src="http://fourtencreative.com/wp-content/uploads/follow-us-on-twitter-tiny.jpg"></img></a></td>

</tr>

</table>

It should look like this:

5. Make the following modifications (if applicable):

You can choose to keep the thumbnail pictures as-is or link to different ones. The process is a little different depending if the image is stored on the internet or on your computer's hard drive.

img src="http://fourtencreative.com/wp-content/uploads/like-us-on-facebook-tiny.jpg" img to wherever the image is stored on your computer, like:

img src="C:\Users\JohnDoe\Pictures\logo.jpg"img

Please note: The ShipWorks "Template Editor" is an XSLT editor and processes certain characters (like &, =, !) differently than an HTML editor. If you have one of these characters in a URL, it will likely prompt an error (saying that an unexpected value has occurred). If you run into this error because a special character is in a URL, go to http://tinyurl.com/ and generate a URL without these characters and try again.

6. Use the "Preview" tab to view your changes and test your links. When you're satisfied with the changes you've made, click "Save" and "Close".