Skip to the guide
siteseconds
Guide

How to make a website with ChatGPT

Updated 6 min read The siteseconds.com team
The short answer

ChatGPT can write a complete website as a single HTML file, but it cannot put it online. Ask it for one self-contained HTML file, copy the code it gives you, and paste it into a host that publishes it. On siteseconds.com that takes about a minute, is free, and needs no account to start.

Free · no sign-up

Skip the prompt writing

Describe it in a sentence. The builder opens with it filled in, and you can publish without an account.

Try:
No account · no card · live in minutes

Can ChatGPT make a website?

Yes. ChatGPT, including the free version, can write the complete code for a website: the HTML that structures it, the CSS that styles it and the JavaScript that makes things move. For a one-page site it usually does this in a single reply.

What it can't do is put that website on the internet. It writes code and shows it to you; it has no way to give it a public address. That last step needs a host, which is where most people get stuck, because the usual hosts expect you to know git, FTP or a command line.

So the whole job is three steps: ask for the right thing, copy what comes back, and paste it somewhere that publishes it.

How do you make a website with ChatGPT, step by step?

  1. Write down what the site is for

    Who it's for, what they should do on it, and the sections you want in order. "A site for my dog walking business with prices, areas and a booking form" is enough to start.

  2. Ask for one self-contained HTML file

    This is the instruction that matters most. It stops ChatGPT splitting the site into files you then have to reassemble.

  3. Copy the reply

    The whole message or just the code block. Use the copy button on the code block if there is one, so nothing gets missed.

  4. Paste it into a host and preview it

    On siteseconds.com it runs in front of you as soon as you paste, so you see what visitors will see before anyone does.

  5. Publish

    Pick a name, press publish, and it is live at its own address. No account needed to start; claim it with a free one to keep it permanently.

What prompt should you give ChatGPT to build a website?

A good website prompt has four parts: what it's for, the sections in order, the look and the technical rules. The last part is the one people leave out, and it is responsible for most code that doesn't work. Here is a template you can copy:

Prompt templateFill in the brackets
Build a website for [what it is and who it's for].

Sections, in this order:
1. [A headline and one sentence saying what this is]
2. [e.g. Services with prices]
3. [e.g. Reviews]
4. [e.g. A contact form]

Look: [e.g. warm and friendly, cream background, rounded corners]

Rules:
- Return ONE self-contained HTML file with the CSS in a <style> tag
  and the JavaScript in a <script> tag.
- No frameworks that need a build step. No React, no npm.
- Don't reference image or font files that don't exist. Use
  https://picsum.photos placeholders.
- It must look right on a phone.

Or skip writing it: describe the site in one sentence in the box above and the builder writes a fuller version of this prompt for you, including the parts for forms and multiple pages.

How do you put a ChatGPT website online for free?

Paste the code into a host that accepts HTML. Your options, roughly from least to most setup:

OptionWhat you need firstGood for
siteseconds.comNothing. Paste, preview, publish.Getting it live in a minute, editing by clicking afterwards
GitHub PagesA GitHub account and a repositoryDevelopers who already use git
Netlify or VercelAn account and a folder or repositoryProjects that will grow into a real codebase
Traditional web hostingA paid plan and an FTP or file manager loginSites that need PHP or a database

Whichever you choose, the code is yours. Nothing stops you starting here and moving it later.

Why doesn't the code from ChatGPT work?

Almost always one of these five. Each has a one-line fix.

1. It split the site into several files

You got index.html, style.css and script.js. Paste all three together; they are recombined into one page. Next time, ask for one self-contained file.

2. The images are broken

It referenced files like images/hero.jpg that don't exist. Ask it to use placeholder images from a URL instead, then swap in your own photos once the site is claimed.

3. It used React, Vue or another framework

Code with import statements or JSX needs a build step before a browser can run it. Ask again for plain HTML, CSS and JavaScript.

4. The reply was cut off

Long pages can end mid-line. Type "continue" and paste both parts together, or ask for a shorter page and add sections afterwards.

5. The explanation got pasted with the code

Not a problem here: paste the whole reply and the code block is pulled out of it. Elsewhere, copy only what's inside the code block.

Is ChatGPT, Claude or Gemini better for making websites?

All three can build a good one-page website from the same prompt, and all three have free tiers that are enough. In practice the variation between two attempts with the same model is often bigger than the difference between models.

The useful habit: if a result disappoints you, don't rewrite the prompt first. Paste the same prompt into a different AI and compare. Keep whichever you prefer, and ask that one for changes.

Changes after it's live? Small ones, like a price or a sentence, are quicker to make by clicking the text on your published site. Big ones, like a new section, are quicker to ask the AI for and paste over the old version.

Frequently asked questions

Can ChatGPT make a website for free?

Yes. The free version of ChatGPT can write the HTML, CSS and JavaScript for a one-page website. What it can't do is host it, so you need somewhere to publish the code. siteseconds.com publishes it free, with no account needed to start.

Can ChatGPT host or publish a website?

No. ChatGPT writes code and shows it to you, but it has no way to put it on a public web address. You copy the code into a host, which is what gives it a link anyone can open.

What is the best prompt to make a website with ChatGPT?

Say what the site is for, list the sections you want in order, describe the look in a few words, and ask for one self-contained HTML file with inline CSS and JavaScript and no external files. The builder on this page writes that prompt for you from one sentence.

Why doesn't the code ChatGPT gave me work?

Usually one of five things: it split the site into several files, it referenced images that don't exist, it used React or another framework that needs a build step, the reply was cut off before the end, or the code was pasted with the explanation around it. Each has a quick fix in the guide above.

Is ChatGPT, Claude or Gemini better for building websites?

All three can do it well, and results vary from one request to the next more than from one model to the next. If a result disappoints you, paste the same prompt into another and keep the one you prefer.

Build one now

Every builder below works without an account. Pick the closest one: the examples and the instructions it writes for the AI are tuned for that kind of site.

More guides