email basics & html. overview subject line best practices email best practices – content &...
TRANSCRIPT
![Page 1: Email Basics & HTML. Overview Subject line best practices Email best practices – content & formatting How to navigate HTML HTML email demo Q&A](https://reader036.vdocuments.site/reader036/viewer/2022062314/56649dc45503460f94ab72a0/html5/thumbnails/1.jpg)
Email Basics & HTML
![Page 2: Email Basics & HTML. Overview Subject line best practices Email best practices – content & formatting How to navigate HTML HTML email demo Q&A](https://reader036.vdocuments.site/reader036/viewer/2022062314/56649dc45503460f94ab72a0/html5/thumbnails/2.jpg)
Overview
• Subject line best practices• Email best practices – content &
formatting• How to navigate HTML• HTML email demo• Q&A
![Page 3: Email Basics & HTML. Overview Subject line best practices Email best practices – content & formatting How to navigate HTML HTML email demo Q&A](https://reader036.vdocuments.site/reader036/viewer/2022062314/56649dc45503460f94ab72a0/html5/thumbnails/3.jpg)
Subject Line Best Practices
• 50 characters or less• Concise & informative – but show your
personality!• Avoid spam filters:
– ALL CAPS– Multiple punctuation!!!– Dollar signs $– “Spammy” language – “free,” “percent off,”
“act now”
![Page 4: Email Basics & HTML. Overview Subject line best practices Email best practices – content & formatting How to navigate HTML HTML email demo Q&A](https://reader036.vdocuments.site/reader036/viewer/2022062314/56649dc45503460f94ab72a0/html5/thumbnails/4.jpg)
Subject Line Best Practices
35%of email recipients open
email based on the subject line alone
(Jay Baer, Convince & Convert News)
x Too long: 106 charactersx Boring!x Important information is toward the end
Shorter: 49 characters Actionable Concise
Shorter: 51 characters Catchy Relevant Informative
![Page 5: Email Basics & HTML. Overview Subject line best practices Email best practices – content & formatting How to navigate HTML HTML email demo Q&A](https://reader036.vdocuments.site/reader036/viewer/2022062314/56649dc45503460f94ab72a0/html5/thumbnails/5.jpg)
Email Best Practices - Content
• Use common sense! – Communicate:
• Clearly• Succinctly• Consistently• With personality
• Keep most important content “above the fold”
• Include a call to action• Include physical address in the footer• Unsubscribe option• Test, test, test!!!
the “fold”
![Page 6: Email Basics & HTML. Overview Subject line best practices Email best practices – content & formatting How to navigate HTML HTML email demo Q&A](https://reader036.vdocuments.site/reader036/viewer/2022062314/56649dc45503460f94ab72a0/html5/thumbnails/6.jpg)
Email Best Practices – the bad
Are you excited to read this??? After reading it, do you have a clear picture of what to do?
![Page 7: Email Basics & HTML. Overview Subject line best practices Email best practices – content & formatting How to navigate HTML HTML email demo Q&A](https://reader036.vdocuments.site/reader036/viewer/2022062314/56649dc45503460f94ab72a0/html5/thumbnails/7.jpg)
Email Best Practices – the ugly
Yes, I’ve seen emails like this. Just don’t let them come from your office!
![Page 8: Email Basics & HTML. Overview Subject line best practices Email best practices – content & formatting How to navigate HTML HTML email demo Q&A](https://reader036.vdocuments.site/reader036/viewer/2022062314/56649dc45503460f94ab72a0/html5/thumbnails/8.jpg)
Email Best Practices – the good
More communication, fewer words
Visually appealing
![Page 9: Email Basics & HTML. Overview Subject line best practices Email best practices – content & formatting How to navigate HTML HTML email demo Q&A](https://reader036.vdocuments.site/reader036/viewer/2022062314/56649dc45503460f94ab72a0/html5/thumbnails/9.jpg)
Email Best Practices - Formatting
• Font size: 13px and up• Avoid using red text – can trigger spam
filters• Use “alt” tags for
all images
“alt” text
![Page 10: Email Basics & HTML. Overview Subject line best practices Email best practices – content & formatting How to navigate HTML HTML email demo Q&A](https://reader036.vdocuments.site/reader036/viewer/2022062314/56649dc45503460f94ab72a0/html5/thumbnails/10.jpg)
Keep mobile in mind!
From line becomes more prominent
Subject line length
First few lines of your email are important
Mobile now makes up the majority
of email opens at 51% (Litmus)
![Page 11: Email Basics & HTML. Overview Subject line best practices Email best practices – content & formatting How to navigate HTML HTML email demo Q&A](https://reader036.vdocuments.site/reader036/viewer/2022062314/56649dc45503460f94ab72a0/html5/thumbnails/11.jpg)
<body><!--HEADER START--><div id="header"> <div id="header_logo"> <div id="outcomes_logo"><a href="http://www.theoutcomessurvey.com"><img src="../images/logo.png" alt="The Outcomes Survey" width="560" height="97" border="0" /></a></div> <div id="cso_logo"> Powered by<br /> <a href="http://www.csoresearch.com" target="_blank"><img src="../images/cso_logo.jpg" alt="CSO Research" width="90" height="38" border="0" /></a></div> </div> <div id="top_menu_bar"> <div id="top_nav"> <ul> <li><a href="http://www.theoutcomessurvey.com">Home</a></li> <li><a href="http://www.theoutcomessurvey.com/why_outcomes.html">Why Outcomes?</a></li> <li><a href="http://www.theoutcomessurvey.com/the_survey.html">The Survey</a></li> <li><a href="http://www.theoutcomessurvey.com/team.html">The Team</a></li> </ul> <div id="demo_button"><a href="http://www.theoutcomessurvey.com/demo.html" class="demo_button"><img src="../images/icon_demo.png" alt="" width="21" height="20" />Request a Demo</a></div> <div id="grad_nav"><em>Taking the survey and need help? Read our <a href="http://www.theoutcomessurvey.com/grads/faq.html">FAQ</a></em></div> </div> </div></div><!--HEADER END-->
When you see this
Do you feel like this?
![Page 12: Email Basics & HTML. Overview Subject line best practices Email best practices – content & formatting How to navigate HTML HTML email demo Q&A](https://reader036.vdocuments.site/reader036/viewer/2022062314/56649dc45503460f94ab72a0/html5/thumbnails/12.jpg)
HTML Overview
• Syntax<p>Your text here</p>
• Nesting tags<p><u>Your underlined text here</u></p>
opening tag
closingtag
displayed content
<p> tag is outside
<u> tag nested inside
Your text here
Your underlined text here
![Page 13: Email Basics & HTML. Overview Subject line best practices Email best practices – content & formatting How to navigate HTML HTML email demo Q&A](https://reader036.vdocuments.site/reader036/viewer/2022062314/56649dc45503460f94ab72a0/html5/thumbnails/13.jpg)
Live Demo - Email
![Page 14: Email Basics & HTML. Overview Subject line best practices Email best practices – content & formatting How to navigate HTML HTML email demo Q&A](https://reader036.vdocuments.site/reader036/viewer/2022062314/56649dc45503460f94ab72a0/html5/thumbnails/14.jpg)
Q&A
<p>I have a <strong><em>question!</em></strong></p>
I have a question!