Limited-time offerPro & Max plans — 20% offSave 20% on monthly and yearly billing.
Save 20% on monthly and yearly billing.
Publishing guide
ChatGPT can write the HTML, CSS and JavaScript for you — but you still need to publish those files somewhere people can open them. This guide walks through saving the output, preparing the files, and getting a shareable browser link with HTMLShare.
When you ask ChatGPT to build a website, it typically produces a set of plain text files that a web browser can read directly. The exact output depends on what you asked for, but a typical result includes:
index.html
The main page and entry point browsers open first.
styles.css
Stylesheet controlling layout, colors, fonts, and spacing.
script.js
JavaScript for interactivity, animations, or logic.
images/
A folder for photos, icons, SVGs, or other visual assets.
Additional HTML
Extra pages like about.html or contact.html for multi-page sites.
fonts/ or assets/
Web fonts or other static resources referenced by the CSS.
These are all static files — the browser downloads them and renders the page. No server-side processing, database, or backend is required for a basic ChatGPT-generated website.
ChatGPT displays generated code inside a code block in the chat window. Here is how to collect all the files:
Click the copy button at the top-right of each code block in the chat. Create a new file on your computer with the correct filename — for example index.html for the HTML block and styles.css for the CSS block — and paste the code into it.
Some ChatGPT interfaces or integrations offer a direct download button for generated files. If that option is available, use it to download the files without manual copy-and-paste.
Use the filenames ChatGPT suggested. If the HTML references styles.css and you save the file as stylesheet.css, the link will break. Keep the names exactly as they appear in the code.
Put all the files into one folder on your computer — for example a folder called my-website. Place index.html at the root of the folder, not inside a subfolder, and create any subfolders the code references (like images/ or js/).
Before uploading, open your project folder and verify two things:
Your folder structure should look like this:
my-website/
├── index.html ← entry point
├── styles.css
├── script.js
└── images/
└── hero.pngIf index.html is inside a subfolder like my-website/site/index.html, the upload will not find it automatically.
Open index.html in a text editor and look for how CSS and image files are referenced. They should use relative paths:
<!-- Correct: relative path --> <link href="styles.css" rel="stylesheet"> <img src="images/hero.png"> <!-- Broken: absolute path --> <link href="/styles.css" rel="stylesheet"> <img src="/images/hero.png">
Once your files are ready, publishing takes three steps:
Select all the files in your project folder — index.html, styles.css, script.js, images/, and any other files — and compress them into a single ZIP archive. On macOS, right-click the folder and choose Compress. On Windows, select all files, right-click, and choose Send to → Compressed folder.
Go to HTMLShare and open the upload page. Select your ZIP file or drag it into the upload area. HTMLShare extracts the archive, preserves the relative folder structure, and makes all assets available at their original paths.
After the upload completes, HTMLShare generates a browser URL for your website. Copy the link and send it to clients, teammates, or anyone who needs to review the page. The link works in any browser — no account required on the recipient's end.
Common errors
The most frequent problem when publishing AI-generated websites is broken asset paths. ChatGPT sometimes writes paths that work in a local development environment but break on any external host. Here are the most common patterns and how to fix them:
Absolute image path → relative path
Broken
<img src="/images/hero.png">
Fixed
<img src="images/hero.png">
Absolute stylesheet path → relative path
Broken
<link rel="stylesheet" href="/styles.css">
Fixed
<link rel="stylesheet" href="styles.css">
Absolute script path → relative path
Broken
<script src="/js/app.js">
Fixed
<script src="js/app.js">
index.html buried inside a subfolder
When you ZIP a folder rather than the files inside it, the archive may contain a top-level directory like my-website/index.html. Open your ZIP tool and make sure index.html is at the root, not one level deeper. Unzip the folder, select the files inside it, and re-zip.
Once HTMLShare generates your link, several sharing options are available:
Copy the full browser link and paste it into a message, email, Slack, or any communication tool. The recipient clicks the link and sees the live page.
HTMLShare generates a QR code for every published project. Show the QR code on screen or in a presentation so people can scan it from a phone without typing a URL.
Published pages carry a noindex tag by default. This keeps the review link out of search engine results while you are gathering feedback — the page is accessible by link but not indexed.
FAQ
ChatGPT typically generates HTML files (usually index.html), CSS stylesheets (styles.css or style.css), JavaScript files (script.js or app.js), and sometimes image placeholders or SVG assets. For multi-page sites it may generate additional HTML files and a folder structure.
No. You just need to copy or download the files ChatGPT generated, package them into a ZIP archive if there are multiple files, and upload the archive to HTMLShare. No coding knowledge is required to publish.
The most common cause is incorrect file paths. If your HTML references assets with absolute paths like /images/photo.jpg instead of relative paths like images/photo.jpg, those references will break outside the local environment. Check that all asset paths are relative, reorganise the ZIP so index.html is at the root, and re-upload.
The index.html file must be at the root of the ZIP, not inside a subfolder. If your archive contains a folder like my-site/index.html, HTMLShare may not locate the entry point correctly. Extract the files and re-zip them so index.html is at the top level.
Yes. Go back to ChatGPT, ask for revisions, download the updated files, and publish a new version to HTMLShare. Each publish creates a new project entry in your HTMLShare account.
No. The HTMLShare preview link opens in any regular browser. The recipient does not need a ChatGPT account, an Anthropic account, or any platform login.
Upload your HTML, CSS, JavaScript and images as a ZIP archive. HTMLShare generates a shareable browser link in seconds.