Email marketing generates an average return of $36 for every $1 spent — higher than any other digital channel. But that ROI doesn't come automatically. It comes from campaigns that are beautifully designed, precisely coded, rigorously tested, and engineered for deliverability. This is the guide to building all four.
EDM stands for Electronic Direct Mail — the umbrella term for branded HTML email campaigns sent to a subscriber list. Unlike plain-text newsletters, an EDM is a designed, coded creative that must render consistently across dozens of email clients, devices, and screen sizes. Getting that right is a discipline in itself.
What Is an EDM, Exactly?
An EDM is a marketing email built with HTML and inline CSS — not a word processor document or a drag-and-drop template screenshot. It's a coded file that email clients (Gmail, Outlook, Apple Mail, Samsung Mail) render locally on the recipient's device, using their own rendering engines.
That last point matters enormously. Unlike a webpage, which browsers render consistently via agreed standards, email clients each interpret HTML differently. Outlook on Windows uses Microsoft Word's rendering engine. Gmail strips certain CSS properties. Apple Mail on iOS renders near-perfectly. The same email file can look flawless in one client and broken in another — unless it's been built and tested to handle all of them.
Sample EDM Layout — Responsive, Litmus-Tested HTML
Without Scaling Your Team.
Top agencies are delivering more campaigns than ever — without hiring more people. DigiLakshya gives you a fully managed offshore team for HTML5 banners, EDMs, motion and web production, embedded in your workflow from day one.
↑ This is a live HTML mock-up — the same structure used in production EDMs
Part 1: EDM Design — What Works and Why
Email design is fundamentally different from web or print design. The constraints are tighter, the rendering unpredictability is real, and the user's attention span is measured in seconds. Great EDM design works within those constraints instead of fighting them.
Single-Column Layouts Dominate for a Reason
Multi-column layouts look great on desktop but collapse badly on mobile if not coded correctly. The safest, highest-performing layout for most EDMs is a single-column structure at 600px maximum width — centred in the email client's viewport. It renders cleanly everywhere, focuses the reader's eye, and naturally adapts to any screen width.
The Visual Hierarchy Hierarchy
Every well-designed EDM follows a clear content ladder. From top to bottom: brand logo, hero image or headline, body copy, primary CTA button, secondary content blocks, footer. Readers scan in an F-pattern, so the most critical information — your offer and your CTA — must appear in the top 400px, before any scrolling begins.
Colour, Type, and Spacing
Email renders on screens ranging from a 4-inch phone to a 32-inch desktop monitor. Use a minimum body text size of 14px (16px preferred on mobile), sufficient contrast ratios (WCAG AA minimum), and generous whitespace between sections. Tight, cluttered email layouts lose readers as fast as a slow-loading webpage.
- Use web-safe fonts as fallbacks — Gmail and Outlook do not load custom web fonts reliably
- Avoid text inside images — if images are blocked, your headline disappears
- CTAs should be HTML buttons, not linked images — they render even with images off
- Keep the email width at 600px — wider layouts break in Outlook's reading pane
- Design to a 2:1 or 3:1 text-to-image ratio to avoid spam filter triggers
Part 2: Coding an EDM — The Technical Reality
This is where most marketing teams hit a wall. Coding HTML emails is not like coding a webpage. The modern CSS you'd use on a website — Flexbox, Grid, CSS variables, animations — either doesn't work or is actively stripped by major email clients. Email HTML is closer to coding a webpage in 2005, but for a 2026 audience.
Tables, Not Divs
Outlook on Windows — still used by a significant share of enterprise professionals — ignores <div>-based layouts almost entirely. Production EDMs are built using nested HTML tables for structure, with inline CSS for styling. It's verbose and counterintuitive for a modern developer, but it's the only approach that guarantees consistent rendering across all clients.
Inline CSS Is Non-Negotiable
Gmail strips <style> blocks from the <head>. All critical styling — fonts, colours, padding, alignment — must be written inline on each element. Production teams typically write styles in a <head> stylesheet first, then use an inlining tool to convert them before delivery.
Responsive Without Media Queries
Because some clients strip <head> CSS entirely (including @media queries), robust EDMs are built to be fluid-responsive by default — using percentage-based widths and max-width constraints — rather than relying solely on breakpoint-triggered layout changes.
border-radius, background-image in CSS, and many font properties simply don't work. Production teams use a combination of VML (Vector Markup Language) conditionals wrapped in <!--[if mso]> comments to serve Outlook-specific fallbacks.
Dark Mode Compatibility
Over 80% of Apple Mail users have dark mode enabled, and Gmail on Android has had it since 2019. Email clients handle dark mode differently — some invert all colours, some only change background colours, some do nothing. Production-grade EDMs include explicit dark-mode overrides using the @media (prefers-color-scheme: dark) query, ensuring your brand colours and logo remain legible in every environment.
Part 3: Litmus Testing — See Before You Send
Litmus is the industry standard tool for previewing how an HTML email renders across 90+ email clients and devices before a single send. It's not optional — it's how professional teams catch rendering bugs that would otherwise reach thousands of inboxes.
A proper Litmus testing workflow covers:
Client Coverage
Test renders in Gmail (Web, iOS, Android), Apple Mail (Mac, iPhone, iPad), Outlook (2016, 2019, 2021, 365), Samsung Mail, and Yahoo Mail — the clients that collectively account for over 85% of global email opens.
Images-Off Testing
Outlook blocks images by default for many corporate recipients. The email must communicate the core message and CTA clearly even when all images are suppressed — relying on HTML text and background colours.
Dark Mode Preview
Check every client's dark mode rendering. Logo legibility, text contrast, and background colours must all be verified for both light and dark environments.
Spam Score Check
Litmus includes a spam filter test (via SpamAssassin) that flags any content, link, or structural element likely to trigger spam classification. Resolve issues before sending.
Link & Click Tracking Verification
Every tracked link, UTM parameter, and unsubscribe URL must fire correctly. A misconfigured tracking pixel or broken unsubscribe link is both a campaign failure and a compliance risk.
Part 4: Deliverability — Getting Into the Inbox
An email that lands in spam is an email that doesn't exist. Deliverability is the discipline of maximising the percentage of sends that reach the primary inbox — and it depends on factors that span technical setup, list quality, sending behaviour, and content.
Authentication: SPF, DKIM, and DMARC
These three DNS records are the foundation of email authentication. SPF (Sender Policy Framework) tells receiving mail servers which IPs are authorised to send on behalf of your domain. DKIM (DomainKeys Identified Mail) cryptographically signs each email to prove it hasn't been tampered with in transit. DMARC tells receiving servers what to do with messages that fail SPF or DKIM — reject, quarantine, or pass. All three must be correctly configured before any serious sending volume.
List Hygiene
Hard bounces, spam complaints, and engagement signals (opens, clicks) all feed into your sender reputation. A healthy list with a high engagement rate builds domain reputation over time. An old, unvalidated list with 20% hard bounces will tank it rapidly. Scrub your list with a validation tool before any new campaign and suppress unengaged subscribers after 90 days of inactivity.
| Deliverability Factor | Good Signal | Red Flag |
|---|---|---|
| Hard bounce rate | < 2% | > 5% — list needs urgent cleaning |
| Spam complaint rate | < 0.1% | > 0.3% — triggers ISP suppression |
| Open rate (B2C) | 25–35% | < 10% — signals disengagement |
| Text-to-image ratio | 60% text / 40% image | Image-heavy with little text |
| SPF / DKIM / DMARC | All three configured | Missing any one of the three |
| Sending volume ramp | Gradual warmup for new domains | Sudden high-volume send from new IP |
Sending Platform Matters
Your choice of ESP (Email Service Provider) directly affects deliverability. Established platforms — Mailchimp, Klaviyo, Campaign Monitor, Salesforce Marketing Cloud, HubSpot — maintain shared sending infrastructure with strong reputations. Custom SMTP configurations for high-volume senders require dedicated IP warm-up, which can take 4–6 weeks before reaching full deliverability potential.
Pre-Send EDM Production Checklist
Before any campaign goes live, a production-ready EDM should pass every item on this list:
What Professional EDM Production Requires
Building an EDM to a production standard — one that passes Litmus across 90 clients, renders in dark mode, and is deliverability-ready — requires a specific combination of skills that most marketing teams don't have sitting in one person:
- An email developer fluent in table-based HTML, inline CSS, VML conditionals, and dark mode overrides
- A UI/graphic designer who understands email-specific layout constraints (not just general web or print design)
- A QA specialist running Litmus previews across all critical clients before every send
- A deliverability analyst monitoring bounce rates, spam complaints, and domain reputation over time
For agencies managing multiple clients with weekly send schedules, this adds up to a significant production load. Offshore retainer models — where a dedicated team handles all production, testing, and QA — have become the dominant approach for agencies that need consistent output without consistent overhead.
Need Campaign-Ready EDMs — Consistently?
DigiLakshya produces responsive, Litmus-tested email creatives for agencies and brands worldwide. 24–48hr turnaround. From $32/hr.
See Our EDM Production Service →The Bottom Line
EDM is the highest-ROI channel in digital marketing — and also one of the most technically demanding to execute properly. The gap between a mediocre email campaign and an outstanding one is almost never the idea. It's the production quality: the design that respects email constraints, the code that survives every client's quirks, the testing that catches problems before they reach 50,000 inboxes, and the deliverability hygiene that ensures the message arrives at all.
If your current process involves a designer handing a Figma file to a developer who's never coded an email before, then crossing fingers through Litmus — there's a better way. Talk to the DigiLakshya team about what a dedicated EDM production setup looks like for your volume.