ChatGPT can write a web page, but the code in a chat isn't a website you can send to someone. Pagelet's HTML publishing page turns that code into a shareable HTTPS link. You can paste it directly without saving a file first.
This guide uses a simple personal website as an example. The same approach works for a landing page, event page or browser-based calculator.
1. Ask ChatGPT for one complete HTML document
Start with a concrete brief. For example:
Create a responsive personal website for a freelance illustrator.
Include an introduction, three sample projects and a contact section.
Use placeholder project descriptions and clearly marked sample images.
Return one complete HTML document, with CSS in a style tag and any
JavaScript in a script tag. Include a viewport meta tag.
Do not use a build step, server-side code, external JavaScript libraries
or a contact form that needs a backend. Use a mailto contact link.
Replace the example details with your own. Ask for a complete document if the reply only contains a fragment or explains what to change.
For a first version, avoid features that need accounts, payments or a database. Pagelet hosts static files; those features need additional services.
2. Check the page and refine it
Review the text, links and contact details. Replace placeholder images and facts before publishing.
Use the meta tags generator to create a page title, description and social preview tags. Ask ChatGPT to add the generated tags inside your document's <head> before you publish.
You can ask for specific changes:
Make the project cards stack vertically on narrow screens.
Use larger text and add visible keyboard focus styles.
Return the updated complete HTML document.
If the page includes calculations or interactive controls, try normal inputs and edge cases. AI-generated code can contain mistakes. The Claude calculator walkthrough includes a working example and checks you can reproduce.
3. Paste the HTML into Pagelet
- Copy the complete HTML code from ChatGPT. Leave out the surrounding explanation and Markdown code fences.
- Open Paste HTML code & get a shareable link.
- Paste the document into the editor.
- Optionally choose a subdomain name and page title.
- Press Publish as guest, or Publish if you're signed in.
Pagelet returns a link. It becomes publicly available after its security checks pass. Open it and check the page before sharing it.
Have separate CSS, JavaScript or image files?
Use the homepage upload area instead of pasting. Upload the whole folder or a ZIP, with index.html at its root. Keep asset paths relative, such as images/project.jpg and styles.css.
Pasting HTML doesn't copy local files from your computer. For a single pasted document, include styles and scripts inline and use publicly accessible image URLs. Our HTML hosting guide includes a downloadable project and troubleshooting steps.
4. Claim your page and keep improving it
After publishing as a guest, sign in with Google from the same browser to claim the page. A free account can keep up to 10 sites of 5 MB each.
In your dashboard, check that the page appears under Your sites. Choose its Edit control, change the home page and press Save. Saving keeps the same URL, provided you don't rename the subdomain. Uploading again creates a separate publication; it does not replace the existing project.
Sending the result to a client? Use the prototype sharing checklist and feedback message before you send the link.
If you'd rather let an AI publish directly, see Pagelet for AI agents. If you want to describe a page without using a separate chatbot, try the guided AI website generator.