I’ve created an email template that has to look like it is a one-to-one email written and send by a sales person. There was no styling to begin with, only a font setting. The only problem I have is that the email appears like a column in the center of the email client. It is not left aligned so it doens’t look like it’s a personal email.
The answers in this thread didn’t help me, because they are aimed towards outlook (this is something that shows on all email clients) and changing css (but I didn’t add any in the first place).
HubSpot’s drag-and-drop email builder automatically has a fixed size and centers content so, when I build email templates like this, I usually just create a coded email template. Something like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<title>{% if content.html_title and content.html_title != '' %}{{ content.html_title }}{% else %}{{ content.body.subject }}{% endif %}</title>
<meta property="og:title" content="{% if content.html_title and content.html_title != '' %}{{ content.html_title }}{% else %}{{ content.body.subject }}{% endif %}">
<meta name="twitter:title" content="{% if content.html_title and content.html_title != '' %}{{ content.html_title }}{% else %}{{ content.body.subject }}{% endif %}">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
{% if content.meta_description %}<meta name="description" content="{{ content.meta_description }}"/>{% endif %}
</head>
<body dir="ltr">
<div id="divtagdefaultwrapper" style="font-size:12pt;color:#000000;font-family:Calibri,Helvetica,sans-serif;" dir="ltr">
{% content_attribute "email_body" %}<p>Hi {{ contact.firstname }},</p>
<p>Describe what you have to offer the customer. Why should they read? What did you promise them in the subject line? Tell them something cool. Make them laugh. Make them cry. Well, maybe don't do that...</p>
<p>Use a list to:</p>
<ul>
<li>Explain the value of your offer</li>
<li>Remind the reader what they’ll get out of taking action</li>
<li>Show off your skill with bullet points</li>
<li>Make your content easy to scan</li>
</ul>
<p><a href="http://hubspot.com">LINK TO A LANDING PAGE ON YOUR SITE</a> (This is the really important part.)</p>
<p>Now wrap it all up with a pithy little reminder of how much you love them.</p>
<p>Aw. You silver-tongued **bleep**, you.</p>
<p>Sincerely,</p>
<!-- Signature -->
<p><br><span>Your Name Here</span><br>
<span>{{site_settings.company_name}}, {{site_settings.company_street_address_1}}, {{site_settings.company_street_address_2}}, {{site_settings.company_city}}, {{site_settings.company_state}}, {{site_settings.company_zip}}.</span><br><br>
<span><a data-unsubscribe="true" href="{{ unsubscribe_link_all }}">unsubscribe</a> | <a data-unsubscribe="true" href="{{ unsubscribe_link }}">update your preferences</a></span></p>
{% end_content_attribute %}
</div>
</body>
</html>
(I did take the code from an Outlook email originally, but it should work anywhere)
If you go to Design Manager, create a HTML + HubL email file and paste that in, you should get something pretty plain when using the template on your email tool:
