Guides / How to build

How to Make a Website with ChatGPT: Three Ways That Work

How to make a website with ChatGPT: have it write code you host, plan copy for a builder, or connect an AI builder inside ChatGPT. Prompts and limits.

Mythex Team · 2026-11-01 · 5 min read

To make a website with ChatGPT, you can ask it to write the site's HTML and CSS and then put those files on a hosting service yourself, use it to plan the pages and write the copy before building in a website builder, or connect an AI builder like Mythex inside ChatGPT so it can build, host and publish the site for you from the same chat. The first way is free and fine for a one-page site; the third is what you want once the site needs forms that save data, logins, or regular updates. This guide shows each method with prompts, and is clear about where each one stops.

What ChatGPT can and can't do on its own

ChatGPT is very good at writing: code, headlines, page copy, and plans. Out of the box it isn't a hosting company. It doesn't give your site a public address, it doesn't run a database, and it doesn't keep your site's files between projects the way a builder does. Every method below is a different answer to that gap.

Method 1: ChatGPT writes the code, you host it

This is the classic approach and works well for a simple, static site: a portfolio, a landing page, a wedding page.

Step 1: Ask for a complete, single-file page

Be specific about content and layout:

Write a complete single-page website as one HTML file with the CSS inside a style tag. It's for Maya Haddad, a freelance illustrator in Amman. Sections: a header with her name and "Illustration for books and brands", a grid of six portfolio images (use placeholder image paths I can replace), a short about paragraph, a list of three services with starting prices, and a contact section with her email as a mailto link. Clean, modern, generous white space, works on phones. No JavaScript frameworks.

Asking for one file keeps it simple to save and upload.

Step 2: Save and open it

Copy the code into a text editor, save it as index.html, and open it in your browser. If something looks wrong, describe it to ChatGPT: "the image grid is one column on desktop; make it three columns above 900px wide."

Step 3: Replace placeholders

Swap the placeholder images for your own and replace any text ChatGPT invented. Check prices, emails and names carefully; AI fills gaps confidently.

Step 4: Put it online

Upload the file to a free static host such as GitHub Pages, or any web host you already pay for. You'll get a public address. To use your own domain, follow your host's instructions; our guide on connecting a custom domain explains the DNS part.

Where Method 1 stops

• Forms that save data. A contact form needs somewhere to send submissions. You'll need a form service or a server.
• Logins and members' areas. These need a backend and a database.
• Many pages. Keeping headers and menus consistent across ten hand-pasted files gets tedious.
• Updates. Every change means asking for new code, pasting it in and uploading again.

Method 2: ChatGPT plans, a builder builds

Here ChatGPT does the thinking and writing, and a website builder does the building and hosting.

Step 1: Plan the site with ChatGPT

I run a small family bakery in Manchester that takes cake orders. Suggest the pages my website needs, what each page should say, and the one action I want visitors to take on each page. Keep it to five pages or fewer.

Step 2: Write the copy

Ask for each page's text, then rewrite it in your own voice. Add real details ChatGPT can't know: opening hours, prices, delivery areas, what makes your cakes different.

Step 3: Build it in a builder

Paste the plan and copy into a website builder. In a drag-and-drop tool, you place the text into a template. In an AI builder you can give the whole plan as one message and it builds the pages; for example, in the Mythex website builder:

Build a website for a family bakery in Manchester using this plan and copy: [paste]. Include an order request form that saves each request (name, phone, cake type, date needed, message) so I can see them in an admin page only I can log into. Warm, homely design, works on phones.

The order form here saves to a real database, which a pasted HTML file couldn't do. For more on this route, see how to build a website with AI.

Method 3: Build and publish from inside ChatGPT

The newest option is to connect a builder to ChatGPT so ChatGPT can use the builder's tools directly. You stay in the ChatGPT conversation; the builder supplies the project, the preview, the database and the hosting.

Mythex works this way through its ChatGPT app (an MCP connector). You connect it from Account settings in Mythex; connecting works on any plan, and the tools that run your project's sandbox need Pro. Once connected, you can ask ChatGPT something like:

Using Mythex, create a new website for my bakery with a home page, a menu page with cakes and prices, and an order request form that saves to a database. Show me the preview, and publish it when I say it looks right.

ChatGPT then creates the project, writes the code, runs it, and publishes it to a public URL when you approve. Changes are just more messages in the same chat. The same connector approach also works from Claude, Cursor and Codex. For background on how this works and which builders support it, see AI app builders with MCP.

Which method should you choose?

Prompting tips that work for any method

• Give real facts up front. Name, location, services, prices, contact details. Fewer invented details means less clean-up.
• Describe the visitor and the goal. "A parent looking for a birthday cake, who should end up sending an order request."
• Ask for phone-first layouts. Most visitors use phones.
• Change one thing per message once the first version exists.
• Ask for SEO basics explicitly: a unique title and description per page, real headings, alt text on images. See SEO for AI-built websites.

Our guide to writing prompts for AI app builders has more patterns.

Common problems and fixes

• The design looks generic. Give a reference: "like a calm Scandinavian café, lots of white and one muted green".
• The code got cut off. Ask ChatGPT to continue from the last line, or to split the page into sections and give you one at a time.
• It invented testimonials or statistics. Remove them. Fake reviews damage trust, and in many places they're against consumer protection rules.
• The site breaks after a change. Keep a copy of the last working version before pasting new code. Builders such as Mythex keep checkpoints so you can roll back.

Before you publish

Read every word on every page. Check the contact details work. Open the site on a phone. Make sure any images are yours or properly licensed. Then publish, and share it where your visitors already are. If you want the whole thing to cost nothing, how to make a website for free covers the free hosting options in more detail.