A good pricing table lets visitors compare your offers in seconds. The monthly / yearly toggle has become a standard because it shows the yearly saving without cluttering the page.
The anatomy of a pricing table that converts
- Two to four plans. More than that and people freeze.
- One highlighted plan with a badge like “Most popular”.
- A billing switch with a “save 20%” label on the yearly option.
- Included and excluded features, with check marks and crosses.
- One clear button per plan, linked to checkout, a booking page or a contact form.
Step by step
- Install Pricely and create a new pricing table.
- Add your plans, their monthly and yearly prices, and the features of each.
- Mark one plan as highlighted and write its badge.
- Choose a style (cards, outline or dark) and your accent colour.
- Insert the table with the Gutenberg block or the shortcode.
Click the switch on the live pricing table demo to see the prices change.
Free-text prices
Not every offer has a fixed price. “On quote”, “Free” or “From €49” are perfectly valid and help agencies and freelancers show a custom plan next to fixed ones.
Mobile first
Most visitors will see your table on a phone. Plans should stack cleanly, the highlighted one should appear first or stand out, and the switch must be easy to tap.
Next, read our pricing page best practices to improve the rest of the page, and consider adding testimonials right below the table.
Frequently asked questions
How many plans should a pricing table have?
Three is the classic choice: a basic plan, a recommended plan and a premium one.
Can a plan have no fixed price?
Yes. Free-text prices like “On quote” or “From €49” work well for custom offers.
Does the table work in page builders?
Yes, through the shortcode, and in the block editor through the Gutenberg block.