Product Spotlight — Free Promo & Sales Social Post Template
Promo & Sales · v1.0.0 · Updated 2026-10-16 · Instagram, Facebook & X · HTML + CSS
What's included
Features
About this template
Product Spotlight — Free Ecommerce Product Post Template
Product Spotlight is a free ecommerce post template for Shopify, Etsy, WooCommerce and Instagram shops. A large product photo fills most of the post, and a clean white card underneath shows a "Featured" label, the product name, the price and a "Shop now" button.
Photo first
Product posts sell with the image, so the photo takes the available space above the card, with rounded corners. Upload any product shot: it's cropped to fill the frame and centred, so square studio photos and lifestyle shots both work. Uploads are resized in your browser and never leave your device.
A card that converts
The card stacks a small uppercase green label, the product name in DM Sans at 700 weight, and a row with the price on the left and a pill "Shop now" button on the right. The price is large and bold because it's the number shoppers look for first.
Clean, neutral styling
A warm stone background, white card and soft shadow suit almost any product photo, from fashion to homeware to gadgets. Change the accent to match your store's button colour.
Layouts for every size
On portrait, square and Story sizes the photo sits above the card. On the 16:9 landscape size the post switches to a row, with the photo on the left and the card on the right, which suits X and Facebook link posts. Long product names shrink to fit.
Running a sale on the product? Use Discount Badge. Sharing a customer review of it? Try Customer Testimonial.
Extend with AI
Take This Post Further With AI
Give this template to an AI assistant to write short product names and button copy, build a gift-guide carousel, or turn it into a product card component fed by your store's data.
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:
Design a 1080×1350 ecommerce product spotlight post in HTML and CSS.
- Warm light-grey background with padding.
- A large rounded product photo area (background-size: cover) filling the top.
- A white rounded card with a soft shadow at the bottom: small uppercase green label, product name (DM Sans 700), then a row with a big bold price on the left and a pill "Shop now" button on the right.
- At 1600×900, switch to a row: photo left, card (40% width) right.
- Use --u (1% of the shorter side) for sizing.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 Product Spotlight 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. Product Spotlight opens at 1080×1350.
- 2Edit the textClick any text in the preview, or use the fields on the left (label, product name, price, button and more). Wrap words in *asterisks* to colour them.
- 3Add your imagesClick a photo area in the preview or use Images to upload your product photo and 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 Product Spotlight 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, Back in Stock 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
Open Product Spotlight, upload your product photo, set the label, name, price and button text, then download the 1080×1350 portrait image for the feed or the Story version.
A sharp photo with the product in the centre. The image is cropped to fill the frame and centred, so leave some space around the product. Square or portrait photos give the best fit.
Yes. Clear the price field and it disappears, leaving the shop button on its own.
No. The photo is resized and kept in your browser, and the image export is drawn locally.
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.
Press Play in the editor to watch the animation for free. Downloading it as an animated MP4 (or WebM) for Reels, Stories and WhatsApp Status is for Patreon supporters, who enter the supporter passcode once. PNG, JPG, PDF and HTML exports are free.
Yes, for Patreon supporters. Choose Export, then "Bulk create from CSV", and paste rows from a spreadsheet or upload a CSV whose column names match the Product Spotlight 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.