Pricing Sections with Tooltip Explanations (12)

What tooltip explanations in pricing actually are

Tooltip explanations are the decision to attach a plain answer to the parts of a pricing table a buyer cannot read at face value. A feature row says "11M compute units" or "enrichment credits" or "priority routing." On its own, that is a label, not information. A tooltip turns the label into something the buyer can act on, without making them leave the page to find out what it means.

The best pricing sections use one of a few forms, often more than one together:

• Info icons on feature rows. A small "i" next to a feature that opens a one-line definition on hover or tap. The most common form, and the least intrusive.
• Usage-unit tooltips. Hover cards that define how a metered unit is counted and what it costs, so a metered plan stops being a guess.
• Inline footnotes. Asterisks on credits, limits, and add-ons that resolve to a short note below the table, for the buyer who reads the fine print.
• Expandable rows. Rows that stay short until a buyer expands them, revealing the detail only when it is asked for.

Why it works

Pricing is the section where a visitor is deciding to spend money, so every unanswered question carries more weight than it would anywhere else on the page. When a plan lists a term the buyer cannot decode, they have three options, and two of them lose the sale: guess and risk overpaying, leave to go search, or stop to email sales. A tooltip removes the fork. It answers the question at the exact spot it appears, so the buyer stays on the path to the call to action instead of stepping off it.

The clarity compounds with the rest of the table. A tooltip that explains a usage unit is what makes side-by-side plan comparison honest rather than confusing, and it is what makes per-feature and usage-based pricing feel fair instead of opaque. The explanation is the thing that lets the numbers do their job.

How the best pricing sections do it

A minority of the pricing sections in the library add inline explanations, and the examples below show why the ones that do stand apart. The pattern that works is restraint paired with placement. The strongest pricing sections do not explain every row; they explain the specific terms a buyer cannot infer, and they park that detail behind an icon so the card itself stays short and scannable. Raycast pairs info icons with individual feature rows so the plan reads clean while the definitions sit one hover away. Alchemy puts tooltip icons on the rows that carry its usage units and limits, exactly where a metered plan would otherwise lose people. Contentsquare adds an info icon to every feature row so a buyer can clarify a limit without leaving the table. In each case the explanation is written as a plain answer, not a second, longer feature name.

100/100

Common mistakes

11/100

The usual failure is a tooltip that repeats the label instead of explaining it: hovering "enrichment credits" to read "credits used for enrichment" tells the buyer nothing they did not already know. The second is burying the terms that actually matter, so the one unit that drives the whole cost has no explanation while trivial rows get three. The third is a tooltip that only works on hover, invisible to every buyer on a phone. Explain the words a buyer cannot guess, write the answer in plain language, and make sure it opens on tap as well as hover.