Webflow Developer Invoice Template (Free)

Webflow developers build and maintain marketing sites, CMS-driven blogs, and landing pages for startups, agencies, and small businesses. Invoices usually cover design-to-Webflow builds, CMS setup, custom interactions and code, migrations from other platforms, and ongoing site support. Many work solo or as subcontractors to design agencies, so invoices often need to line up with a scope document or milestone schedule.

AI Voice CommandsPDF ExportReal-time PreviewPrivacy First

Invoice Editor

Fill in details

Create an invoice for payment collection

Your Information

Upload logo

Bill To
Invoice Details
Line Items
Item 1
Amount: $0.00
Tax & Discount
Additional Information
Payment Collection
Loading payment settings...

PDF will be generated with filename:
Invoice_1001_Client_2026-10-14.pdf

Invoice Preview

Style:
Live Preview

INVOICE

#1001
$0.00
Due:

From

Your Business Name

Bill To

Client Name
Invoice Date
Due Date
Description
Qty
Rate
Amount
Description
1
$0.00
$0.00
Subtotal:$0.00
Total:$0.00

Terms & Conditions

Payment is due within 30 days of invoice date.

How Webflow Developer pricing works

Most Webflow developers price new builds as a flat project fee, often split into milestones (deposit, design approval, build complete, launch). Fixed pricing is usually based on page count, number of CMS collections, and complexity of interactions. Hourly billing is common for small changes, audits, and work with unclear scope, and agencies subcontracting developers often pay hourly or per-page. Ongoing work is commonly sold as a monthly retainer with a set number of hours, or as a care plan covering edits, backups checks, and minor updates. Extras such as custom code, third-party integrations, copywriting entry, and migrations are normally itemized separately. Client-side costs like Webflow site plans, workspace seats, and paid apps are usually either billed directly to the client's account or passed through at cost, so say which one on every invoice.

ServicePricedTypical range
Hourly development and editsper hour$65-150
Marketing website build (5-10 pages, from approved design)flat fee$3,000-10,000
Single landing page buildper page$500-1,800
CMS collection setup with templatesper collection$400-1,500
Site migration from WordPress or other platformflat fee$2,000-8,000
Custom interactions and animationsper hour$75-150
Monthly maintenance retainerper month$250-1,500
Site audit and SEO/performance cleanupflat fee$500-2,000

Typical US ranges. Rates vary by region, experience, and job size.

Sample Webflow Developer invoice

DescriptionQtyRateAmount
Webflow build of 8-page marketing site from approved Figma design (milestone 2 of 3, 40%)1 milestone$2,800.00$2,800.00
CMS setup: Blog and Case Studies collections with templates and filtering2 collection$800.00$1,600.00
Custom scroll interactions on home page5 hours$95.00$475.00
Custom code: HubSpot form embed and tracking scripts3 hours$95.00$285.00
Webflow Business site plan, 12 months (pass-through at cost)1 plan$276.00$276.00
Total$5,436.00

Notes: Payment due within 14 days of invoice date. Remaining 30% is due at launch. Revisions beyond two rounds per page are billed at $95/hour. Site plan cost is passed through at cost with no markup; billing transfers to the client's Webflow account after launch.

What to include on your Webflow Developer invoice

  • Project name, site URL, and milestone or phase

    Ties the invoice to the agreed scope so the client's accounts team can match it to the contract or proposal.

  • Itemized deliverables (pages, CMS collections, integrations)

    Shows what was built and prevents disputes over whether something was included in the flat fee.

  • Hours logged for out-of-scope or hourly work

    Change requests and extra revisions need dates and hour counts to be defensible.

  • Pass-through costs (site plans, paid apps, fonts, stock assets)

    Listing these at cost separately keeps them distinct from your labor and shows you aren't marking them up unless agreed.

  • Reference to the signed proposal or statement of work

    Helps when a client or agency asks which approved scope the invoice falls under.

  • PO number or agency project code

    Agencies and larger clients often will not process payment without it.

  • Handoff and ownership notes (workspace transfer, client billing)

    Clarifies who owns the project, who pays Webflow hosting, and when final payment releases the transfer.

Payment terms

A 30-50% deposit before work starts is standard for fixed-price builds, with the balance split across milestones or due at launch. Many developers hold the workspace transfer, DNS changes, or publishing to the live domain until the final invoice is paid. Net 14 is common for direct clients, while agencies often pay net 30 or net 45, so confirm before you start. Late fees of 1-1.5% per month are common if stated in the contract in advance. Payments usually come by ACH, card, or wire; card payments often carry processing fees, which some developers pass on. Retainers are normally billed at the start of the month.

Billing tips

Tie milestones to approvals, not dates

Invoice on design handoff, staging review, and launch rather than calendar dates. Client feedback delays then do not stall your cash flow.

Define revision rounds in writing

Limit rounds per page or per milestone, and bill extra rounds hourly. Most Webflow scope creep is small copy and layout tweaks that add up.

Keep Webflow plan billing in the client's account

Have clients create their own workspace or add a card for site plans. It avoids fronting costs and removes confusion about renewals after launch.

Log hours even on flat-fee jobs

Tracking time shows when a project is running over and gives you evidence when pricing the next change request or retainer.

Bill post-launch support separately

Offer a short free bug-fix window, such as 14-30 days, then move edits to hourly or a retainer. State the window on the final invoice.

Webflow Developer invoice FAQ

Should I charge hourly or a flat fee for a Webflow site?

Flat fees work well when the design is finished and the page and CMS counts are known. Hourly suits unclear scope, ongoing edits, and cleanup of someone else's build. Many developers use a flat fee for the build and hourly for changes after approval.

Do I bill the client for the Webflow hosting plan?

Either approach works if it is written down. The cleanest option is for the client to pay Webflow directly from their own account. If you pay first, list the plan as a pass-through at cost and note the renewal date.

How do I bill for work done on a designer's or agency's behalf?

Invoice the party who signed your agreement, which is often the agency. Include their project code or PO, and use the rate or per-page price you agreed on. Agencies often want hours broken out by task.

Can I withhold the site transfer until I'm paid?

Many developers do, as long as the contract says final payment is due before transfer or launch. Put that term in the proposal up front rather than raising it at the end.

Do I need to charge sales tax on web development?

It depends on the state. Some states tax digital services or custom software, and others do not. Check your state's rules or ask an accountant, and show any tax collected as a separate line.

Quoting a job first?

Send a Webflow Developer estimate for approval, then turn it into an invoice when the work is done.

Webflow Developer estimate template

Related invoice templates