Click any text to edit it right here · click an image or link to jump to its setting
- Replace the placeholder links: Header link, Verification link, Help centre link.
Verify Email Address
Responsive · Dark mode
Magic Link Sign-in Email
Responsive · Dark mode
One-Time Passcode (2FA) Email
Responsive · Dark mode
Password Reset Email
Responsive · Dark mode
New Sign-in Security Alert
Responsive · Dark mode
Payment Receipt Email
Responsive · Dark modeVerify Email Address — Free Responsive HTML Email Template
Transactional · v1.0.0 · Updated 2026-10-17 · Gmail, Outlook & Apple Mail · Dark mode
What's included
Features
About this template
Verify Email Address — Free HTML Email Verification Template
Verify Email Address is a free, responsive HTML email verification template for sign-up flows, double opt-in lists and account security. It gives people two ways to confirm: a large "Verify email address" button, and an optional one-time code (like 482 913) shown in a big monospace box they can type into your app.
Why verification emails need their own design
A verification email is the gate between a sign-up and an active user. If it is slow to understand, lands in spam or the button breaks in Outlook, the user never comes back. This template keeps one job in focus: an envelope badge, a clear headline, one sentence of context, the button, and an expiry note so people know to act now.
Button or code, your choice
Turn the one-time code section on for apps where people verify on another device, or for passwordless sign-in, and off when a link is all you need. The code uses a monospace font with letter spacing, so characters like 0 and O are easy to tell apart. A fallback link is printed under the button for anyone whose email client blocks buttons.
Coded for real inboxes
Like every template here it uses nested tables, inline styles and a "bulletproof" VML button that stays clickable with rounded corners in Outlook for Windows. A dark palette for Apple Mail, iOS Mail and Outlook.com is included, along with a hidden preheader and an automatically generated plain-text version, which helps transactional email get delivered.
Transactional, so no unsubscribe link
Verification emails are transactional: they are sent because of something the user just did, so US CAN-SPAM doesn't require an unsubscribe link. The footer still shows why the email was sent and your address, which helps people trust it.
Edit the text and colours in the browser, then send it from Postmark, SendGrid, Amazon SES, Resend, Auth0, Supabase or Firebase, or fork it into My Code. Building the rest of the flow? Pair it with the Password Reset and Welcome emails.
Extend with AI
Take This Email Further With AI
Give this prompt to an AI assistant to write your own version of the Verify Email Address email: draft ten subject lines and preheaders, adapt the copy for a customer segment, translate it, convert it to MJML or React Email, or write the plain-text version. Then paste the result back into the editor above to check it in desktop, mobile and dark mode.
Prompt to recreate it
Copy this into your AI assistant of choice to build the effect from scratch, or as a jumping-off point for your own variant:
Create a responsive HTML email: “Verify Email Address”, a transactional email.
Purpose: A sign-up confirmation email with an envelope badge, a "Confirm your email" headline, an Outlook-safe verify button, an optional one-time code in a large monospace box, an expiry note and a fallback link.
Inbox text:
- Subject line: “Confirm your email for Acme”
- Preheader (hidden preview text): “One click to verify your address and finish setting up your account.”
Content, top to bottom:
- Message & button
- One-time code
Headline: “Confirm your email address”. Main button: “Verify email address”.
Put the key facts first (order or account details, amounts, dates) in a clear summary, with no marketing clutter.
Build it like a professional email developer:
- Table-based layout, 600px wide on desktop and fluid on mobile (width 100%, max-width 600px).
- Inline CSS on every element, with one small style block only for media queries and dark mode (prefers-color-scheme).
- A bulletproof, Outlook-safe call-to-action button (padded table cell with a VML fallback), never an image.
- Colours: brand and button #0ea5e9, button text #ffffff, page background #eef0f7. Web-safe font stack with a fallback after the brand font.
- Every image has alt text and explicit width and height. Use PNG icons, never SVG, because Gmail and Outlook drop them.
- Hidden preheader text, a plain-text version, and a legal footer with the postal address, the reason the person is receiving it and a working unsubscribe link.
Finish with a short checklist of what to test in Gmail, Outlook for Windows, Apple Mail, mobile and dark mode.Want to tighten it up first? Run this prompt through the AI Prompt Studio to score it across 8 quality dimensions, catch anti-patterns, and tune the wording for Claude, ChatGPT, or Gemini before you paste it in.
Why use it
Why Use the Verify Email Address Template
How it’s different
How It’s Different From Other Free Email Templates
Step by step
How to Use
- 1Pick your email platformChoose Mailchimp, Klaviyo, HubSpot or Brevo under Merge tags so first names and unsubscribe links export in its syntax, or keep plain {{first_name}} tokens.
- 2Edit the contentFill in the message & button and one-time code, or click any text in the preview to jump to its field. Switch the one-time code on or off.
- 3Add your brandUpload or paste your logo, set the brand colour and the light and dark palettes, pick fonts, or apply your saved brand kit.
- 4Preview and checkSwitch between desktop, mobile and dark mode, and fix anything the pre-send checks flag, such as placeholder links or missing alt text.
- 5Export or forkCopy the HTML into Postmark, SendGrid, Amazon SES, Resend or your own code, copy the plain-text version, download a ZIP with images, or fork it into My Code.
Real-world uses
Common Use Cases
Got questions?
Frequently Asked Questions
Your backend creates a unique token or code for each sign-up. Paste the link format into the "Verification link" field with a merge tag in place of the token, for example https://yourapp.com/verify?token={{token}}, and use a merge tag such as {{code}} for the code. Your email provider fills them in for every email.
Links are the fastest for most people. Codes help when people read email on a different device from the one they signed up on, and for apps without a web page. Showing both, as this template does by default, covers everyone.
No. Verification emails are transactional, sent in direct response to something the user did, so US CAN-SPAM's unsubscribe rule doesn't apply. Keep marketing content out of it so it stays transactional.
Common choices are 24 to 72 hours for sign-up links and 10 to 15 minutes for one-time codes. Whatever you choose, say it in the email, which is what the expiry note is for.
Yes. All three let you replace the default verification email with your own HTML. Copy the HTML from this editor and swap the link for the provider's variable, such as {{ .ConfirmationURL }} in Supabase.
It saves an editable copy of your Verify Email Address in My Code, the UI Snippets code editor: the email markup goes in the HTML panel and its CSS (mobile and dark-mode rules plus fonts) in the CSS panel, so you can keep refining the code and save your own versions.
Yes. It is free for personal and commercial email, with no sign-up and no watermark. Everything runs in your browser, and your edits are saved locally.