The Pricing Table Block: Lay Your Plans Side By Side In One Place

Put your plans next to each other — names, features and a button on each — with a highlighted pick and a monthly/yearly toggle. No CSS, no extra plugin.

Your plans, scattered across a page nobody can compare

You’ve got two or three plans to sell, and the page shows them one after another — a heading here, a bullet list there, a button somewhere below. Visitors can’t line them up in their heads, so they can’t tell which one is for them. Building a proper side-by-side table usually means fighting with columns, or copying CSS you’ll be scared to touch later.

The Pricing Table block lines them up for you. Each plan is a column with a name, a price, its features and its own button — and you point people at the one you want them to pick.

Put every plan side by side — each with its name, price, feature list and its own button.
Flag one plan as the most popular, with a badge and a standout card to draw the eye.
Add a monthly / yearly toggle so visitors switch the billing period and every price updates in place.
Give each plan its own button, pointed at its own sign-up or checkout link.
Plus the usual spacing, colour and responsive controls, so it fits your design instead of fighting it.

Setting one up takes a few minutes. Type each plan’s name, price and features, tick which one is the popular pick, and choose whether to show a billing toggle — the preview builds the table as you go. No CSS, no shortcode, nothing to remember.

See the Pricing Table block in action

Each table below is the same block with one thing changed. The plan names and prices here are just sample content — swap in your own.

Three plans, with the middle one highlighted. A badge and a standout card push the eye toward the plan you want picked.

Starter
$9/month
  • 1 project
  • Community support
  • 1 GB storage
Choose Starter
Most popularPro
$29/month
  • Unlimited projects
  • Priority support
  • 50 GB storage
  • Advanced analytics
Choose Pro
Business
$79/month
  • Everything in Pro
  • Dedicated manager
  • 500 GB storage
  • SLA guarantee
Contact us

The monthly / yearly toggle switched on. Visitors flip the billing period and every price swaps to its yearly figure in place.

Starter
$9/month$90/year
  • 1 project
  • Community support
  • 1 GB storage
Choose Starter
Most popularPro
$29/month$290/year
  • Unlimited projects
  • Priority support
  • 50 GB storage
  • Advanced analytics
Choose Pro
Business
$79/month$790/year
  • Everything in Pro
  • Dedicated manager
  • 500 GB storage
  • SLA guarantee
Contact us

Two plans, full-width buttons. The same block scales down to a simple side-by-side, with the call-to-action stretched across each card.

Personal
$12/month
  • For one person
  • Email support
  • 10 GB storage
Get Personal
Team
$39/month
  • For your whole team
  • Priority support
  • 200 GB storage
  • Shared workspaces
Get Team

Ready to lay out your plans?

The Pricing Table block ships with Flexa Block. Install the free plugin and it’s waiting in your editor the next time you build a page.

More articles

Keep reading

Other guides from the Flexa Blocks library.

48 posts found