Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

An “HTML mailing list” usually means a permission-based subscriber list that receives email messages formatted with HTML—not a special HTML element or web technology. For a reliable result, use an email service provider (ESP), collect documented consent, send both HTML and plain-text versions, design for inconsistent email clients, authenticate your sending domain, and test before delivery. Technical mailing lists about the HTML standard, such as W3C working-group lists, are a separate use case.

First, define what you are sending

The right tool depends on the message, not just its markup.

Newsletter or promotional campaign

A recurring newsletter or product promotion normally belongs in an ESP. The platform stores subscribers, sends campaigns, handles suppressions and unsubscribes, and reports clicks and other activity.

Automated or transactional email

Onboarding sequences, receipts, password resets, and similar messages need automation or transactional infrastructure. Their content and legal treatment can differ from advertising.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Discussion or announcement list

A community conversation or moderated announcement list is a distribution and participation system, not necessarily a marketing campaign. A mailing-list manager or community platform may be a better fit than an ESP.

HTML standards list

W3C documents technical mailing-list subscriptions, archives, moderation, filtering, and list policies at w3.org/email and lists for the HTML Working Group at w3.org/html/wg/lists. Those lists should not be confused with HTML email marketing.

HTML email versus plain text

HTML is useful for branded layouts, product imagery, multiple sections, prominent calls to action, buttons, and responsive presentation. It can also support campaign analytics. It is not automatically better: CSS is inconsistent across inboxes, images can be blocked, tracking can affect privacy and reputation, and a design that works in a browser can fail in Gmail, Outlook, Apple Mail, or a mobile app.

Plain text is often preferable for personal, conversational, operational, or highly compatibility-sensitive messages. A robust campaign normally contains both versions in a MIME multipart/alternative message so the recipient’s client can select the format it supports. Most ESPs generate this structure for you; Mailchimp describes the approach and automatically creates a plain-text version for campaigns at its HTML email guidance.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Choose the sending workflow

Approach Best for Main trade-off
ESP visual editor Small teams and recurring newsletters Fast setup and built-in list management, but less markup control and possible vendor lock-in
Custom HTML imported into an ESP Developers, agencies, and reusable brand systems Precise design control, with more client-specific testing and maintenance
Separate email builder Teams needing modular visual design while keeping an existing ESP Exported code still needs testing; consent and delivery remain the ESP’s responsibility
Dedicated testing platform Agencies, high-volume, regulated, or multi-client senders Previews and checks improve QA but add another subscription and do not replace an ESP

A builder creates the message; an ESP manages recipients and delivery; a testing service previews and checks the result. Do not assume one product does all three jobs equally well.

Build a permission-based list

List quality comes before visual design. Use a signup form on your own site or another documented source and explain what subscribers will receive, how often, and for which purpose. Obtain separate consent when purposes are materially different, and consider double opt-in when confirmation provides useful evidence of intent.

  • Record the signup source, timestamp, and consent language.
  • Send a confirmation or welcome message that identifies the publication.
  • Offer a preference center for topics and frequency.
  • Process unsubscribe requests immediately and preserve the suppression record.
  • Remove hard bounces and repeatedly failing soft bounces.
  • Review inactive segments rather than repeatedly mailing addresses that never engage.

Never buy a list. Purchased or scraped addresses create consent, complaint, reputation, and legal problems. Mailchimp’s permission guidance is at mailchimp.com/help/about-compliance-for-email-marketing/; its HTML guidance also recommends removing hard bounces and cleaning repeated soft bounces at mailchimp.com/help/about-html-email/. W3C’s policy prohibits unsolicited bulk email and expects each list to have a defined purpose: w3.org/policies/email/.

Code an email-safe layout

Email clients do not provide one browser-like rendering environment. Use nested tables for predictable structure, inline critical CSS, explicit dimensions, safe font fallbacks, and a fluid container with a common maximum width of about 600 pixels. That width is a practical guideline, not a universal standard; Mailchimp explains the constraint at its HTML email documentation.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

A minimal starting point looks like this:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Newsletter</title>
</head>
<body style="margin:0;padding:0;background:#f4f4f4;">
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
    <tr><td align="center">
      <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="max-width:600px;background:#fff;">
        <tr><td style="padding:24px;font-family:Arial,sans-serif;color:#222;">
          <h1 style="margin:0 0 16px;font-size:28px;line-height:1.2;">This week’s update</h1>
          <p style="font-size:16px;line-height:1.5;">Explain the main message in live text.</p>
          <p><a href="https://example.com" style="display:inline-block;padding:12px 20px;background:#1463ff;color:#fff;text-decoration:none;">Read the update</a></p>
          <p style="font-size:12px;line-height:1.5;color:#666;">Company Name · Postal Address<br>
            <a href="*|UNSUB|*">Unsubscribe</a></p>
        </td></tr>
      </table>
    </td></tr>
  </table>
</body>
</html>

The unsubscribe token in this example is illustrative. Replace it with your ESP’s actual merge tag, add its required footer fields, and test the link before sending.

Keep content readable without images

Host images on a publicly accessible HTTPS server and use absolute URLs. Compress them, specify dimensions where appropriate, and provide useful alt text. Logos can have concise alternative text; decorative images may use empty alternative text where the client supports it. Keep essential copy and calls to action as live text. Mailchimp warns against image-only campaigns and discusses image hosting and inline CSS at mailchimp.com/help/common-html-mistakes/. Its approximate 80% text-to-20% image ratio is a design guideline, not a spam-filter guarantee.

Avoid browser-only features

Do not rely on JavaScript, forms, complex positioning, hover-only controls, embedded video, unsupported web fonts, or background images as the only source of meaning. Use role="presentation" on layout tables, descriptive link labels, and simple selectors. Outlook may require additional fallbacks, so test the actual Outlook versions your audience uses.

Design for accessibility and mobile

  • Use a logical heading and reading order.
  • Maintain sufficient color contrast and never communicate instructions by color alone.
  • Make linked controls large enough for touch and usable with a keyboard.
  • Keep text legible when recipients zoom or increase system text size.
  • Check light mode, dark mode, and image-blocked views.
  • Provide a plain-text alternative.

Email-client support is uneven, so a webpage accessibility checker cannot prove that every mailbox is accessible. WCAG principles remain a useful baseline; W3C recommends accessibility practices in its email policy at w3.org/policies/email/.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Configure identity, authentication, and compliance

Authenticate the sending domain with SPF, DKIM, and DMARC through your ESP and DNS provider. These mechanisms support sender identity and reputation but cannot guarantee inbox placement. Litmus discusses authentication and list hygiene at litmus.com/email-deliverability-spam-best-practices. Use a recognizable sender name, a monitored reply-to address, and accurate headers.

Commercial email must also meet applicable law and platform rules. In the United States, the FTC’s CAN-SPAM guidance requires an opt-out method, honoring opt-outs, non-deceptive headers and subject lines, and a valid physical postal address: ftc.gov/business-guidance/resources/can-spam-act-compliance-guide-business. CAN-SPAM is not a universal prior-consent law; GDPR, ePrivacy rules, state laws, and other national regimes may impose stricter consent requirements. Transactional and relationship messages can be treated differently from promotions. Get jurisdiction-specific legal advice when the situation is unclear.

Many ESPs impose stricter operational rules than a legal minimum. Mailchimp’s newsletter guidance covers footer and segmentation practices at styleguide.mailchimp.com/writing-email-newsletters/.

Pre-send testing workflow

  1. Send a test to your own accounts.
  2. Preview desktop and mobile layouts in Gmail, Outlook, Apple Mail, and the audience’s most-used clients.
  3. Disable automatic image loading and confirm the message still makes sense.
  4. Read the plain-text version and inspect subject line and preview text.
  5. Click every link, including web-view, preference, and unsubscribe links; verify redirects and tracking parameters.
  6. Check personalization fallbacks, sender name, reply-to address, postal address, and footer.
  7. Review dark mode, text scaling, contrast, and accessibility.
  8. Run spam and authentication checks and inspect the sending domain.
  9. For a new domain or list, send a small controlled segment first.
  10. Monitor bounces, complaints, clicks, unsubscribes, replies, and conversions after release.

Campaign Monitor advertises custom HTML import, mobile optimization, A/B testing, link review, design and spam testing, automation, and reporting at campaignmonitor.com/pricing. Litmus provides client previews and pre-send checks through help.litmus.com and litmus.com/pricing. Open tracking is imperfect because image blocking and privacy features distort opens; use clicks, conversions, replies, complaints, and unsubscribes for important decisions.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Troubleshoot common failures

The layout is too wide

Replace large fixed widths with a maximum-width container, check every table and image for overflow, and test a narrow mobile viewport.

Images are missing

Confirm public HTTPS access, absolute URLs, correct content types, reasonable file sizes, and useful alternative text. Ensure the copy remains understandable without them.

CSS is ignored

Inline critical styles, simplify selectors, avoid unsupported properties, and move visual meaning into text and structure.

Outlook renders badly

Simplify nested tables, remove browser-only assumptions, add client-specific fallbacks only where needed, and test the relevant Outlook builds.

What’s actually slowing this PC down?

Pick the symptom - the matching free tool is one click away.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

The message goes to spam

Verify SPF, DKIM, and DMARC; stop mailing invalid or unengaged contacts; investigate complaints and bounces; remove questionable addresses; review link domains, redirects, attachments, and content; and check domain reputation. Do not repeatedly resend the same message blindly. Google maintains current guidance for subscription senders to personal Gmail accounts at support.google.com/mail/answer/15263077.

Unsubscribe fails

Stop promotional sends to the affected contact, check the ESP suppression list and footer merge tag, verify any API integration, preserve the opt-out record, and do not require a login merely to unsubscribe unless the applicable system and law clearly permit it.

Choosing a platform by use case

Platform Useful fit Current published signal and qualification
Mailchimp Beginners wanting an all-in-one audience, template, and reporting workflow Its pricing page showed a 14-day trial and Standard from $20/month for a displayed 500-contact configuration; limits and overages vary. See mailchimp.com/pricing/marketing/.
Brevo Send-volume-conscious teams and organizations also using SMS, WhatsApp, or transactional email Its pricing information listed free, Starter from $9/month, Standard from $18/month, Professional from $499/month, and Enterprise custom pricing; the free plan was described as 300 daily sends and up to 100,000 stored contacts. Limits vary. See Brevo’s pricing page.
Campaign Monitor Newsletter teams importing custom HTML and wanting polished campaign tools Lite and Essentials pricing depends on contact count and billing frequency; features include segmentation, A/B testing, link review, testing, automation, and reporting. See campaignmonitor.com/pricing.
HubSpot Marketing Hub Organizations already using HubSpot CRM and broader lead automation Displayed pricing included free tools, Starter around $7–$10 per seat/month depending on billing or promotion, Professional from $800/month, and Enterprise from $3,600/month; onboarding and additional contact or credit costs may apply. See hubspot.com/pricing/marketing.
Litmus Teams for whom cross-client rendering and pre-send QA justify a dedicated service Focused on previews, collaboration, analytics, integrations, and testing; no single universal self-serve price was stated on the reviewed page. See help.litmus.com and litmus.com/pricing.

Prices vary by country, billing term, contact count, send volume, taxes, promotions, and account configuration. A developer-led system should select an ESP that supports custom HTML import and pair it with a repeatable test workflow. A simple hobby newsletter may not justify a separate testing subscription.

Production checklist

  • Purpose, audience, consent source, and frequency are documented.
  • Invalid, suppressed, and opted-out addresses are excluded.
  • HTML and plain-text parts are present.
  • Critical CSS is inline and layout tables are presentational.
  • Images use public HTTPS URLs, dimensions, compression, and alt text.
  • Subject, preview text, sender identity, reply-to, and primary call to action are clear.
  • Unsubscribe, preference, sender identity, and postal-address fields work.
  • SPF, DKIM, and DMARC are configured.
  • Gmail, Outlook, Apple Mail, mobile, dark mode, image blocking, and text scaling have been checked.
  • Links, personalization, redirects, and tracking have been verified.
  • A small controlled send is planned for a new domain or list.
  • Bounces, complaints, clicks, replies, unsubscribes, and conversions will be monitored.

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.