Click any text to edit it right here · click an image or link to jump to its setting
- Replace the placeholder links: Header link, Hero image, Button link, Pick 1 link, Pick 2 link, Unsubscribe link, Email preferences link.
Black Friday Sale Email
Responsive · Dark mode
Last Chance Sale Email
Responsive · Dark mode
Refer a Friend Email
Responsive · Dark mode
Newsletter Email
Responsive · Dark mode
Product Update Email
Responsive · Dark mode
Webinar Invitation Email
Responsive · Dark modeBlack Friday Sale Email — Patreon Responsive HTML Email Template
Marketing · v1.0.0 · Updated 2026-10-17 · Gmail, Outlook & Apple Mail · Dark mode
Black Friday Sale Email is a Patreon supporter template. Preview it and edit everything for free. Exporting it (HTML, ZIP and the other formats) and forking it to My Code need the supporter passcode, posted for patrons on Patreon. Supporters ($5 a month) also get a site with no ads.
Get the passcode on Patreon →What's included
Features
About this template
Black Friday Sale Email — Free HTML Cyber Monday Template
Black Friday Sale Email is a free, responsive HTML promo email template for Black Friday, Cyber Monday, holiday sales and flash sales. It uses a bold black-and-yellow design: a hero image, a "40% off everything" headline, a dashed promo-code box, a deadline line, a big Shop the sale button, two product picks with crossed-out and sale prices, the fine print, and a CAN-SPAM footer with unsubscribe.
Built to stand out in a crowded inbox
Black Friday week is the busiest of the year for email. Inboxes fill with sale emails, so yours has to say the offer in a second. This template leads with the discount, repeats it in the code box and the hero image, and gives people a clear deadline (Black Friday 2026 is November 27 and Cyber Monday is November 30) so they act now instead of later.
Promo code people can copy
The code is set in large monospace type inside a dashed "coupon" border, so it's easy to read and copy. Turn the code section off for automatic discounts, or reuse the template for any sale by changing the eyebrow, headline and hero.
Product picks with was and now prices
Two product cards show the regular price struck through next to the sale price, with "Shop now" links. They sit side by side on desktop and stack on phones. Leave a pick name empty, or hide the section, if you'd rather send people straight to the sale page.
Dark by design, compliant by default
The card is dark in both light and dark mode, so it looks the same in Apple Mail, Gmail and Outlook.com, while the header and footer stay readable on the light page. The button is a VML "bulletproof" button for Outlook on Windows. Because this is marketing email, the footer includes an unsubscribe link, a preferences link and your postal address, as US CAN-SPAM and the Gmail and Yahoo sender rules require.
Edit everything in the browser, then paste the HTML into Klaviyo, Mailchimp, Shopify Email, Omnisend or Brevo, or fork it into My Code. Promoting the sale on social too? See the Holiday Sale social post template.
Extend with AI
Take This Email Further With AI
Give this prompt to an AI assistant to write your own version of the Black Friday Sale Email 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: “Black Friday Sale Email”, a marketing email.
Purpose: A bold Black Friday / Cyber Monday promo email on a dark card: hero image, big discount headline, a dashed promo-code box, an "ends" deadline line, a shop button, two product picks with was/now prices, the fine print and a CAN-SPAM footer with unsubscribe.
Inbox text:
- Subject line: “Black Friday: 40% off everything starts now 🖤”
- Preheader (hidden preview text): “Our biggest sale of the year. Use code BLACKFRIDAY40 at checkout. Ends Monday at midnight.”
Content, top to bottom:
- Hero image
- Offer & button
- Promo code
- Product picks
Headline: “40% off everything”. Main button: “Shop the sale”.
Lead with the offer in the first line, with one main button and one quiet secondary link.
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 #facc15, button text #0a0a0a, page background #e7e5e4. 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 Black Friday Sale Email 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 hero image, offer & button, promo code and product picks, or click any text in the preview to jump to its field. Switch the hero image, promo code and product picks on or off.
- 3Add your brandUpload or paste your logo and images, 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 Mailchimp, Klaviyo, HubSpot, Brevo 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
Promote it
Social Post Templates to Match the Black Friday Sale Email Email
An email works harder with a post behind it. Announce the black friday sale email campaign on social media with matching free templates in the same editor: Black Friday Sale, Cyber Monday, Discount Badge. Use the same brand colours and fonts, export the post as an image at the right size for each network, and link to the same offer or page.
Got questions?
Frequently Asked Questions
Black Friday is November 27, 2026 and Cyber Monday is November 30. Many brands send a teaser the week before, a launch email on Thursday evening or Friday morning, a reminder over the weekend and a last-chance email on Cyber Monday.
Edit the template and open the HTML tab and click "Copy". In Klaviyo and Mailchimp create a custom HTML template and paste it; in Shopify Email use a custom HTML section. Replace the unsubscribe link with the platform's merge tag, such as {% unsubscribe %} in Klaviyo.
Yes. Change the card, accent and text colours under Colours, or apply your brand kit. Keep strong contrast between the text and the card, and check the button text against the accent colour.
Both. The hero image catches the eye, but many people have images turned off, so the headline and promo code are real text that always shows, and the hero has alt text.
Yes. Sale and promotional emails are commercial email, so US CAN-SPAM requires a working unsubscribe link and your postal address, and Gmail and Yahoo require one-click unsubscribe for bulk senders.
It saves an editable copy of your Black Friday Sale Email 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.
It is a Patreon template. Anyone can preview and edit it for free. Exporting and forking it are for Patreon supporters ($5 a month), who enter the supporter passcode once; designs you make with it can then be used in personal and commercial work. Everything runs in your browser, and your edits are saved locally.