• No results found

Creating Effective HTML Campaigns

N/A
N/A
Protected

Academic year: 2021

Share "Creating Effective HTML Campaigns"

Copied!
51
0
0

Loading.... (view fulltext now)

Full text

(1)

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.

(2)

Contact Info

Brent Shroyer Matt Elliott

Product Manager Client Services Manager

717.627.4528 x 309 717.627.4528 x 313

[email protected] [email protected]

(3)

About Listrak

(4)

In the Email Marketing World

Content is Still King

ƒ Low-cost method for growing brand presence ƒ For many consumers it is the primary source of

information from a brand

ƒ Copy can be dynamic and extremely relevant when tied to database of profile information

ƒ It is personal communication

(5)

Challenges with Email Content

ƒ Deliverability

ƒ Where are your messages going?

ƒ Relevancy

ƒ Are you telling your recipients what they want to know?

ƒ Rendering

(6)

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 ratio

ƒ Use standard colors and fonts

ƒ Avoid excessive use of all-caps and exclamation points

ƒ Provide a working unsubscribe mechanism to avoid complaints

(7)

Relevancy

ƒ Maintain relevance or risk losing the subscriber

ƒ Turn off the recipient and they will unsubscribe or worse yet, hit the ‘this is spam’ button

ƒ Complaints 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 relevant

ƒ Utilize your existing database(s) to segment and profile your

customers

(8)

Rendering Issues

ƒ HTML support varies across platforms and email clients

ƒ Image blocking is now the default on over 60% of email clients

(9)
(10)

Avoid CSS

(11)

CSS Layout In Web Browser

(12)

CSS Layout In Yahoo! Mail

(13)

CSS Layout In Windows Live Hotmail

(14)

CSS Layout In Outlook 07

(15)

CSS Layout In Gmail

(16)

Fighting the Good Fight

www.listrak.com 717.627.4528

(17)

Targeting the Lowest Common Denominator

www.listrak.com 717.627.4528

(18)

Use Tables for Position & Structure

(19)

Use Tables for Position & Structure

ƒ Avoid rowspans or colspans

ƒ Design for the preview pane: Use 600px width ƒ Be careful with nested tables

ƒ Outlook 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">

(20)

HTML Tips

ƒ Use proper and valid HTML - Close all tags

ƒ Remove extraneous code such as meta tags and comments from the HTML

ƒ Use <P> tags for alignment purposes

ƒ Use <br><br> tags to separate paragraphs

(21)

Do Not Use

ƒ Form Elements ƒ Flash

ƒ Embedded Media ƒ JavaScript, DHTML,

ActiveX, ASP, PHP, etc. ƒ Frames

ƒ Image Maps

(22)

Video In Email

(23)

Body Tag

ƒ The <body> tag may be stripped or ignored

ƒ If 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

(24)

Images

ƒ All images should be optimized .gif or .jpg formats preformatted in the correct size

ƒ Make sure all images are posted online and

contain the full URL, not just the local reference ƒ Apply height and width parameters to all images ƒ Apply alt tags to images

<img src="http://www.listrak.com/listrak.gif" alt="Email Marketing with Listrak" width="106" height="49">

(25)

Images Turned Off Using alt Tags

(26)

Images

ƒ Remember, by default, many email clients will turn images off

ƒ Plan for this with a good balance of images and HTML text

(27)

Links

ƒ Make sure all links contain the full URL, not just the local reference

ƒ Listrak 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 sends ƒ Pay attention to URL query strings

(28)

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 compatibility

ƒ Make sure you do not use the same color text as the background essentially making the text

invisible

(29)

Content Tags

ƒ Check and verify personalization tags ƒ Check and verify dynamic content tags

(30)

Pre-Header

ƒ Initial Text – Main offer, call to action, marketing message

ƒ Browser link

ƒ Address book addition request ƒ Avoid instruction overkill

(31)

Pre-Header

(32)

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:

(33)

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

domain

ƒ Link to documents rather than attach them

(34)

Footer

ƒ Physical address ƒ Unsubscribe link ƒ Pass-along link

(35)

Dreamweaver Specific Tips

ƒ Start by adding a basic font tag to the code rather than using the properties area to format

ƒ To 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

(36)
(37)
(38)
(39)
(40)

Final Review

ƒ HTML – Keep It Simple

ƒ Design – Clear Call To Action ƒ Balance Images and HTML text ƒ Follow CAN Spam regulations ƒ Test, Test, Test!

(41)

Testing Content for Rendering

ƒ Know your audience ƒ B-to-B

ƒ Email clients such as Outlook, Entourage, Lotus Notes ƒ Content filtering technologies (Brightmail, Postini,

MX Logic, etc.)

ƒ B-to-C

(42)

Testing Content Cont’d

ƒ Test every link and image

ƒ If you make the slightest edit – retest

ƒ Utilize the built-in features provided by your ESP

ƒ Listrak has Spam Score feature available to all account levels

(43)

Using Seed Lists for Testing

ƒ Build your own

ƒ Pro: Inexpensive

ƒ Con: 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.

(44)

Example of Return Path’s

Campaign Preview Tool

(45)

Campaign Preview with

Images Off

(46)
(47)

Testing Effectiveness

ƒ A/B (split) Tests ƒ Multi-Variant Tests ƒ Subject Line Tests

ƒ Key words ƒ Length

ƒ Content Design Tests

ƒ Offers

(48)

Determining Effectiveness

ƒ Open and read rates are no longer the standard for success

ƒ Click rates and conversion rates tell the better story

ƒ Need to tie all channels together to email to properly attribute email marketing reach

(49)

Conclusion

ƒ Pay heed to your content ƒ Use best practices

ƒ Know your audience ƒ Test, test and re-test

(50)

Upcoming Webinar

List Management Strategies for

Email Marketers

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

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

(51)

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

References

Related documents