Xpert Summit 2011: Avoiding HTM-Hell

20
Avoiding HTM-Hell Commonly used HTML tags and best practices Dara Corrato Client Services Advocate

Transcript of Xpert Summit 2011: Avoiding HTM-Hell

Page 1: Xpert Summit 2011: Avoiding HTM-Hell

Avoiding HTM-HellCommonly used HTML tags

and best practices

Dara Corrato

Client Services Advocate

Page 2: Xpert Summit 2011: Avoiding HTM-Hell

Setting the expectations• HTML basics

• Common HTML tags

• HTML in eXpress 9

• HTML Best Practices

• Questions & Answers

Page 3: Xpert Summit 2011: Avoiding HTM-Hell

HTML Basics - The What?• Hyper Text Markup Language

• Tags

<html>

<body>

Here is the body of my email

</body>

</html>

Text

Page 4: Xpert Summit 2011: Avoiding HTM-Hell

HTML Basics - The What?• Attributes

<span style="font-family: Verdana; font-size: 12pt; ">

<style=color:purple>Text

Page 5: Xpert Summit 2011: Avoiding HTM-Hell

HTML Basics - The Why?• Provides formatting not available with

plain text

• Hyperlinking

• Branding

Page 6: Xpert Summit 2011: Avoiding HTM-Hell

Common HTML Tags<b>bold</b>

<i>italic</i>

<u>underline</u>

<img src = “logo.jpg”>

<a href=”http://www.targetx.com”>our website</a>

mailto: [email protected]

Page 7: Xpert Summit 2011: Avoiding HTM-Hell

Common HTML Tags<h1> Header text </h1>

<hr> horizontal rule </hr>

<p> paragraph </p>

<br> break </br>

Page 8: Xpert Summit 2011: Avoiding HTM-Hell

Common HTML TagsOrdered list (numbered)

<ol><li>

<li>

<li>

</li></ol>

1. list

2. list

3. list

Page 9: Xpert Summit 2011: Avoiding HTM-Hell

Common HTML Tags Unordered list (bulleted)

<ul><li>

<li>

<li>

</li></ul>

•list

•list

•list

Page 10: Xpert Summit 2011: Avoiding HTM-Hell

Common HTML Tags<table border=0>

<tr>

<td>Date</td>

<td>Time</td>

<td>Location>/td>

</tr>

<td>July 14</td>

<td>2:30</td>

<td>The Hub</td>

</tr>

</table>

Date Time Location

July 14 2:30 The Hub

Page 11: Xpert Summit 2011: Avoiding HTM-Hell

eXpress 9 Editor• WYSIWYG

• HTML clean up

• eXpress9 Editor pdf document

http://www.targetx.com/express9editor

Page 12: Xpert Summit 2011: Avoiding HTM-Hell

New eXpress 9 Editor

Page 13: Xpert Summit 2011: Avoiding HTM-Hell

New eXpress 9 Editor

Page 14: Xpert Summit 2011: Avoiding HTM-Hell

New eXpress 9 Editor

Page 15: Xpert Summit 2011: Avoiding HTM-Hell

New eXpress 9 Editor

Page 16: Xpert Summit 2011: Avoiding HTM-Hell

Best Practices• Start with the basics

• 8 seconds

• Call to action

• Merge fields

• Test

Page 17: Xpert Summit 2011: Avoiding HTM-Hell

Best Practices• Subject line

• The Power of the P.S.

• Coordination

• Frequency / follow up

• The apology

Page 18: Xpert Summit 2011: Avoiding HTM-Hell

Things to consider• Not always email reader friendly

• Can render slowly

• Higher security risk

• Deceiving statistics

Page 19: Xpert Summit 2011: Avoiding HTM-Hell

Troubleshooting• Do not use trackable URLs in your message

• Do not use links to your local computer

• Make sure all tags are closed

• Link tracking

Page 20: Xpert Summit 2011: Avoiding HTM-Hell

Questions & AnswersThank You!

Dara Corrato

[email protected]

877.715.7474 x112

AIM: dcorrato

Twitter: @daracorrato