-
Email HTML testing tools for web developers
My company, a small startup, asked me to create an email signature that can be customized and used by everyone on the team. They requested design that included a circular image of the sender, some styled text, and social media links. I personally prefer plain-text for my signatures, but wasn't able to sway their opinion. I was able to whip up a design in HTML and CSS pretty quickly, but immediately ran into compatibility issues with Gmail. I did some research, and found that newer CSS standards and inline CSS wouldn't work. So I started from scratch and rebuilt the signature using only basic styling and table elements to do the formatting. I also used the site Premailer to inline all of my CSS. This fixed the issue in Gmail, but everything changed when I tested the Outlook client on Windows. None of my styling was maintained, and none of the images were loading–the whole thing looked awful. So, I've been spending the past half-day or so looking for a solution, but not haven't had much luck. Unfortunately, most of the search results around email formatting are muddied by listicles on email marketing campaigns, so I'm not finding much technical help. I have found this site, Testi, that does help me with testing the signature on multiple clients, but I have yet to find any definitive guide for styling for Outlook.
#Email Marketing #Newsletter Marketing #Email Testing 3 social mentions
-
Premailer is a preflight for HTML e-mail that makes CSS inline, converts links and warns about unsupported code.
My company, a small startup, asked me to create an email signature that can be customized and used by everyone on the team. They requested design that included a circular image of the sender, some styled text, and social media links. I personally prefer plain-text for my signatures, but wasn't able to sway their opinion. I was able to whip up a design in HTML and CSS pretty quickly, but immediately ran into compatibility issues with Gmail. I did some research, and found that newer CSS standards and inline CSS wouldn't work. So I started from scratch and rebuilt the signature using only basic styling and table elements to do the formatting. I also used the site Premailer to inline all of my CSS. This fixed the issue in Gmail, but everything changed when I tested the Outlook client on Windows. None of my styling was maintained, and none of the images were loading–the whole thing looked awful. So, I've been spending the past half-day or so looking for a solution, but not haven't had much luck. Unfortunately, most of the search results around email formatting are muddied by listicles on email marketing campaigns, so I'm not finding much technical help. I have found this site, Testi, that does help me with testing the signature on multiple clients, but I have yet to find any definitive guide for styling for Outlook.
#Email Delivery #Email Marketing #Transactional Email 1 social mentions