MakeItRun blog
ChatGPT Gave You HTML. Now What? A Non-Developer's Guide to Making It Real
TL;DR. That gray box of code ChatGPT just dropped into the chat is HTML — a text file with instructions for a web browser, not a program and nothing to install. You don't need to understand a line of it. Copy the whole thing (there's a Copy button right on the block, or in the Canvas panel if you're on an older model that still has one), then paste it at app.makeitrun.ai — or ask ChatGPT to publish it straight from the chat if you've added the MakeItRun connector. Either way, a real https:// address shows up in seconds. That's the entire distance between "ChatGPT made something" and "this is a website now."
What you're actually looking at
Search "what to do with chatgpt html output" today and every real answer assumes you already have a code editor open. Scrapfly walks through parsing that HTML for a web-scraping script. dev.to shows you how to save a whole conversation as an HTML file. KDnuggets builds a webpage from inside a Python notebook. None of it is wrong, and none of it is written for someone who doesn't yet know what a "file" is supposed to do. So: three things this is not.
It isn't a Word document — double-clicking it won't open Word, and it was never built for one. It isn't a piece of software — no installer, no permissions to grant, nothing running in the background once you close the tab. And it isn't a website yet, even though it might look finished — right now it exists in exactly one place, that chat message, and nobody else has a way to see it.
Where ChatGPT actually put it
If what's in front of you is a gray box with a Copy button — maybe a Code/Preview toggle above it — that's a code block, sitting inline in the conversation. That's the normal way ChatGPT hands over HTML today: OpenAI pulled Canvas out of its current default models in May 2026, folding the same idea into blocks that live inline in the chat. If you're on an older model that still carries Canvas, you'll see a panel instead, with its own Copy, Share, and Download buttons. Either way, what you're holding is identical — HTML text, not a link, and nothing anyone else can open yet.
The fastest path to a real link
- Copy the code. Click Copy on the block — or in Canvas, the caret next to Copy, then "Copy code." You don't need to read any of it first.
- Paste it somewhere that understands HTML. Go to app.makeitrun.ai and paste the whole thing into the box — or, if you've added the MakeItRun connector, just tell ChatGPT "publish this" and skip the browser tab entirely.
- Get your link. A working https:// address appears immediately. That's what you send people — not a screenshot, not the chat itself, the actual thing, live.
Checking it works before you publish
Click Preview on the block (or the rendered view in Canvas) and you can already click around — but only inside that chat, only in your browser, and only for as long as the conversation exists. That's a preview, not a publish.
To see it outside the chat window entirely, before anyone else does: copy the code, open a plain text editor — Notepad on Windows, or TextEdit on a Mac (choose Format → Make Plain Text first) — paste it in, and save the file with a name ending in .html instead of .txt. Double-click that file and your browser opens it, fully working, on your own machine. It still isn't a link — nobody else can open a file sitting on your hard drive. It's a good gut-check before you publish, not a substitute for publishing.
Compared honestly
ChatGPT's own Copy, Preview, and Share
Free, already open, zero setup — genuinely the easiest way to confirm something works. The honest limit sits in the word "Share": it hands out a chatgpt.com link to a read-only snapshot of that block, tied to your account and that conversation. Delete the chat, and there's no promise the link survives it. That's fine for showing a friend what you built this afternoon. It's the wrong tool the moment you want an address that's still yours next year. (We put ChatGPT's full range of native and third-party hosting options — Codex Sites, AppDeploy, Tiiny Host, and the rest — through an honest, line-by-line comparison in Every Way to Put Your ChatGPT App Online in 2026. This post is about the step before any of that: knowing what you're holding in the first place.)
GitHub Pages — free forever, if you're willing to learn four new words
GitHub Pages will host a static HTML page free, forever, and it'll carry a custom domain you buy elsewhere at no extra hosting cost. It's genuinely the best long-term home for a page like this. The catch is sitting in that sentence: "repository," "commit," "DNS record" — exactly the vocabulary this guide exists to help you skip. Worth learning once you're sure you'll keep the page around for years. The wrong first move if you just want to know it works today.
MakeItRun
Built for the exact moment this post is about: you have HTML and no interest in learning what a repository is. Paste it in, or ask ChatGPT to publish it if you've added the connector, and a link comes back in about ten seconds. Re-publishing to the same address updates it instead of creating a new one, so there's nothing new to redistribute later. The honest gap: no QR code feature yet (more on that below), and no custom domain — if either matters to you today, GitHub Pages or one of the tools in the comparison above gets you there and we don't, yet. A real one, built by exactly the kind of person this post is for: a sleep calculator, live since the day it was published.
A real one, published — not just described
Here's the whole thing end to end. We asked ChatGPT for a bill splitter that handles the part every group dinner actually gets stuck on — one person had two cocktails, another had a salad and water, and "just split it evenly" isn't fair to either of them. One prompt, then published exactly the way this post recommends: copy the code, paste it in, done.
Who Owes What — enter the bill, tax, and tip, add everyone at the table, and switch to Custom if the split isn't even. Every person's share recalculates as you type, and checking someone off as paid updates the running total.
See it live: https://who-owes-what.clientview.page
Switch a couple of people to Custom, give the one who ordered the bottle of wine a heavier share, and watch every number update. That's the bar "published" should clear — a link that still works, and still does the thing, the next time your group needs it.
FAQ
Is the HTML ChatGPT gave me safe to open?
Yes. A browser only ever runs HTML, CSS, and JavaScript inside that page's own sandbox — opening it doesn't install anything, and it can't reach your files or the rest of your computer just because you loaded it. That holds whether you preview it in the chat, open it as a local file, or publish it.
Do I need to learn to code to make it public?
No. Copying and pasting is the entire skill required. You'd only touch the code itself if you wanted to change what the page does — and even then, the easier move is asking ChatGPT to make the change and hand you updated code, not editing it by hand.
ChatGPT showed me a Canvas panel, not a code block — does this still apply to me?
Yes — same HTML underneath, just a different wrapper. Canvas has its own Copy, Share, and Download buttons in a side panel instead of inline in the chat; use whichever one is in front of you, and everything from "paste it at app.makeitrun.ai" onward is identical.
I used Claude, not ChatGPT — same idea?
Same idea, different name: Claude calls it an artifact instead of a code block, and its Copy button lives in the artifact pane. Copy the code out and the rest of this guide doesn't change.
Does MakeItRun have a QR code feature?
Not yet. It's on the roadmap, not shipped. The QR code next to the demo above was generated by hand with a standard third-party QR tool pointed at our live URL — the same workaround we'd tell you to use today.
Turn it into a real link — no coding, no editor, no repository.
Get your link →
Read next: Every Way to Put Your ChatGPT App Online in 2026 (Compared) · More from the MakeItRun blog →