A step-by-step guide to adding the Pricing block to your UniLink page so visitors can instantly compare your plans and click straight to checkout.
- The Pricing block displays up to four plan tiers in a side-by-side table — each with a name, price, feature list, and CTA button that links to checkout or a payment page.
- Add it from the Dashboard: click Add Block, choose Pricing, then configure each tier with a name, price, features, and button URL.
- Enable the monthly/yearly toggle only if you've entered both prices per tier — the toggle won't appear if any tier is missing its second price.
- Always mark one tier as "Featured" (Most Popular) — without it, visitors stall because nothing signals which option to choose.
If you're a coach, course creator, SaaS founder, or freelancer with multiple service packages, the moment a visitor asks "what does this cost?" is make-or-break. If they have to email you, click to another page, or hunt through your content to find a number, most of them leave. The Pricing block in UniLink puts your plans right on your page — structured, scannable, and with a direct path to purchase. It doesn't process payments itself, but it's the display layer that makes the decision easy. When your visitor knows exactly what each tier includes and has one button to click, your conversion rate goes up whether you're selling monthly subscriptions, coaching packages, or agency retainers.
What the Pricing block does
The Pricing block renders a structured comparison table directly on your UniLink page, showing up to four plan tiers side by side. Each tier contains a name, a price (with an optional billing period label), a feature list where each item can carry a checkmark or an X, an optional "Most Popular" badge to highlight a featured tier, and a CTA button with your own label and destination URL. Visitors can scan the columns in seconds and make a decision without reading a wall of text or navigating elsewhere.
For creators and service providers who offer both monthly and annual pricing, the block supports a billing period toggle. When activated, each tier shows two price values — one for monthly, one for yearly — and a switch at the top of the block lets visitors flip between them. This is entirely cosmetic display logic on your page; the actual billing happens wherever your CTA button points. The block itself does not charge anyone. It connects to your payment flow by linking each tier's button to a Stripe payment link, a checkout page, the UniLink Membership block, an external booking tool, or any URL you choose.
There are deliberate limits to what the Pricing block handles. It has no built-in payment processing, no subscription management, and no way to enforce access control based on which tier someone selects. If you need gated content or recurring billing, the right tool is the Membership block — or an external service linked from the Pricing block's CTA. Think of the Pricing block as your storefront window: it displays and persuades, but the transaction happens through the door it opens.
Before you start
- Know your tiers: Decide how many plans you're offering (two or three works best — more on this below) and what each one includes. Have your feature lists ready before you open the editor; writing them inside the block editor is tedious.
- Have your checkout URLs ready: Each tier's CTA button needs a destination. This could be a Stripe payment link, a Gumroad page, a UniLink Checkout or Membership block (use an on-page anchor like
#membership), a Calendly booking link, or any other URL. Without this, your buttons will point nowhere. - Decide on billing toggle upfront: If you offer both monthly and annual pricing, you need both prices per tier. If even one tier is missing a second price, the toggle will not display. Either prepare all prices or skip the toggle for now.
- Choose your featured tier: Psychologically, visitors need one option to feel like the obvious choice. Pick the tier you most want visitors to choose — typically the middle or highest-value option — before you start building.
How to add the Pricing block to your page
- Open your page in the Dashboard: Log in to UniLink, go to My Pages, and click Edit on the page where you want the block to appear.
- Add a new block: Click the + Add Block button in the editor. In the block picker, scroll to the Commerce or Marketing section and select Pricing.
- Set the number of tiers: In the block settings panel, choose how many plan columns you want (1–4). You can always add or remove tiers later — start with however many you actually offer.
- Configure each tier: For each column, fill in the tier name (e.g., "Starter," "Pro," "Agency"), the price, an optional billing period label (e.g., "/ month" or "/ year"), and the feature list. For each feature item, toggle the icon to a checkmark (included) or X (not included).
- Mark a featured tier: In the tier settings, enable the Featured toggle on your recommended plan. This adds a "Most Popular" badge and a highlighted border to that column, drawing the eye of anyone scanning the table.
- Set each CTA button: For each tier, enter the button label (e.g., "Get Started," "Subscribe Now," "Book a Call") and paste in the destination URL. Test each URL in a browser tab before saving.
- Enable the billing toggle (optional): If you offer yearly pricing, go back to each tier and add the second price. Once all tiers have both prices entered, enable the Monthly / Yearly toggle switch in the block settings. A toggle control will appear at the top of your Pricing block.
- Save and publish: Click Save to store your changes, then Publish to make the block live on your page.
Key settings explained
| Setting | What it controls | Best practice |
|---|---|---|
| Number of tiers | How many plan columns render in the block (1–4) | Three tiers is the sweet spot — enough choice to segment buyers without causing decision paralysis |
| Tier name | The plan label shown at the top of each column | Use descriptive names ("Starter," "Growth," "Agency") not generic ones ("Basic," "Standard," "Premium") — specificity signals value |
| Price field | The price shown for this tier; displayed prominently as the visual anchor | Use a clean number ($49, $99) — round prices read faster and feel less arbitrary on a creator page |
| Billing period label | Text appended to the price (e.g., "/ month," "per seat," "one-time") | Always fill this in — a price with no period label creates ambiguity and kills confidence |
| Feature list items | The included/excluded features shown in each column; each item gets a checkmark or X icon | Keep it to 5–8 items per tier; list the features that actually differentiate tiers, not every minor detail |
| Featured tier toggle | Adds a "Most Popular" badge and highlighted border to one tier column | Always enable on exactly one tier — the featured column is what anchors visitor attention and nudges the decision |
| CTA button label | The text on each tier's action button | Use action verbs specific to the outcome ("Start Free Trial," "Book a Call," "Join Now") not the passive "Click Here" |
| Monthly/yearly toggle | Adds a switch that lets visitors flip between two price sets; requires both prices on every tier | Enable only if you genuinely offer both billing periods — a toggle with identical prices looks like a glitch |
How to write pricing that converts
Three tiers outperform two or four in almost every context, and the reason is behavioral. With two options, visitors make a binary choice between cheap and expensive — and many choose neither. With four, they spend their decision energy comparing rather than buying. Three tiers create an anchoring effect: the highest tier makes the middle tier look reasonable, and the lowest tier exists mainly to give cautious buyers an entry point. If your business genuinely only has two products, use two columns — but if you're starting from scratch, structure your offering into three tiers before you build the block.
The featured tier should be the one you most want visitors to choose, and it should almost always be the middle column. Centering it visually and adding the "Most Popular" badge creates social proof and removes the hesitation that comes from not knowing what everyone else picks. Set the price of your featured tier first, then work outward: the tier below it should be noticeably limited, and the tier above it should feel aspirational but not mandatory. The gap between tiers in feature lists is what justifies the price gap — visitors need to see clear reasons to upgrade, not just a higher number.
Feature list length is where most people go wrong. Ten or more items per tier is cognitive overload on a mobile screen. Visitors stop reading and start scrolling. Pick five to eight features that actually differentiate the tiers. Include the features that buyers ask about most often. If everyone on your free tier keeps asking whether the paid tier includes something specific, that feature goes on the list. If a feature applies to all tiers equally, either put it in the block's intro text or leave it out entirely — it takes up space without doing any persuasion work.
Your CTA button label is a micro-copy decision that has outsized impact. "Get Started" is fine but generic. "Start My Free Trial," "Book Your Strategy Call," or "Join 2,400 Members" all work harder because they speak to an outcome or add social proof. Match the label to what actually happens next: if clicking the button opens a Calendly booking page, the label should mention booking, not subscribing. Mismatched expectations — button says "Start Free Trial," destination requires a credit card — are a top reason visitors abandon the checkout flow.
Troubleshooting common issues
| Problem | Likely cause | Fix |
|---|---|---|
| Monthly/yearly toggle not showing on the live page | One or more tiers are missing their second (yearly) price entry | Open each tier in the block editor and confirm both price fields are filled in; the toggle only activates when every tier has two prices |
| CTA button does nothing when clicked | URL field left empty or filled with the placeholder "#" | Edit the block, open each tier, and paste a valid destination URL into the button link field; test the URL in a browser tab before saving |
| No "Most Popular" badge visible on the featured tier | Featured toggle not enabled, or enabled on more than one tier | Open the tier settings for your intended featured column and make sure only that tier has the Featured toggle switched on |
| Pricing block looks broken or columns stack oddly on mobile | Four tiers selected — four columns are too wide for most phone screens | Reduce to three tiers; if four are necessary, use shorter tier names and fewer feature list items to give each column more breathing room |
| Feature checkmarks not showing; all items look the same | Icon toggle on each feature item defaulted to neutral instead of check/X | Edit each feature item in the block editor and explicitly set the icon to checkmark (included) or X (not included) — the default state may render without a visible icon on some themes |
| Yearly price displaying incorrectly (shows same as monthly) | Both price fields filled with the same number, or yearly price entered in the monthly field | Check the label above each price field — the top field is monthly rate, the bottom field is yearly rate; correct whichever is wrong and save |
| Block saved but not visible on the live page | Block saved but not published, or page has an unpublished draft state | Return to the Dashboard editor, confirm the block shows no "Draft" indicator, then click Publish Page at the top of the editor |
Best fit for
- Coaches, consultants, and service providers offering tiered packages with different levels of access or support
- Course creators and community builders with free, paid, and premium membership tiers
- SaaS founders or app developers communicating plan differences to a social media audience
- Agencies presenting retainer options (e.g., Basic, Growth, Enterprise) with clear feature differentiation
- Anyone who currently describes their pricing in a bio caption or DM — the Pricing block makes that information permanent, structured, and clickable
Not the right tool if
- You need to collect payment directly on the page — use the Membership block or link to a checkout page; the Pricing block is display-only
- You have a large product catalog with many SKUs — the Shop block handles individual products with images, variants, and cart functionality
- Your pricing is fully custom or quote-based — a Form block with a contact/inquiry form fits better when no price can be stated upfront
- You only have one offering with no tiers — a single CTA button or a Links block is simpler and less imposing visually
Frequently asked questions
Does the Pricing block process payments directly?
No. The Pricing block is a display and navigation element. It shows your plans and lets visitors click a CTA button. Where that button leads is entirely up to you — a Stripe payment link, a Gumroad checkout, the UniLink Membership block, an external booking form, or any other URL. The actual transaction happens at whatever destination you configure for each tier's button.
Can I use the Pricing block to link to the Membership block on the same page?
Yes. If your Membership block is on the same page, give it an anchor ID (you can set a custom block ID in the Membership block settings), then link each Pricing tier's CTA button to that anchor using a hash URL like #membership. Clicking the button will smooth-scroll the visitor down to the Membership block where they can sign up and pay.
What's the maximum number of features I can list per tier?
There is no hard cap enforced by the block, but more than eight to ten items per tier significantly hurts readability on mobile screens. Visitors stop parsing individual items and start treating the list as visual noise. Focus on the five to eight features that genuinely differentiate your tiers and that buyers ask about most often.
Can I show a free tier alongside paid tiers?
Yes. Set the price field for the free tier to "$0" or "Free" (the price field accepts text) and set the billing period label to blank or "forever." This works well for freemium models where you want to convert free users to paid plans. Make sure the free tier's CTA button still has a destination — typically a signup link or the URL to your app's registration page.
Can I add a discount or strikethrough price to show a sale?
The Pricing block does not have a built-in strikethrough field. The most common workaround is to update the tier name temporarily (e.g., "Pro — Limited Offer") and adjust the price to the sale price, then restore the original price when the sale ends. Alternatively, add a note in the block's header text or use the billing period label field to communicate the discount (e.g., "/ month — 30% off this week").
- Three tiers is the psychological sweet spot — it creates anchoring, prevents decision paralysis, and gives you a clear hero option to highlight.
- Always mark one tier as "Featured" — without a highlighted recommendation, visitors stall because nothing signals which plan to choose.
- The monthly/yearly toggle only displays if every tier has both prices filled in — missing one price entry silently disables the toggle.
- CTA buttons need real destination URLs before you publish; a button that points to "#" or loads nothing is worse than having no button at all.
- The Pricing block displays and directs — it does not process payments. Connect it to the Membership block, a Stripe link, or another checkout tool for the actual transaction.
Ready to display your plans? Create your free UniLink page and add a Pricing block that converts visitors into paying customers.