Most pages offering a website design quote template ask for your email first and then hand you a generic form. This one is free and ungated. You get the full structure, a filled-in sample quote with real numbers, and the terms that protect your margin when a client asks for one more page.
The Website Design Quote Template
How to use this website design quote template
Copy the structure below into your proposal tool, document editor, or CRM. If you have not scoped the project yet, work through our scoping checklist before you quote first. Replace the bracketed items. The order matters: clients read the summary and price first, so lead with the outcome and make the investment easy to find.
Short answer: A website quote should include a project summary, detailed scope, deliverables, exclusions, timeline with milestones, itemized pricing with payment schedule, and terms covering revisions, change requests, content, and ownership.
A Filled-In Sample Website Quote
Here is a sample for a 15-page professional services site, priced the way many US agencies price white label WordPress work. For the cost logic behind each number, see our WordPress website cost guide.
| Line item | Detail | Price |
|---|---|---|
| Discovery and sitemap | Workshop, sitemap, content plan | $1,200 |
| Design | 5 templates, desktop and mobile, 2 revision rounds | $3,000 |
| Development | Custom block theme, 15 pages, forms, CRM routing | $4,200 |
| SEO and launch | Redirect map, schema, analytics, Search Console | $900 |
| Training | 60-minute session and recorded walkthrough | $300 |
| Total | $9,600 | |
| Optional: copywriting | 15 pages | $3,300 |
| Optional: care plan | Updates, backups, monitoring, 2 hrs support | $249/mo |
How to Price Each Line Item
Price templates, then pages
Count unique templates first (why template count beats page count). Each one needs design, development, and testing. Pages built from existing templates mostly cost content entry and review time.
Price integrations separately
A CRM form embed, a booking system, and a payment integration have very different risk. Itemize them so the client sees why one site costs more than another.
Show options
Three options (core, recommended, complete), structured like our web design package tiers, give the client control and usually lift average deal size. Keep the differences meaningful, such as adding copywriting or a care plan.
Terms That Prevent Scope Creep
- Revision limits: state the number of rounds per stage, and what counts as a round.
- Accessibility standard: name the target, such as WCAG 2.2 AA, so testing is part of the price.
- Change requests: any new page, template, or feature is quoted before work starts.
- Content deadlines: late content moves the timeline, not your launch quality.
- Approval gates: development starts only after written design approval.
- Payment schedule: tie payments to milestones, not to calendar dates alone.
- Ownership: code and content transfer on final payment, and licenses are listed.
Common Quoting Mistakes
- Quoting before seeing existing content or the current site.
- Forgetting redirects and SEO preservation on redesigns. Google’s guidance on site moves with URL changes explains why.
- Leaving accessibility, speed, or browser support undefined.
- Underpricing project management. It is usually 10 to 15% of total effort.
- Sending a quote without a clear next step or expiry date.
- Skipping a project plan, which leaves the timeline undefended.
White label tip: Ask your production partner for a fixed quote before you send yours. You then know your margin on every line, and the partner carries the estimation risk.
How to Present the Quote
Send the quote as a short walkthrough call, not just an email attachment. Spend two minutes on the problem, three on the solution, and one on the investment. Then send the document the same day while the conversation is fresh. Follow up after three business days with one specific question, such as whether the timeline works for their campaign.
Writing Scope Lines Clients Understand
| Vague scope line | Clear scope line |
|---|---|
| “Website design” | “Design of 5 templates (Home, Service, About, Post, Contact) for desktop and mobile, 2 revision rounds” |
| “SEO setup” | “Titles and descriptions for 15 pages, XML sitemap, 301 redirects for up to 40 old URLs, Search Console setup” |
| “Contact form” | “One contact form with 5 fields, spam protection, email notification, and CRM delivery” |
| “Training” | “60-minute recorded session covering pages, posts, and forms” |
Clear scope lines make change requests easy to identify, which protects both the client and the agency.
Variations for Different Project Types
The core structure works for most projects, but a few sections change depending on what you are quoting.
Redesigns
Add a “Current site review” section that lists what is being kept, what is changing, and how rankings will be protected. Include a line item for the redirect map and post-launch monitoring. Clients who have been burned by a redesign before will look for this first.
WooCommerce stores
Add sections for product data import, payment gateways, shipping rules, tax settings, transactional emails, and test orders. Note who is responsible for payment provider accounts and merchant approvals, which can take days and delay launch.
Landing pages for campaigns
Keep the quote short. List the page sections, form and tracking requirements, the number of variants for testing, and the launch date tied to the campaign. Campaign clients care about speed and tracking more than anything else.
White label projects for another agency
When you are the production partner, the “client” is the agency. Replace the business outcome summary with a clear statement of what you receive (approved designs, copy, access) and what you deliver (staging link, QA report, handoff documents), and add a confidentiality clause stating you will never contact the end client.
Should You Charge for Discovery Before Quoting?
For projects above roughly $15,000, or any project with unclear integrations, a paid discovery phase is often the right first step. It produces a sitemap, a technical brief, and an accurate fixed quote for the build. Typical discovery fees run $1,000 to $5,000 and are often credited toward the build if the client proceeds. Clients get a useful document either way, and you avoid guessing on complex work.
A Simple Change Request Template
Using the same format every time trains clients to expect it and removes awkward conversations. Most clients appreciate knowing the cost before work happens rather than discovering it on an invoice.
Follow-Up Sequence After Sending
- Same day: send the quote after a short walkthrough call and confirm the expiry date.
- Day 3: answer any open question and share one relevant case study.
- Day 7: ask whether the timeline still works for their goals.
- Day 14: offer a smaller first phase if budget is the obstacle.
- Before expiry: a final note confirming when pricing will be revisited.
A short, respectful sequence closes more work than a dozen “just checking in” emails.
Small Choices That Make Quotes Easier to Accept
- Lead with outcomes. The first section should restate the client’s goal in their words, not your process.
- Use round, confident numbers for packages and precise numbers for itemized extras.
- Show the recommended option clearly, with a short reason it fits.
- Break down large totals by phase so no single line feels overwhelming.
- Include proof near the price: one relevant case study with a measurable result.
- Make acceptance simple: an online signature and deposit link beat printing and scanning.
Payment, Cancellation, and Pause Terms
Clear payment terms prevent most billing disputes. A common structure is a deposit of 30 to 50% before work begins, a milestone payment at design approval, and the balance at launch or at a set date after staging delivery, whichever comes first. That last clause matters: projects stall when clients delay launch for reasons outside your control. Add a pause clause stating that if the client is unresponsive for a set period, such as 30 days, the project is paused, completed work is invoiced, and restarting is scheduled based on availability. Finally, state what happens on cancellation: work completed to date is billed, and the deposit covers reserved capacity.
Adding Care to the Quote
The best time to sell ongoing care is inside the original quote, not after launch. Include a care plan as a clearly priced line, ideally with the first one to three months included. Describe it in outcome terms: the site stays updated, backed up, secure, and fast, with a set amount of monthly support. Clients who start on care from day one rarely remove it, and it turns a one-time project into a lasting relationship. Our guide to maintenance plans covers what to include.
Clauses Agencies Most Often Forget
- Who supplies and pays for third-party licenses after launch.
- Browser and device support that testing will cover.
- Content migration limits from the old site.
- Hosting responsibility and who handles DNS changes.
- Rights to show the work in the agency’s portfolio, or a confidentiality request from the client.
- Warranty period for fixing defects after launch, commonly 30 days.
Each of these has caused real disputes for agencies. One sentence in the quote prevents an awkward conversation months later.
Where to Build and Send Quotes
The template works in any tool, but the choice affects how quickly clients sign. Proposal software adds e-signatures, payment links, view tracking, and reusable content blocks, which helps agencies sending many quotes a month. A well-formatted document with a signature link works fine for lower volume. A CRM-integrated quote keeps pricing tied to the deal record so sales reporting stays accurate. Whatever you use, keep one master template with approved wording for scope, exclusions, and terms, and update it whenever a dispute or misunderstanding teaches you something new. Over a year, that living template becomes one of the agency’s most valuable assets.
41%
