Overview
When using the Campaign Editor, you can customize your layout and styling using simple HTML tags. This is available in the different variable fields in your program’s emails, pop-ups, landing pages and terms.
Basic Text Formatting
Heading and Paragraph Styling
<h1>This is a heading of text.</h1>
<p>This is a paragraph of text.</p>
Line Break (Return)
Line one.<br>Line two.
Bold
<strong>Bold text</strong>
or
<b>Boldtext</b>
Italic
<em>Italic text</em>
Underline
<u>Underlined text</u>
Lists
Bullet Points (Unordered List)
<ul>
<li>First item</li>
<li>Second item</li>
</ul>
Numbered List (Ordered List)
<ol>
<li>Step one</li>
<li>Step two</li>
</ol>
Links
Hyperlink
link to open in the same tab:
<a href="https://example.com">Click here</a>
link to open in a new tab:
<ahref="https://example.com" target="_blank">Clickhere</a>
Styling and Colors
Text Color
<span style="color: #FF0000;">Red text</span>
Background Color
<div style="background-color: #F0F0F0;">Light gray background</div>
Inline Styles for Font Size and Weight
<p style="font-size: 16px; font-weight: bold;">Larger bold text</p>
Layout
Left Aligned Text
<div style="text-align: left;">Centered content</div>
Centered Text
<div style="text-align: center;">Centered content</div>
Margin Spacing
<div style="margin: 20px 0;">Space above and below</div>
Best Practices
Keep your HTML clean and simple to ensure compatibility across devices and email clients.
Always preview your changes using the Campaign Editor's built-in preview tool.
Avoid using external fonts or scripts.
In campaign editor new lines are not rendered, be sure to use <br> tags to enforce newlines
If you have questions or need assistance, you can always email us at [email protected].