Claude builds it.PageFlow launches it.

Upload what Claude made, or grab our prompt. Live in seconds — and yours to edit anytime.

Drag & drop your HTML file

or click to browse from your computer

HTML file

Building your page with AI?

Copy this prompt and paste it into Claude, then attach your HTML or describe the page you want. You'll get back a file that's ready to upload here — fully editable.

Built for Claude — paste it into a new chat at claude.ai.

You are preparing an HTML page to be uploaded to PageFlow, a tool that turns a single HTML file into a live, editable page. For the owner to edit it inside PageFlow without touching code, the HTML must follow the conventions below. If I give you an HTML file, apply these rules and return the corrected file. If I only describe a page, generate it following these rules. Either way, return ONE complete, self-contained HTML file.

ONE SELF-CONTAINED FILE. Inline all CSS in a style tag and all JS in a script tag. Web fonts via link and CDN scripts are fine. Keep it under 500KB; use real img src or small placeholders, not large base64.

EDITABLE IMAGES — add data-lf-image on every img the owner might swap (hero images, photos, logos, avatars, covers). Example: <img data-lf-image src="hero.jpg" alt="Hero">

VIDEO FACADES — add data-lf-video and data-video-id on click-to-play video thumbnails. Example: <div data-lf-video data-video-id="VIDEO_ID">...thumbnail...</div>

SOCIAL LINKS — add data-lf-social="platform". Example: <a data-lf-social="instagram" href="#">...</a>

HIDDEN EDITABLE AREAS — add data-lf-region="Label". This is the important one. Any container hidden by default that holds editable content MUST get data-lf-region with a short label: popups, modals, offer/cookie banners, quiz or multi-step screens, tabs, accordion panels, result screens, sponsored cards. PageFlow's editor can only edit what's visible, so hidden containers are invisible to it — data-lf-region makes them appear in the regions panel. Label every distinct hidden screen separately, e.g. "Question 1", "Question 2", "Email capture", "Result screen".

TEXT AND BUTTONS — leave as normal HTML, no annotation needed. Just make sure real text lives in real text nodes (not baked into images) and every call-to-action is a real a-href or button element.

THE NO-CLOBBER RULE (critical). JavaScript must NEVER overwrite the text, innerHTML, or href of any editable element after the page loads. If it does, PageFlow saves the owner's edit and then the script silently replaces it at runtime — the edit disappears and the editor looks broken. Editable values (headlines, body copy, prices, button labels, button links/href) must be STATIC HTML written directly in the markup. JavaScript may only control behavior: show/hide (toggle a class), timing (when a popup appears), animations, calculations that fill NON-editable computed values (a score, a calculated estimate), form handling, and navigation. Forbidden after load: setting innerHTML or textContent to editable copy, setting href, or any config object that injects an offer's text or link into the DOM. Allowed: classList.add('show'), style.display changes, filling a computed value like scoreEl.textContent = score, form validation, and redirecting on submit.

Before returning: confirm one self-contained html file; every swappable img has data-lf-image; every hidden popup/quiz screen/tab/result has data-lf-region with a clear label; social links have data-lf-social and video facades have data-lf-video; CTAs are real a/button with the link in the HTML; no script rewrites editable text, innerHTML, or href after load; and the page works when opened directly in a browser. Return only the finished HTML file.

Built your page with Claude AI?

PageFlow is the fastest way to take a website built with Claude AI live. Upload the file Claude gave you, get a shareable link in seconds, edit anything visually, and add checkout or email capture without touching code. Turn any Claude AI website into a hosted, monetizable page in a single click.

How to launch a website built with Claude AI

No account needed. Get a link like:

pageflow.so/s/a3k9d

Instant DeploySecure CDNSSL Included

"But I want a custom username"Create free account