+ All Categories
Home > Documents > Creating Effective HTML Email Campaigns -...

Creating Effective HTML Email Campaigns -...

Date post: 14-Jun-2020
Category:
Upload: others
View: 13 times
Download: 0 times
Share this document with a friend
51
Creating Effective HTML Email Campaigns This event is being recorded. You will receive a copy of the audio/video at the end of the presentation. 701 South Broad Street, Lititz, PA 17543 www.listrak.com 717.627.4528
Transcript
Page 1: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Creating Effective HTML Email Campaigns

This event is being recorded. You will receive a copy of the audio/video at the end of the presentation.

701 South Broad Street, Lititz, PA 17543 www.listrak.com 717.627.4528

Page 2: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Contact Info

Brent Shroyer Matt ElliottProduct Manager Client Services Manager717.627.4528 x 309 717.627.4528 x [email protected] [email protected]

701 South Broad Street, Lititz, PA 17543 www.listrak.com 717.627.4528

Page 3: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

About Listrak

www.listrak.com 717.627.4528

Page 4: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

In the Email Marketing World Content is Still King

Low-cost method for growing brand presenceFor many consumers it is the primary source of information from a brandCopy can be dynamic and extremely relevant when tied to database of profile informationIt is personal communicationHTML creative can be compelling & interactive

Page 5: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Challenges with Email Content

DeliverabilityWhere are your messages going?

RelevancyAre you telling your recipients what they want to know?

RenderingWhat do your messages look like when they arrive?

Page 6: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Content Effects Deliverability

Messages can be blocked or sent to ‘junk’ folder based on content

Avoid over using certain words and phrases that are perceived as ‘spammy’ Be cognizant of text-too-image ratioUse standard colors and fontsAvoid excessive use of all-caps and exclamation pointsProvide a working unsubscribe mechanism to avoid complaintsUse a seed list or third-party to test deliverability

Page 7: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Relevancy

Maintain relevance or risk losing the subscriber Turn off the recipient and they will unsubscribe or worse yet, hit the ‘this is spam’ buttonComplaints are a direct result of content that is not relevant and can have a detrimental impact on deliverability

What you can do to keep content relevantUtilize your existing database(s) to segment and profile your customersPersonalize your content

Page 8: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Rendering Issues

HTML support varies across platforms and email clientsImage blocking is now the default on over 60% of email clientsPlacement and design of call-to-action is crucialWhat works on a web page may not work in email

Page 9: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

HTML Content Design Tips and Tricks

Page 10: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Avoid CSS

www.listrak.com 717.627.4528

Page 11: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

CSS Layout In Web Browser

www.listrak.com 717.627.4528

Page 12: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

CSS Layout In Yahoo! Mail

www.listrak.com 717.627.4528

Page 13: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

CSS Layout In Windows Live Hotmail

www.listrak.com 717.627.4528

Page 14: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

CSS Layout In Outlook 07

www.listrak.com 717.627.4528

Page 15: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

CSS Layout In Gmail

www.listrak.com 717.627.4528

Page 16: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Fighting the Good Fight

www.listrak.com 717.627.4528

The Email Standards Projectwww.email-standards.org

Page 17: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Targeting the Lowest Common Denominator

www.listrak.com 717.627.4528

Stick to Basic HTML

Page 18: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Use Tables for Position & Structure

www.listrak.com 717.627.4528

Page 19: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Use Tables for Position & Structure

Avoid rowspans or colspansDesign for the preview pane: Use 600px widthBe careful with nested tablesOutlook 07 does not support background images in table cells

Use a Background color that works if image isn’t seen<td background="http://www.listrak.com/listrak.gif" bgcolor="#3366CC">

www.listrak.com 717.627.4528

Page 20: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

HTML Tips

Use proper and valid HTML - Close all tagsRemove extraneous code such as meta tags and comments from the HTMLUse <P> tags for alignment purposesUse <br><br> tags to separate paragraphs

www.listrak.com 717.627.4528

Page 21: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Do Not Use

Form ElementsFlashEmbedded MediaJavaScript, DHTML, ActiveX, ASP, PHP, etc.FramesImage Maps

www.listrak.com 717.627.4528

Page 22: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Video In Email

www.listrak.com 717.627.4528

Page 23: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Body Tag

The <body> tag may be stripped or ignoredIf you wish to fill the background with a color, add a table with a 100% width around your creative and repeat the bgcolor in the table cell

www.listrak.com 717.627.4528

Page 24: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Images

All images should be optimized .gif or .jpg formats preformatted in the correct sizeMake sure all images are posted online and contain the full URL, not just the local referenceApply height and width parameters to all imagesApply alt tags to images <img src="http://www.listrak.com/listrak.gif" alt="Email Marketing with Listrak"

width="106" height="49">

www.listrak.com 717.627.4528

Page 25: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Images Turned Off Using alt Tags

www.listrak.com 717.627.4528

Page 26: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Images

Remember, by default, many email clients will turn images off Plan for this with a good balance of images and HTML text

www.listrak.com 717.627.4528

Page 27: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Links

Make sure all links contain the full URL, not just the local referenceListrak Users - Use title tags on your links. Listrak reports use this title instead of the URL<a href="http://www.listrak.com" title="Listrak Site">

Click to check all links in your test sendsPay attention to URL query strings

www.listrak.com 717.627.4528

Page 28: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Fonts

Use basic HTML font tags<font face="Verdana, Arial, Helvetica, sans-serif" size="2">My text</font>

If you use CSS font formatting, use inline styles for best compatibilityMake sure you do not use the same color text as the background essentially making the text invisible

www.listrak.com 717.627.4528

Page 29: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Content Tags

Check and verify personalization tagsCheck and verify dynamic content tags

www.listrak.com 717.627.4528

Page 30: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Pre-Header

Initial Text – Main offer, call to action, marketing messageBrowser linkAddress book addition requestAvoid instruction overkill

www.listrak.com 717.627.4528

Page 31: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Pre-Header

www.listrak.com 717.627.4528

Page 32: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Content

Establish a clear call to action above the fold… Within the top 300px. Buttons work! Don’t be afraid to use them.Bulletproof button:

www.listrak.com 717.627.4528

Page 33: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Content

Make sure your branding settings are set up correctly so that the tracking URLs are your own branded domain and not the default shared domainLink to documents rather than attach them

www.listrak.com 717.627.4528

Page 34: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Footer

Physical addressUnsubscribe linkPass-along link

www.listrak.com 717.627.4528

Page 35: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Dreamweaver Specific Tips

Start by adding a basic font tag to the code rather than using the properties area to formatTo color links without CSS, make sure the font tag is inside the link tag:<a href=“htttp://www.listrak.com”><font color=“#006699”>My Link</font></a>

Be sure to wrap bulleted lists with font tag

www.listrak.com 717.627.4528

Page 36: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

www.listrak.com 717.627.4528

Page 37: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

www.listrak.com 717.627.4528

Page 38: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

www.listrak.com 717.627.4528

Page 39: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

www.listrak.com 717.627.4528

Page 40: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Final Review

HTML – Keep It SimpleDesign – Clear Call To ActionBalance Images and HTML textFollow CAN Spam regulationsTest, Test, Test!

www.listrak.com 717.627.4528

Page 41: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Testing Content for Rendering

Know your audienceB-to-B

Email clients such as Outlook, Entourage, Lotus NotesContent filtering technologies (Brightmail, Postini, MX Logic, etc.)

B-to-CPersonal email clients (Outlook Express, Thunderbird)Web-based mailbox providers (AOL, Yahoo, Gmail, etc)

Page 42: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Testing Content Cont’d

Test every link and imageIf you make the slightest edit – retestUtilize the built-in features provided by your ESP

Listrak has Spam Score feature available to all account levelsEnterprise level account includes integration with Return Path’s Sender Score Suite

Page 43: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Using Seed Lists for Testing

Build your ownPro: InexpensiveCon: Time-intensive manual process

Use a third-party provider such as Return Path or Pivotal Veracity

Pro: One-step process with access to many email clients and content filtering technologies.Con: Cost

Page 44: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Example of Return Path’s Campaign Preview Tool

With Images Turned On

Page 45: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Campaign Preview with Images Off

With Images Turned Off

Page 46: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Campaign Preview Spam Filter Check

Page 47: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Testing Effectiveness

A/B (split) TestsMulti-Variant TestsSubject Line Tests

Key wordsLength

Content Design TestsOffersCall to action design and placement

Page 48: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Determining Effectiveness

Open and read rates are no longer the standard for successClick rates and conversion rates tell the better storyNeed to tie all channels together to email to properly attribute email marketing reachEvaluate results and modify strategy as needed

Page 49: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Conclusion

Pay heed to your contentUse best practicesKnow your audienceTest, test and re-testUnderstand your performance metrics and know how to act on them

Page 50: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

Upcoming Webinar

List Management Strategies forEmail Marketers

June 24, 2008 1:00-2:00 EST

http://www.listrak.com/webinar/List-Management.asp

www.listrak.com 717.627.4528

Page 51: Creating Effective HTML Email Campaigns - Listrakmedia.listrak.com/university/videos/HTML-Design/HTML-Email-Camp… · Creating Effective HTML Email Campaigns This event is being

2008 Email Marketing Days

www.listrak.com 717.627.4528

• Keynote – David Daniels, JupiterResearch

• 3 session tracks

• 2 networking events

• Personalized one-to-one sessions with industry experts

• Guest Speaker – Chad White, eec• Email Design & Rendering Strategies

• All attendees will receive a free copy of Chad’s book

Retail Email Rendering Benchmark Report$200 value

www.listrak.com/emailmarketingdays


Recommended