Web Design Invoice Template: What to Include (Free Copy)

A good web design invoice template does two jobs: it tells your client exactly what they're paying for, and it protects your cash flow. This page gives you a complete, copy-ready template plus the terms, wording and follow-up system that get local business clients paid on time.

Whether you bill a one-off build or monthly maintenance, the invoice structure below works. Copy it, adjust the sections to your services, and pair it with the payment terms we recommend for small business clients. For more client-getting basics, see how to get your first web design client.

What to include in a web design invoice

A web design invoice is not just "Website: $X". Vague invoices get delayed because the client's bookkeeper can't match them to anything. Include these fields every time:

• Your name/business name, address, email and phone
• Client's business name, contact person and address
• Invoice number and issue date (e.g. INV-2024-017)
• Due date, stated clearly at the top
• Itemised line items with quantities (hours, pages, months)
• Deposit already paid and balance due
• Subtotal, tax (if applicable), total
• Payment methods you accept
• Late payment terms and a short thank-you note

Invoice fields

Line items should describe outcomes, not effort where possible. "5-page responsive website with booking form" reads better to a bakery owner than "120 hours of development".

Replace anything in [brackets]. This works for a standard one-off website build:

INVOICE #[2024-001] [Your name / agency name] [Your address] [Email] · [Phone] Invoice date: [Date] Due date: [Date — usually Net 7 or Net 14] Bill to: [Client business name], [Client address], Attn: [Contact name] Project: [Website for Business Name] Line items 1. Discovery call and content collection — 1 × [price] 2. Homepage design (desktop + mobile) — 1 × [price] 3. Inner pages (About, Services, Contact) — 4 × [price] 4. Mobile-friendly build and launch — 1 × [price] 5. Contact form with email notifications — 1 × [price] Subtotal: [amount] Deposit paid on [date]: [amount] Tax ([rate]%): [amount] Total due: [amount] Payment: [Bank transfer / card link / PayPal] Terms: Payment due within [7/14] days. Late payments incur [X]% per month. Work remains confidential until paid in full. Thank you for your business — it's a pleasure working with you. [Your name]

Invoice for a website redesign: template variation

Redesign projects are easier to sell when the client sees the problems you found — slow loading, no mobile layout, missing contact details. Your invoice can mirror that value. Line items for a redesign might read:

• Site audit and fix list (what's broken and why it matters)
• New mobile-friendly design
• Content migration from old site
• Speed and loading improvements
• 301 redirects so old links keep working

Example redesign line items

If you need leads to pitch redesigns to, finding local businesses with broken or outdated websites shows how to build that list. And if you're still deciding how to position the pitch, our website redesign cold email covers the outreach side.

Deposit, milestones or payment on delivery?

For local business clients, always take a deposit. A simple structure that works:

1. 50% deposit before you start. No deposit, no project — say it politely and firmly.
2. 25% at design approval, before development begins.
3. 25% on launch, or within 7 days of the site going live.
4. For small builds under a day of work, 100% upfront is completely reasonable.

Recommended payment structure

Milestone invoicing protects you from the classic small business failure mode: the client goes quiet after you've done all the work. It also makes the conversation about money normal early on, which is exactly when you want it. See how to price a website for a small business for setting those numbers.

Payment terms that protect your cash flow

Small business clients pay fastest with short, specific terms. "Payment due on receipt" invites indefinite delay. Use these instead:

• Net 7 or Net 14 — not Net 30 for small projects
• A named late fee, e.g. "1.5% per month on overdue balances" (check local rules on late fee caps)
• Suspension clause: "Ongoing work pauses if an invoice is more than 14 days overdue"
• Ownership clause: you keep rights to the site until paid
• Maintenance billed monthly in advance

Terms to put on every invoice

The suspension clause is the one most freelancers forget. Without it, you can't justify pausing work on a client who won't pay, and you end up building for free.

Web design invoice vs proposal: what goes where

Clients often ask "can you just send me an invoice?" when they actually haven't agreed on scope yet. Here's the split:

Proposal = scope, deliverables, timeline, price, what's included and excluded. Invoice = the amount due, due date, payment method. Never let an invoice become the place where scope is defined — that's how scope creep starts. If the deal is still being negotiated, send the proposal first; our website design proposal template pairs directly with the invoice above.

Recurring invoices for maintenance and hosting

If you offer monthly care plans (and you should — see website maintenance packages for small business), use a simpler recurring invoice:

INVOICE #[2024-M011] — Monthly care plan, [Business name] - Website updates, backups and security checks — 1 month - Small content changes (up to 2 per month) — included - Uptime monitoring — included Total due: [amount] — due 1st of the month, billed in advance.

How to send an invoice (and when)

Timing matters as much as content. Follow this sequence:

1. Send the deposit invoice within an hour of the client saying yes — while excitement is high.
2. Send final invoices on the day the milestone is delivered (site approved or launched), not days later.
3. Email it with a short, clear subject line: "Invoice INV-017 — Bakery website, due 14 March".
4. Include a payment link or bank details directly in the email body, not just in the attached PDF.
5. Log the invoice date and due date in your CRM so follow-ups are automatic, not from memory.

Invoice workflow

That last step matters more than it sounds. Freelancers lose money not because clients refuse to pay, but because nobody follows up on time. If your pipeline is more than a handful of clients, a simple CRM (see the CRM features freelancers actually need) keeps invoices, notes and follow-up dates in one place.

Polite follow-up scripts for unpaid invoices

Copy these. Send them exactly when stated, without apology or anger:

Due date, same day: "Hi [Name], quick note that invoice [number] for [project] was due today. If it's already scheduled, ignore this. Here's the link again: [payment link]. Thanks!" 3 days overdue: "Hi [Name], invoice [number] is now a few days overdue. Sometimes these slip through — could you confirm it's with your bookkeeper? Happy to resend anything you need." 10 days overdue: "Hi [Name], following up on invoice [number], now 10 days past due. Per our terms, I'll need to pause work on [project] until it's settled. I'd much rather keep building — can we get this paid this week?"

Notice the tone: friendly, factual, escalating consequences only when needed. If phone calls work better with your local clients, the cold calling script for web design clients includes call structure you can adapt for payment calls too.

Common invoicing mistakes (checklist)

Run every invoice through this before you hit send:

• Client's legal business name spelled correctly (matters if you ever need to escalate)
• Due date visible without opening an attachment
• Line items match what was agreed in the proposal
• Deposit subtracted and balance shown
• Payment instructions complete and tested
• Late terms included — even if you never enforce them
• Invoice number unique and sequential
• Sent to the right person (owner, not the receptionist, if you know who signs off)

Pre-send checklist

One more habit worth building: invoice the same day work is delivered. Every day of delay is a day the client's enthusiasm — and their sense that they owe you something — fades.

Getting more clients to invoice in the first place

An invoice template only matters if the pipeline in front of it is full. The fastest source for most freelancers is local businesses with no website or a slow, broken one — they already know they need help, so the sale is shorter. Futureleads.app lets you search any niche and city, see exactly what's wrong with each business's site, and grab phone and email details in one list. You can send an AI-built homepage preview before the client pays anything, which turns "how much is a website?" conversations into signed deposits much faster.