Add-On Pricing
Two category panels list a la carte extras as divided rows, each pairing a name and one line description with a plainly stated price.
Two category panels list a la carte extras as divided rows, each pairing a name and one line description with a plainly stated price.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Add-On Pricing shows two category panels of a la carte extras, one for scope additions and one for speed and support. Each panel is a bordered card with a header naming the category and a short note, above divided rows that each pair an add-on name and one line description with a plainly stated price in tabular-nums. A closing line reminds the client that add-ons attach to a package or day rate engagement rather than standing alone.
The two categories are one typed array, and each group carries its own items array, so adding an extra is a single entry. The divide-y rows keep the name, description, and price aligned as the list grows.
Reach for this block on a pricing or services page when a package is the headline offer and you want the extensions priced in plain sight. The installer swaps the categories, add-on names, descriptions, and prices to match their own scope menu.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the freelance designer add-on menu. Other extension shapes:
Tip: the published price beside each add-on is the point, naming the number upfront keeps extending a project from turning into an awkward negotiation later.