Belmo
Free tool

Pricing table builder for service packages

Set up one to four tiers, see them in three styles, then copy clean HTML and CSS with matching Offer data.

Build my pricing table

Free. Runs in your browser, nothing to sign up for.

1. Set up your table

Start from an example or type your own. Everything updates as you type.

Number of tiers
Style
Your page
#5b4ff0

2. Fill in each tier

Tier 1

A number, or words like Custom quote.

Tier 2

A number, or words like Custom quote.

Tier 3

A number, or words like Custom quote.

3. Live preview

Preview width

Buttons in the preview do not open links. Your copied code does.

4. Checks before you publish

    5. Copy your code

    Paste the HTML and CSS where the prices should appear on your page. Paste the Offer data once on the same page.

    HTML and CSS

    Offer data (JSON-LD)

    Everything happens on this page. Nothing you type is sent anywhere.

    We use your details only to reply and send what you asked for. We use privacy-friendly analytics. Email [email protected] to see or delete your data. Privacy

    Four habits of a pricing table that gets chosen

    • Name by outcome. "Weekly home clean" tells people what they get. "Basic" does not.
    • Keep features to 3 to 7 lines. Link to the full list instead of packing every detail in.
    • Say what the price covers. Add "per month", "per visit" or "one-off" next to every number.
    • Write the button for the next step. "Book my weekly clean" beats "Submit".

    Want the thinking behind the numbers?

    Read how to price service packages

    Questions

    How many tiers should a service pricing table show?

    Three is the usual sweet spot: a starter, a recommended middle option and a fuller package. Two works for simple services, and four is the most a visitor can compare without effort.

    Do I need the Offer data as well as the table?

    No. The table works on its own. The Offer data is optional structured markup that describes the same packages and prices in a form search engines can read. Keep it only if it matches what the table shows.

    Can I edit the code after I copy it?

    Yes. The snippet is plain HTML with a small block of CSS. Change the text, colours or spacing in your own page, and keep the heading above the table so the section stays easy to navigate.

    Is the snippet accessible?

    It uses real headings and lists, link text that includes the package name for screen readers, visible focus outlines, 44px buttons and a text badge instead of colour alone. It also adapts to narrow screens, print and high-contrast modes.