Advent Calendar Deal — Free Promo & Sales Social Post Template
Promo & Sales · v1.0.0 · Updated 2026-11-03 · Instagram, Facebook & X · HTML + CSS
What's included
Features
About this template
Advent Calendar Deal — Free Daily December Post Template
Advent Calendar Deal is a free social post template for running a deal, giveaway or tip every day in December. An advent calendar campaign is one of the easiest ways to give people a reason to check your feed every morning, but it needs 24 posts that look like one series. This template is that series: one design, with only the day number and the deal changing.
A wall of little doors, and today's door in front
The background is a pine-green wall of 24 numbered doors in thin gold outlines, with a few already opened to show a twinkling star. In front sits today's door: a deep red card with a double gold frame, a gold bow on top, "DAY" in spaced capitals and a huge serif day number. In the animated export the number ticks up from zero to today, like flipping through the calendar, while snowflakes drift down the wall.
The deal, then the code
Under the number, the deal is set in a large serif ("*20% off* every candle", with the highlighted words in gold italic) and the code or detail sits in a gold chip ("Today only · code DAY7"). Below the door, a note tells people why to come back ("A new door opens every morning until 24 December"), followed by your handle and optional logo on a soft backing so they stay readable over the doors.
24 posts in a few minutes
Because every day uses the same layout, the fastest way to make the whole month is Bulk create: paste a spreadsheet with a day and a deal per row and download every post as a ZIP. It also works for a "12 days of Christmas" countdown: change the label and run it from 13 to 24 December.
For feed, Story and LinkedIn
On the 16:9 and LinkedIn sizes the wall spreads to eight columns and the door sits in the middle; on the Story size the door stretches taller. Recolour the wall and door for Hanukkah's eight nights, a Ramadan calendar or a brand anniversary. Pair it with Countdown for the final days and Christmas Greeting on the 25th.
Extend with AI
Take This Post Further With AI
Ask an AI assistant to adapt the Advent Calendar Deal HTML and CSS: plan 24 days of offers for your shop, write a CSV for Bulk create, or restyle the door for Hanukkah or a brand anniversary.
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 1080×1350 advent calendar daily-deal social post in plain HTML and CSS.
- A pine-green background (#123d2b) covered by a faint 4-column grid of 24 small doors, each with a thin gold outline and its number in the top-left; doors 3, 6, 11, 14, 19 and 22 are "opened" with a gold star in the middle.
- A small gold uppercase label "Advent calendar · 24 days of deals" on a dark pill at the top.
- In front, a large deep-red card (#b4182d) with a double gold inner frame (inset box-shadows) and a gold bow drawn with CSS on its top edge.
- Inside the card: "DAY" in spaced capitals, a huge gold serif "7" (Playfair Display 800), the deal "20% off every candle" with "20% off" in gold italic, and a gold pill "Today only · code DAY7".
- Under the card: "A new door opens every morning until 24 December" and the handle, each on a soft dark backing.
- A few white snow dots, and a CSS animation that makes them fall (disabled with prefers-reduced-motion).
- Size everything with a CSS variable --u equal to 1% of the shorter side.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 Advent Calendar Deal Template
How it’s different
How It’s Different From Canva-Style Templates
Step by step
How to Use
- 1Pick the sizeChoose Portrait 4:5 (the Instagram feed default), Square, Story / Reel, Landscape 16:9 for X, a 1200×627 LinkedIn image or a 1000×1500 Pinterest pin. Advent Calendar Deal opens at 1080×1350.
- 2Edit the textClick any text in the preview, or use the fields on the left (label, day word, day number, today's deal and more). Wrap words in *asterisks* to colour them.
- 3Add your imagesClick a photo area in the preview or use Images to upload your logo. Images stay in your browser.
- 4Match your brandApply your saved brand kit or one of 12 palettes, set exact colours, and choose heading and body fonts from any Google Font or your own uploaded font.
- 5Preview it in the feedSwitch the preview to Instagram, Story, X or LinkedIn to see the post with your name, handle and caption, and fix anything the quality checks flag.
- 6Download, save or bulk createDownload PNG, JPG or PDF, every size as a ZIP, or copy the HTML. Save it to My designs to reuse later, or turn a CSV into dozens of posts with Bulk create.
Real-world uses
Common Use Cases
Follow it up
Email Templates to Match the Advent Calendar Deal Post
Reach the people who are not on social media with a matching email from the free responsive HTML email templates: Holiday Gift Guide Email. Both libraries use the same brand colours and fonts, so the post and the email look like one campaign.
Got questions?
Frequently Asked Questions
Use Export, then "Bulk create from CSV", and paste a spreadsheet with day, deal and code columns. Every row becomes one post with the same design, and you download them all as a ZIP.
Yes. Change the label to "12 days of Christmas" (or "12 days of deals") and the note to your end date. The wall of doors is decoration, so it works for any number of days.
In the animated export the day number ticks up from zero to today, snow falls across the wall and the stars behind the opened doors twinkle, which suits a daily Reel or Story.
At the same time every morning, so followers learn when to check. Many brands announce the calendar in late November, then post each door at 8 or 9 am local time from 1 December.
Portrait post 1080×1350 (4:5): Instagram feed (recommended), Facebook and LinkedIn feeds, X portrait. Square post 1080×1080 (1:1): Instagram, Facebook, LinkedIn and X feeds. Story / Reel 1080×1920 (9:16): Instagram and Facebook Stories, Reel covers. Landscape post 1600×900 (16:9): X feed image, Facebook landscape. LinkedIn image 1200×627 (1.91:1): LinkedIn shared image and link posts, Facebook link images. Pinterest pin 1000×1500 (2:3): Pinterest standard pin (the recommended 2:3 ratio). Switch sizes in the editor and the layout adapts, or click "All sizes (ZIP)" to download every size at once.
Yes. Choose Export, then "Bulk create from CSV", and paste rows from a spreadsheet or upload a CSV whose column names match the Advent Calendar Deal fields. Every row becomes one post, and you download them all as a ZIP.
Yes. The preview switches between the plain design and mock-ups of an Instagram feed post, an Instagram Story, an X post and a LinkedIn post, using the name, handle and logo from your brand kit and the caption you type.
Yes. "Copy HTML" and "Download .html" give you one self-contained file: the markup, all the CSS and links to the Google Fonts it uses. "Fork to My Code" saves an editable copy in the UI Snippets editor. The file records the template name and version (v1.0.0).
Yes. It is free for personal and commercial posts, with no sign-up and no watermark. Everything runs in your browser and nothing you type or upload is sent to a server.