HTML Block Guidelines for Email Editor

When using the HTML block in the Campaign Email Editor , please follow these guidelines to ensure proper email rendering across all email clients.

Strictly Prohibited Elements

1. Document Structure Tags

DO NOT USE:

<html>
<head>
<body>
<footer>
<header>
<section>
<article>
<aside>
<nav>

Why: The email editor automatically wraps your content in the proper email structure. Adding these tags will cause conflicts and rendering issues.

Correct Approach: Start directly with your content, using <table> as the main container.

<tr>

<td>

Your email content starts here

</td>

</tr>
</table>

2. Interactive Code

DO NOT USE:

JavaScript (including any <script> tags)
Flash
Forms (<form>, <input>, <textarea>, <select>, etc.)
Iframes (<iframe>)

Why: Most email clients block interactive elements for security reasons. They will either be stripped out or cause your email to be flagged as spam.

Alternative Solutions:

<tr>

Take Action

</a>

</td>

</tr>
</table>

3. Style Tag Overrides

DO NOT declare styles directly on HTML built-in tags in <style> blocks.

Prohibited tags include: html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, a

Why: These global style resets can conflict with the email editor's built-in styles and break the layout of other email blocks.

<style>

div {

background: #FFFFFF;

}

p {

color: #000000;

}

</style>

<style>

.custom-background {

background: #FFFFFF;

}

.custom-text {

color: #000000;

}

</style>

<p class="custom-text">Your content here</p>
</div>

Page updated

Google Sites

Report abuse