SENSE INSIDER Lifestyle And Technology Stuffs
HTML Email Template
HTML Email Template is a visual presentation of an email body. In traditional email we can send plain text or a little number of formatted text we can send as email body. But when it comes to a campaign or marketing proposal email we have to provide a visual representation of a letter with images, colorful text, link etc. An HTML Template is like a web page. We can make a stylish template by writing HTML & CSS code. Today I will show you how to test HTML Email Template before rolling out to production.
Difference Between HTML Email Template & Web Page
Although HTML Email Template is also a web page but there is slightly some difference. The main difference is we can not embed image from offline storage source with a template. We have to first upload the image to a accessible web server. Then we can embed image with template. Also it is a good practice to write inline or internal CSS in HTML template. Also most mail provider does not support bootstrap and moving element like hover effect in template. You can’t also use JavaScript code in HTML template. Below is an example of HTML template which I have created with internal CSS & HTML.
Now let’s see how to test a HTML Email template.
#1 Step
First of all you have to make your template email friendly inline. Otherwise the representation of the email body may break down. The most easiest way for making an email template inline is this website. You can convert your template into inline email template by this simple CSS Inliner Tools. Just copy and paste the full code of your template there & click CONVERT button. Then it will return your converted code in another box.
#2 Step
Now it time to test your template. For testing the template there are may ways. I personally prefer Litmus PutsMail. Fill the box correctly. In recipients box you have to put your own email where you want to receive a copy of that exact template. You can add multiple recipients. Enter a subject line. In the body just paste all the code that you have got from Step 1.
#3 Step
Before sending the letter to your email Litmus PutsMail will send a verification mail to the recipients for protecting from spamming. Just click “Yes, I am happy to accept email drafts”. Within 1 or 2 minutes you will get your HTML email letters exactly same as your receiver will see.
The benefit of testing a template in this way is you can see exactly what your receiver will see. If you face any problem feel free to write a comment.
