Adding Custom HTML to Your Emails

The HTML content block lets you add code directly to your ContactMonkey emails, giving you full control over styling and advanced features.

What You Can Build with HTML

Use the HTML block to create content that goes beyond standard email elements:

• Anchor links that jump to specific sections within your email
• Custom animations using CSS (note: support varies by email client)
• Live content from third-party providers, like product recommendations, countdown timers, or dynamic maps
• HTML5 elements like embedded video players
• Precise styling with granular CSS control

How to Add an HTML Block

1. In the Email Builder, drag the HTML content block to your email
2. Click the "I'm a new HTML block." text to open the properties menu on the right
3. Paste or write your HTML code

Working with Third-Party Code

Many marketing tools provide HTML snippets for dynamic content. To use them:

1. Copy the code from your vendor (e.g., product recommendation engine, countdown timer service)
2. Paste it directly into your HTML block

Important Requirements

• Each HTML block accepts only one parent <div> tag
• If you have multiple div elements at the same level, wrap them in a single parent div
• Only specific HTML tags and attributes are supported for email security

Need the technical details? See our HTML Code Requirements and Allowed Tags article.

Best Practices

• Test across email clients: HTML and CSS support vary significantly between email providers
• Use animations sparingly: Many email clients don't support CSS animations
• Validate your code: Ensure your HTML is properly structured before adding it
• Keep accessibility in mind: Include alt text for images and semantic HTML where possible