Email Format Formula

[bigcufon]Ultimate Email Format Formula Webinar Replay[/bigcufon]

[acvta tag_format=”%vid_title% (%vid_id%) %vid_percentage%” video_id=”gOYTGF9aF-E” video_type=”youtube” video_perc=”0,25,50,75,80,85,90,95,99,100″ email=”[wlm_email]” event_name=”Watched Video” video_width=”640″ video_height=”480″]

Feel free to ask questions below on anything about email formatting. (Just ask one question at a time, please.)

Simple Responsive HTML Email Template (To Be Updated)

It contains code to handle yahoo issues, p tag issues, spacing issues in all desktop and mobile devices, a place for custom email previews and even includes special code for use with images…

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Rabbit</title>









</head>
<body>
<style type="text/css">
.ReadMsgBody {width: 100%;}
.ExternalClass {width: 100%;}
.eoa_l3r{}
div.preheader 
{ display: none !important; } 
p {margin: 1em 0;}
span.yshortcuts { color:#000; background-color:none; border:none;}
span.yshortcuts:hover,
span.yshortcuts:active,
span.yshortcuts:focus {color:#000; background-color:none; border:none;}
</style>
<div class="preheader eoa_l3r" style="display:none !important;">This is my awesome pre-header. It makes the preview of my emails look awesome so matter what I say... or don't say at the beginning of my emails. It gives a more powerful preview of my emails, so subscribers are more likely to open my emails. The cool thing is it doesn't show up in my actual email. It just shows up in the preview. I combine it with the subject line to give a powerful reason why and relevance to what's going on in their head.... I keep it short and sweet.... (8 to 12 words)... not long and drawn out like this explanation... (I just need to make sure I keep it between these two div tags...</div>
<table style="margin: 0; font-family: Arial; padding: 0; width: 100%;"><tr><td bgcolor="#FFFFFF" style="max-width: 600px !important; clear: both !important; margin: 0; padding: 12px; font-family: Arial; font-size:18px; display: block !important;">
This is my amazing opening.<br><br>It compels my subscribers to keep reading...<br /><br /><a href="http://www.emailresponsewarrior.com" style="text-decoration:underline;">Here is my call to action with special code to make sure gmail on mobile keeps it underlined...</a><br /><br />
Talk soon,<br />
Jason<br /><br /><img alt="Compelling reason to turn on images goes here..." src="https://s3.amazonaws.com/EmailResponseWarrior/images/banners/monicanews.jpg" style="max-width: 100%; height: auto; border-width: 1px; border-style: solid; display: block; text-align: center; font-size: 18px; padding: 8px;" width="200" height="209" border="1" /><br /><br /><br /><br />
</td></tr></table>

<style type="text/css">
.ReadMsgBody {width: 100%;}
.ExternalClass {width: 100%;}
.eoa_l3r{}
div.preheader 
{ display: none !important; } 

span.yshortcuts { color:#000; background-color:none; border:none;}
span.yshortcuts:hover,
span.yshortcuts:active,
span.yshortcuts:focus {color:#000; background-color:none; border:none;}
</style>
</body>
</html>

[infopopup:formatformula]

19 thoughts on “Email Format Formula”

  2. Jason

    I use aweber.
    Is there some way this template can be loaded to it? (They do have a template section.)

    Or do I have to use the txt editor and paste it in that way for every new email?

    ↓
    1. Big Rabbit Post author

      hey Jason.

      you would need to contact support, but I think it is possible.

      however, I am doing a webinar on the template Monday.

      plus, I’ll be going live with Aweber.

      jason

      ↓
  3. Caleb Osborne

    Hey I was trying to use your advanced formatting on a new icontact broadcast — but in testing the message to some of my diff email addys — the image wasn’t showing the “alt” text that I put in there — any ideas whatsusp?

    ↓
    1. Big Rabbit Post author

      what email providers didn’t show the alt text? post your code here.

      i wouldn’t be too worried about it. as long its there correctly and showing in the inboxes that support it.

      but would like to investigate more.

      jason

      ↓
    1. Big Rabbit Post author

      no idea. i’ll let you know. they’re good to know as is.

      adequacy is the enemy of excellence, so i’m sure i’ll be updating them in the future based on my continual testing.

      jason

      ↓
  5. Trent Lee

    Jason, when I load the advanced html into office auto pilot and send myself a test email, it looks great on my computer, but on my iphone the font is pretty small (formatting is great).

    How do I update that?

    ↓
      1. Big Rabbit Post author

        If you’re using OAP, they have TWO areas for code. don’t copy and paste the entire template into the content area.

        And OAP doesn’t give you access to the body tag, so don’t copy that part.

        jason

        ↓
    1. Big Rabbit Post author

      I use Skitch from Evernote (Mac) and then Adobe Fireworks. But any screen capture and editing with your graphics program will work fine. I also have a transparent video play button I can share if anybunny would find that useful to have.

      Sometimes (based on the player), there is no play button when clicking pause.

      ↓
  8. Daniel Sanchez

    Hey Big Jason. Looking forward to seeing your approach on email formats and structure. So far, lots of great content. Keep on doing what you do best…

    ↓

Leave a Reply