Navbars with a Pricing Tab (100)

What it is

A navbar Pricing tab names cost directly in the top navigation, as a top-level link a visitor sees as soon as the page loads. It sits beside items like Product, Solutions and Resources, and it answers the question almost every buyer asks sooner or later: what does this cost?

It takes two forms:

• A flat top-level tab. A plain Pricing link in the main row, one click from the plans. No dropdown to open, nothing to scroll.
• Pricing beside the main button. The tab placed next to the sign-up or demo button, so the way to check the price and the way to start share one corner of the screen.

Why it matters

A visitor who goes looking for the price has a concrete question. A visible Pricing tab answers it in one click, instead of making them dig through a dropdown or scroll to the footer. Hiding the price does the opposite: it reads as evasive, and it makes the people closest to a decision work hardest to get an answer.

How the best navbars do it

The best examples below keep Pricing flat and in plain view. Zendesk puts its Pricing tab right next to a green Try for free button. Amplitude places Pricing beside a Get started button, with Login and Contact sales close by. Notion drops a Pricing tab into the top row next to Product and Solutions. What repeats is the pairing: the price and the main action sit in the same corner, so a visitor can check the cost or sign up without looking elsewhere. Parabola and Ahrefs keep pricing one click away even though the rest of their menus open into large dropdowns.

A Pricing tab rarely works alone. The best navbars also let visitors self-select by job with use-case tabs in the navigation. The complete navbar gallery shows the full range.

100/100

Common mistakes

The usual failure is burying pricing inside a Solutions or Product dropdown, so the one link buyers most want costs them a hover and a search. The second is leaving pricing out of the navbar entirely, as in the example above, where the bar offers a free trial but no way to see what comes after it.