Payment Schedule
Three numbered payment stages with percentage splits sit beside a worked example panel that breaks a project fee into three payments with terms.
Three numbered payment stages with percentage splits sit beside a worked example panel that breaks a project fee into three payments with terms.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Payment Schedule pairs a numbered list of three payment stages with a worked example panel. The stages, a 40% deposit on signing, a 30% midpoint review invoice, and a 30% payment on final delivery, each carry a circled step number, a share of the fee, and a short line on what triggers the invoice. The panel beside them breaks an $18,000 brand identity project into the same three payments, totals it, and states plain invoice terms below.
Stages, example rows, and terms are three separate arrays, so the schedule and the worked figures stay in sync as you edit them. A two-column grid places the narrative on the left and the ruled example card on the right, stacking on small screens.
Reach for this block on a pricing or proposal page when the payment structure is a common question and you want it answered before a call. The installer swaps the stages, percentages, example figure, and terms to match how they actually invoice.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the freelance milestone billing schedule. Other payment shapes:
Tip: the worked example is what makes this land, a real number split three ways reads far clearer than the percentages on their own.