How to Build a Website with ChatGPT: Brief, Copy, Then a Live Site | How-to Guide
A practical, tool-neutral guide to building a website with ChatGPT: what it can and cannot do, a copyable website brief prompt, how to check the copy, and how to turn the brief into a published site.
You can build a website with ChatGPT by using it for the thinking and writing: a clear brief, a page plan and first-draft copy. ChatGPT does not host or publish a site for you, so the last step is pasting that brief and copy into a website builder (or into code you host yourself). The whole job takes an afternoon if you check the copy carefully before it goes live.
Checked October 2026. ChatGPT features change often; facts about it below come from OpenAI's help centre and are dated in the sources section.
The short version: three steps
- Brief. Ask ChatGPT to interview you, then turn your answers into a one-page website brief (business, audience, pages, sections, tone, colours, must-haves).
- Copy. Have it draft the words for each page from the brief, then check every fact, price and promise yourself.
- Live site. Paste the brief into an AI website builder that builds from a description, or paste the copy into a template in any builder, then connect a domain and publish.
What ChatGPT can and cannot do for a website
| Job | ChatGPT on its own | What you still need |
|---|---|---|
| Plan the pages and sections | Good. It is quick at turning messy notes into a sitemap and section list. | Your judgement on what customers actually ask about. |
| Write headlines and page copy | Good first drafts in any tone you describe. | A fact check: it can invent details such as years in business, awards or prices. |
| Write HTML, CSS or React code | Yes. In canvas, OpenAI says HTML and React code can be rendered in a sandbox so you can preview it. | Somewhere to host the files, plus the skill to fix code when it breaks. |
| Host and publish the site | No. A preview inside ChatGPT is not a public website. | A host or website builder, and a domain if you want your own address. |
| Forms, bookings, payments | It can describe or write code for them. | A service that actually receives form entries and takes payments. |
| Know your business | Only what you tell it. | Your real address, hours, prices, photos and reviews. |
The pattern is simple: ChatGPT is a fast writer and planner, not a web host. Treat everything it produces as a draft that you own and check.
Step 1: Get ChatGPT to interview you first
The most common mistake is asking "make me a website for my bakery" in one line. You get generic copy that could belong to any bakery. Ask it to interview you instead, so the brief is built from your facts:
I want to build a website for my business. Before writing anything,
interview me. Ask me one question at a time (max 12 questions) about:
my business, who my customers are, what I want visitors to do,
the pages I need, my tone of voice, my colours, and anything that
must be on the site. Do not invent any facts. When you have enough,
say "Ready for the brief".
Answer in plain sentences. If you do not know an answer (for example, colours), say so; a good brief can mark it "open".
Step 2: The website brief prompt (copy this)
When the interview is done, paste this template. It forces a structured brief that both people and AI website builders can follow. Replace the brackets with your answers, or let ChatGPT fill them from the interview.
Using only what I told you, write a website brief in this exact format.
Where I did not give a fact, write [TO CONFIRM] instead of guessing.
BUSINESS: [name, what it does, where it operates]
AUDIENCE: [who visits, what problem they have, what they compare us with]
MAIN GOAL: [the one action a visitor should take: call, book, buy, enquire]
PAGES: [e.g. Home, Services, About, Pricing, Contact]
SECTIONS PER PAGE:
Home: [hero with headline + button, services summary, proof, FAQ, contact]
...
TONE: [3 adjectives, e.g. warm, plain, confident; words to avoid]
COLOURS AND STYLE: [brand colours as hex if known, light or dark, photo style]
MUST-HAVES: [phone, address, opening hours, booking link, map, form fields]
MUST-NOT-HAVES: [no stock-photo smiles, no fake reviews, no pop-ups]
REAL PROOF: [actual reviews, client names I may use, certifications]
FACTS TO CHECK: [list every number, date or claim in this brief]
Two lines matter most. [TO CONFIRM] stops ChatGPT from filling gaps with made-up details, and FACTS TO CHECK gives you a ready list for step 4.
A filled-in example
BUSINESS: Harbour Lane Bakery, sourdough and pastries, Halifax NS
AUDIENCE: locals within 5 km and office teams ordering catering
MAIN GOAL: place a pickup or catering order
PAGES: Home, Menu, Catering, About, Contact
SECTIONS PER PAGE:
Home: hero (photo of the counter, "Order for pickup" button),
today's bakes, catering teaser, 3 real reviews, hours + map
TONE: warm, plain, a little playful; avoid "artisanal" and "elevate"
COLOURS AND STYLE: cream #F6EFE4, deep green #1F3D2B, real photos only
MUST-HAVES: phone, address, hours, order form (name, date, items)
MUST-NOT-HAVES: no invented awards, no stock photos of models
REAL PROOF: [TO CONFIRM] which Google reviews I may quote
FACTS TO CHECK: opening hours, catering minimum order, delivery area
This is a made-up business used only to show the format. For a longer version you can hand to a designer, see the website design brief template.
Step 3: Draft the copy page by page
Ask for one page at a time. Long all-in-one requests produce thinner copy and are harder to check.
Using the brief, write the Home page copy. For each section give:
a heading (max 8 words), body text (max 60 words), and button text
(max 4 words). Keep my tone. Keep every [TO CONFIRM] marker.
Do not add statistics, awards, years in business or guarantees
that are not in the brief.
Useful follow-ups once you have a draft:
- "Give me 5 alternative headlines, each under 8 words, each naming what we sell."
- "Rewrite this section at a reading age of about 12, without losing any facts."
- "List every claim in this page that a customer could hold us to."
- "Write a page title under 60 characters and a meta description under 155 characters for this page." (See website title examples.)
Step 4: Check the copy before anything goes live
OpenAI's own interface warns that ChatGPT can make mistakes and that you should check important information. On a website, a wrong price or a made-up promise is your problem, not the model's. Run this checklist on every page:
- Facts: every phone number, address, opening hour, price, date and service area matches reality.
- Claims: remove anything you cannot prove: "award-winning", "#1 in town", "trusted by 1,000 clients", "guaranteed results".
- Reviews: only real reviews from real customers, quoted with permission. Never let ChatGPT write testimonials.
- Legal and regulated words: anything about health, money, law or safety gets read by someone qualified.
- Sameness: read the copy next to two competitors' sites. If you could swap the business names and nothing would change, add specifics: your street, your process, your people, your prices.
- Leftovers: search the text for "[TO CONFIRM]", "Lorem", "[Your", and the word "ChatGPT".
- Read it aloud. Anything you would not say to a customer at the counter, cut.
Search engines care about whether a page is useful and original, not which tool helped write it. Google's guidance on AI-generated content focuses on helpfulness and warns against producing many pages mainly to manipulate rankings, which is one more reason to keep each page specific to your real business.
Step 5: Turn the brief into a live website
You have three realistic routes. None is right for everyone.
| Route | How it works | Good for | Watch out for |
|---|---|---|---|
| AI website builder from a prompt | Paste the whole brief; the builder generates pages, layout and copy, which you then edit. | Getting a complete first version fast without code. | Re-check the copy the builder writes; it may rephrase your checked text. |
| Template builder plus pasted copy | Pick a template in any builder (for example Wix, Squarespace, Framer, WordPress.com) and paste your checked copy into each section. | People who want full control of every word and layout block. | Slower; templates rarely match your section list exactly. |
| Code from ChatGPT, self-hosted | Ask for HTML/CSS, preview it, then upload the files to a static host. | Developers, or a single simple page. | You maintain it: forms, updates, security and fixes are yours. |
Option A: paste the brief into We.Inc
We.Inc (the company that publishes this guide) is an AI website builder that builds from a written description, so a ChatGPT brief is a good input. Paste the whole brief, including the colours and must-haves, into the prompt box on the AI website builder page or at my.we.inc, and it builds a first version you can edit by chat, by clicking on the page, or in the code. AI building starts on paid plans; see pricing for current plans.
Tips for pasting a long brief into any AI builder:
- Keep the labels (BUSINESS, PAGES, TONE...). Structured text is easier for a builder to follow than a wall of prose.
- Paste your already-checked copy under each page if you want the wording kept, and say "use this copy word for word".
- Remove the FACTS TO CHECK line once you have checked them, so it is not treated as page content.
- Ask for changes one at a time after the first build ("make the hero photo full width", "move the FAQ above contact").
Option B: paste the copy into another builder
Every mainstream website builder accepts pasted text, and several now have their own AI setup that asks a few questions about your business. If you already pay for one, or prefer a drag-and-drop editor, use your ChatGPT copy there. Our best AI website builders list compares the main options and prices.
Option C: use ChatGPT's code yourself
For a single static page, you can ask ChatGPT for one HTML file, preview it, then upload it to a static host. Paste code into our HTML viewer to see how it renders before you publish. Expect to fix things by hand: mobile layout, form handling and image paths are the usual problems.
Step 6: Publish and check
- Connect your domain (see how to add a custom domain).
- Open the site on a phone on mobile data and tap every button.
- Send a test form entry and confirm it arrives.
- Add the site to Google Search Console and request indexing of the homepage.
- Run the full website launch checklist.
Common problems and fixes
The copy sounds like every other site
Give ChatGPT more raw material, not more instructions: paste real customer emails, your price list, photos' descriptions and how you actually work. Then ask it to use those details.
ChatGPT keeps inventing numbers
Add "Do not add any number that is not in my notes" to every prompt, and keep the [TO CONFIRM] marker rule.
The builder ignored half the brief
Very long briefs can lose detail. Build the home page first from the brief, then add each other page with its own short prompt and its checked copy.
The code from ChatGPT looks broken on a phone
Ask for "mobile-first CSS, no fixed widths, test at 375px wide", or move to a builder that handles responsive layout for you.
Sources (checked October 27, 2026)
- OpenAI Help Center, "What is the canvas feature in ChatGPT and how do I use it?" (help.openai.com/en/articles/9930697): canvas can render React and HTML code in a sandbox; availability on web, Windows and macOS.
- ChatGPT interface notice: "ChatGPT can make mistakes. Check important info."
- Google Search Central, "Google Search's guidance about AI-generated content", February 8, 2023 (developers.google.com/search/blog/2023/02/google-search-and-ai-content): using AI "with the primary purpose of manipulating ranking in search results" violates spam policies; AI use itself is not.
- OpenAI Terms of Use, "Ownership of content" (openai.com/policies/terms-of-use): as between you and OpenAI, you own the Output; output may not be unique, and you must check it for accuracy.
Start from your brief
Have a brief ready? Paste it into the We.Inc AI website builder and get a first version to edit, or keep it and use the builder you already know.
Frequently asked questions
Can ChatGPT build a website by itself?
It can plan the pages, write the copy and write HTML or React code, and canvas can preview that code. It does not host or publish a public website, so you still need a website builder or a host.
What should I put in a ChatGPT website prompt?
Your business and location, who the visitors are, the one action you want them to take, the pages and sections, tone, colours, must-haves like phone and hours, and real proof such as reviews. Tell it to mark anything unknown as [TO CONFIRM] instead of guessing.
Is a website written with ChatGPT bad for SEO?
Not by itself. Google's guidance focuses on whether content is helpful and original, not how it was produced. Generic or inaccurate copy is the risk, so add real details about your business and check every fact.
Can I paste a ChatGPT brief into a website builder?
Yes. AI website builders such as We.Inc build a first version from a pasted description, and any builder lets you paste copy into a template. Keep the brief structured with clear labels so nothing gets lost.
Do I need to pay for ChatGPT to do this?
No. The interview, brief and copy steps work in ChatGPT's free tier. Paid ChatGPT plans add higher limits and features, but you do not need them to write a website brief.
Who owns the copy ChatGPT writes for my site?
OpenAI's terms say that, as between you and OpenAI, you own the output, though similar output may be given to other users. You are still responsible for checking that it is accurate and does not copy anyone else's text.
More in Guides
- Websites With Blogs: Business Blog Examples That Lead to Enquiries | How-to Guide
- Business Email Subject Lines That Get Opened
- Caddy vs nginx: HTTPS, Config and Which to Pick
- Call to Action Examples: 60 CTAs by Page Type | How-to Guide
- Cannot Read Properties of Undefined: Why and How to Fix
- Build a Car Dealership Website: Pages, Costs and a Working Example | How-to Guide
- Careers Page Examples
- What a CDN Does, Explained Plainly
Website builders for the businesses in this article
Related guides and tools
Start building
Product
Who It's For
- For Agencies
- For Freelancers
- For Hosting Providers
- For SaaS Platforms
- For Startups
- For Financial Services
- For Healthcare
Features
Resources
- Blog
- Help Center
- Free Business Tools
- Free UI Components
- Website Templates
- Template Collections
- Website Examples
- Guides
- Comparisons
- Alternatives
- Best Lists
- Reviews
- Pricing Guides
- Use Cases
- Glossary & Guides
- Integrations
- Developers
- Benchmark
- Windows App