Avo › Invoice templates › Web Development Invoice Template

Web Development Invoice Template (Free Fillable PDF)

Developers bill in one of three ways: hourly with a timesheet, by sprint or milestone against a fixed scope, or on a monthly retainer for maintenance. Clients who are not technical need the invoice to name what was built in plain words, not ticket numbers alone. This template has a line per feature or sprint with the ticket reference in brackets, hours where relevant, and third-party costs (hosting, APIs, licenses) separated from your fees.

Download the free PDF templateOr make it in the Avo app

Free, fillable, US Letter. No email, no sign-up. Fill in your details once. For each invoice change the client, the period or milestone and the lines.

What the PDF looks like. The hints in the line table show the lines a developer typically bills; type over them.

Why web development invoices get paid late

Ticket numbers only

“#412, #418, #420: 14 h” means nothing to the client's finance person. “Checkout flow: address validation and order confirmation emails (#412, #418), 14 h”.

Retainer hours untracked

If the retainer includes 10 hours, show hours used this month and hours carried or expired, or the client assumes unlimited.

Cloud costs surprise

Hosting, API usage and licenses passed through need the service, the period and the amount, with the provider invoice available.

What to include on a web development invoice

Example web development invoice

Lines a typical job produces. Labor and materials are separate, and anything already paid is a negative line so the total is the balance due.

DescriptionQty × rateAmount
Sprint 4 (Mar 2–13): checkout flow, address validation and order confirmation emails (#412, #418)22 h × $110.00$2,420.00
Sprint 4: admin dashboard, order export to CSV (#420)9 h × $110.00$990.00
Bug fixes and code review, logged in timesheet4.5 h × $110.00$495.00
Pass-through: hosting (Mar) and transactional email API (Mar), provider invoices attached1$63.40
Deposit received Feb 1−$1,500.00
Total due$2,468.40

How to use the template

  1. Download the PDFIt is a fillable form: open it in any PDF reader, on a computer or a phone.
  2. Fill in your details onceBusiness name, contact, license number, terms. Save it as your master copy.
  3. Add the job and sendChange the client, the lines and the invoice number for each developer job. Export and send by email or text.

Fill it on your iPhone in a minute instead

Avo keeps your clients and your usual line items, so the next invoice is three taps. Your first three documents are free, full-quality PDF, no watermark. Premium from $59.99/year if you invoice often.

Download Avo on the App Store
QR code to the Avo app
On your computer? Send Avo to your iPhone

Scan the code with your iPhone camera to open Avo in the App Store, or email yourself the link.

Questions

Should developers invoice hourly or per milestone?

Hourly with a timesheet for open-ended or maintenance work; fixed milestones for defined scope where the client wants a known price. Many projects use a deposit plus milestones for the build and hourly afterward. The invoice should say which applies to each line.

How do I describe technical work on an invoice?

Lead with what the client can recognize (“checkout flow with address validation”) and put ticket numbers or commit ranges in brackets. The finance person approves the plain description; the product owner checks the references.

How should a maintenance retainer appear?

One line with the month, the hours included, the hours used and what happens to the remainder (carried or expired), plus the flat fee. Work beyond the retainer goes on separate hourly lines at the agreed rate.

Do I mark up hosting and API costs?

Small developers usually pass them through at cost on separate lines with provider invoices available, or have the client pay the providers directly. If you add a management fee, state it as its own line.

When should code be handed over?

On payment, stated in the terms: repository access or a deployment on receipt of the milestone payment. For retainers, the client usually owns the repository from the start and the terms cover access instead.

Estimate for the same trade

Web Development Estimate Template

Templates for related trades

Web Design Invoice TemplateConsulting Invoice TemplateFreelance Invoice TemplateGraphic Design Invoice Template

Guides

How to Fill Out an InvoiceInvoice Email TemplateInvoice TrackerSample Invoice PDFInvoice Payment TermsInvoice vs Receipt vs Bill vs QuoteInvoice NumberPast Due InvoiceQuote vs Estimate vs Bid vs ProposalDeposit InvoiceRecurring InvoicesHourly InvoiceWhat Is an Invoice? Definition, What It Contains, and How It WorksWhat Is a Quote? Definition, How It Differs From an Estimate, and What It Must ContainWhat Is a Receipt? Meaning, What It Must Show, and When You Need OneHow to Write a Quote for a JobHow to Write a ReceiptInvoice ExampleHow to Send an InvoiceHow to Make an Invoice