Click any text to edit it · drag a photo to reposition it, scroll to zoom, click to replace
Pricing Card — Free Promo & Sales Social Post Template
Promo & Sales · v1.0.0 · Updated 2026-11-02 · Instagram, Facebook & X · HTML + CSS
What's included
Features
About this template
Pricing Card — Free Plan & Price Social Post Template
Pricing Card is a free social media template that lays a single plan out like the card on a pricing page: a "most popular" ribbon on the top edge, the plan name in your accent colour, a very large price with its billing period, up to four tick-marked features and a full-width button. It is made for the moment you announce a new tier, a price change or an offer.
The card does the selling
A pricing page works because every element has a fixed place, and this template keeps that order: who the plan is for, what it costs, what is included, what to do next. The price is the biggest thing on the card, set in heavy type with tight spacing, and a dashed rule separates it from the features so the eye reads cost first and value second. The ribbon, a gradient pill in your accent colour, gives the plan a reason to stand out.
Features without the clutter
Add up to four features, one short line each. Leave the fourth blank and it disappears, so a three-feature plan stays balanced. The tagline under the plan name, such as "For teams shipping every week", tells the right buyer that this card is for them. The button text, for example "Start free for 14 days", is a plain call to action, since links are added in the caption or bio.
Sizes and style
The card sits centred on a soft lavender background with a glow in the corner. On the 16:9 and LinkedIn sizes it opens into two columns: plan and price on the left, features on the right. Change the accent to your brand colour and everything, including the ribbon, ticks and button, follows. Export PNG, JPEG, PDF, an animated video or the HTML.
Pair it with a Discount Badge for a launch offer, or compare yourself with alternatives in Us vs Them.
Extend with AI
Take This Post Further With AI
Ask an AI assistant to adapt the Pricing Card HTML and CSS: turn it into a three-plan pricing section with a monthly and yearly switch, write the features for your own product, or generate matching cards for each tier.
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 pricing card social post in plain HTML and CSS.
- A soft lavender background (#eef0ff) with a purple radial glow in the top-right corner.
- A white rounded card with a purple outline and a soft purple shadow, centred. On its top edge, a gradient purple-to-pink pill ribbon reading "Most popular".
- Inside: the plan name "Pro" in purple, a grey tagline, then a huge price "$29" with "per month" beside it, and a dashed rule underneath.
- Four feature rows, each a purple circle with a white tick and a bold line of text, then a full-width purple button "Start free for 14 days".
- The handle in purple under the card.
- 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 Pricing Card 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. Pricing Card opens at 1080×1350.
- 2Edit the textClick any text in the preview, or use the fields on the left (ribbon, plan name, tagline, price and more). Wrap words in *asterisks* to colour them.
- 3Match 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.
- 4Preview 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.
- 5Download, 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
Got questions?
Frequently Asked Questions
Open Pricing Card, type the plan name, tagline, price, billing period and up to four features, then write the button text. Download the 4:5 PNG, and put the link in the caption or your bio, since images cannot hold links.
Make one card per plan and post them as a carousel, or one per day. A single card is easier to read on a phone than three squeezed side by side, and each can use its own accent colour.
Anything short that gives the card a reason to stand out, such as "Most popular", "Best value" or "New". Clear the field and the ribbon disappears completely if you do not need one.
Yes. Change the plan name, price and features for a gym membership, a photography package, a course or a monthly service. The layout only assumes a name, a price and a short list.
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 Pricing Card 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.