July 15, 2014
Branding is an important element you need to consider when creating your emails, so why not follow through to the online version? It’s the little details that make a big difference. Adding a favicon to the online version will keep your branding consistent throughout. You can now generate online versions of your emails automatically in Messenger. (For more information on creating automatic online versions in Messenger, check out the post written by Tom Chiverton)
For those who don’t know, a favicon (short for favourite icon) is a small 16x16 icon, usually located at the left of a browser tab and in bookmarking areas. Most favicons are designed to show a small rendition of their logo so it is still recognisable to the user. The main purpose of a favicon is to provide an easier experience for the user; allowing them to find a particular webpage quickly.
Adding a favicon to the online version is easy. If you are using the new version of Messenger, all you need to do is follow these simple steps:
Step 1: How to create a favicon?
Firstly you will need to create an image with the dimensions of 16x16 pixels saved out as any of the following JPG, JPEG, PNG, GIF, BMP, TIF, and TIFF.
The link below will allow you to convert your existing image into an ICO file. Just follow the steps given on the website.
Step 2: Where to save favicon?
Upload this file using messenger:
Select a campaign>> Click on ‘Files’ tab>> Click on the ‘Image’ folder>> Click on the button ‘Upload files’>> Add the file then start the upload.
Once the file has been uploaded, click on the image and copy the URL link. You will need to insert this URL link in the code shown in step 3.
Step 3: Where and what to code?
Find the html source of your email and add the following code within the head tag:
<link rel="icon" type="image/x-icon" href="insert image URL link here" />
So the code will look similar to this:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Blog – Favicon tutorial</title>
<link rel="icon" type="image/x-icon" href="http://files.evmailer.com/extravision/images/favicon.ico" />
Once you have completed these steps, send yourself a new test email and you will be able to see the favicon on the online version of your email.
What’s the point of favicons? – Ray Vellest
Automatic online versions of your email just got easier - Tom Chiverton
Posted by Carissa Lo
Line height is not always consistent when viewing emails in Outlook. This is especially true…
March 1, 2017
If you use an Email Service Provider, you now get some pretty powerful technology alongside…
February 10, 2017