R
registermysite.com

HTML Email Features

Email is still HTML — with special constraints. Here’s what you can (and should) put in a professional HTML email: links, images, motion, tracking, layout, and the details that survive Gmail, Outlook, and Apple Mail.

Email HTML is not website HTML

Inboxes strip or ignore many modern CSS features. Reliable campaigns still lean on tables for layout, inline styles, hosted images, and progressive enhancement. We design for that reality so your message looks intentional in the clients your customers actually use — not only in a browser preview.

What you can put in an HTML email

Links & tracked URLs

Text links, image links, and button links to product pages, booking forms, file shares, or unsubscribe. Production sends often wrap URLs for click tracking so you see which CTA performed — without changing the visible brand domain in the message body when configured carefully.

  • Primary CTA buttons (bulletproof table + VML for Outlook)
  • Secondary text links in body and footer
  • Deep links to app sections or dashboard pages
  • UTM parameters for analytics attribution

Pictures & graphics

Logos, product shots, banners, and icons are hosted on HTTPS and referenced with <img>. Always set width, height, and meaningful alt text — many clients block images until the user allows them.

  • Compressed JPG/PNG/WebP where supported
  • Retina-friendly 2× assets scaled down in HTML
  • Alt text that still communicates if images are off
  • Balanced text-to-image ratio for deliverability

GIFs & light motion

Animated GIFs work in many clients (Gmail, Apple Mail, etc.) and can highlight a product, UI walkthrough, or seasonal campaign. Outlook on Windows often shows only the first frame, so design the first frame as a solid static fallback.

  • Keep file size lean for mobile networks
  • Meaningful first frame for non-animated clients
  • Avoid relying on GIF-only messaging

Buttons & calls to action

“Book now,” “View invoice,” “Reset password,” “Download file” — CTAs are the conversion engine. We build bulletproof buttons (HTML + optional VML) so Outlook still shows a clickable, colored button instead of a broken CSS box.

  • High-contrast, thumb-friendly sizing
  • One primary action per email when possible
  • Matching brand colors from your site

Analytics & measurement

Know what happened after send — without guessing.

  • Open tracking (pixel) where enabled and lawful
  • Click tracking per link / CTA
  • UTM tags into Google Analytics or your dashboard
  • Campaign-level reports: delivered, bounced, unsubscribed

Privacy note: image-blocking and Apple Mail Privacy Protection affect open rates. Clicks remain the stronger signal.

Personalization & dynamic content

Merge fields turn one template into thousands of relevant messages: name, company, appointment time, order ID, custom offer codes.

  • Greeting and body tokens
  • Conditional blocks (show VIP section only if…)
  • Fallback text when a field is empty

Layout & structure

Single-column mobile-first layouts with optional multi-column stacks on wide clients. Header, hero, body sections, footer with legal links — modular and reusable.

  • ~600px content width standard
  • Spacers and dividers that don’t collapse oddly
  • Preheader text (inbox snippet beside the subject)

Typography & hierarchy

Web-safe font stacks (and selective web fonts where clients allow) with clear heading / body / caption roles. Line length and spacing tuned for scanning on a phone.

Dark mode considerations

Many apps invert or recolor messages. We avoid pure-black/white traps where possible, test logo variants, and use borders/backgrounds that still read when the client forces dark UI.

Accessibility basics

Semantic landmarks where supported, real text (not text locked only inside images), sufficient contrast, and descriptive link text (“View invoice #1042” vs “Click here”).

Plain-text multipart

A matching text/plain part for clients that prefer it, for accessibility, and as a deliverability signal. Same links and facts — no “HTML-only” dead ends.

Footer, identity & compliance

Physical address or required business identity where laws demand it, clear unsubscribe for marketing mail, and consistent “from” name + domain so recipients trust the sender.

  • Unsubscribe / preference center links
  • Aligned From domain (SPF, DKIM, DMARC on your domain)

Advanced elements (used carefully)

Live calendars / ICS Add-to-calendar links or .ics attachments for bookings.
QR codes in email Image QR pointing to pages, Wi-Fi docs, or event check-in.
Social icons Linked icon row to profiles you also list for SEO consistency.
Product grids 2-up stacks that collapse to one column on narrow screens.
Countdown imagery Static or GIF countdowns for launches (with a clear end date in text).
Survey / one-click feedback Emoji or star links into a form — keep it simple for inbox safety.

What we usually avoid

Not every web trick belongs in email. These often break rendering or hurt deliverability:

Need templates that look great in the inbox?

We design and code HTML emails for your domain — welcome series, receipts, bookings, newsletters — plus business email and a private dashboard when you need it.