HTML Deployer — User Guide

Step-by-step help to publish AI-generated HTML from ChatGPT, Gemini, and Claude to your hosting.

Overview

HTML Deployer detects HTML in supported AI chats, lets you preview it, then publishes to Cloud (Netlify, Vercel, GitHub Pages), FTP, Host Agent, or downloads a ZIP. Configure connections once in Extension options; deploy day to day from the popup on the Deploy tab.

Two places to work

Popup — sign in, preview, pick target, deploy. Extension options — connect tokens, FTP profiles, Host Agent endpoints, license (General), and HTML processing defaults.

Open options: right-click the extension icon → Options, or use Open Settings → … links inside the popup when a target is not configured yet.

Sign in with Google

Required before Deploy, History, and Settings in the popup.

First-time sign in

1
Open the popup

Click the HTML Deployer icon in the Chrome toolbar.

2
Continue with Google

On the sign-in screen, click Continue with Google and approve the Google account prompt.

3
Use Deploy

After sign-in, the Deploy, History, and Settings tabs unlock. Your email is used for license and quota on our server only.

Get HTML from AI chat

Works on ChatGPT, Google Gemini, and Claude when the assistant outputs HTML.

From the chat page

1
Generate HTML

Ask the AI for a full HTML page (landing page, email template, etc.) and wait until the code block appears.

2
Click Deploy on the block

Use the Deploy button the extension adds near the HTML/code block (or artifact toolbar on Claude).

3
Confirm in the popup

The popup opens with a preview. If detection fails, use the pencil icon to paste HTML manually.

Deploy from popup

Same flow for every target after your HTML is loaded.

Publish or download

1
Check preview and page name

Review the preview. Set Page name (used as the file name, e.g. my-page.html).

2
Choose a target

Pick Download (ZIP), Cloud (Netlify / Vercel / GitHub), FTP, or Host Agent. Connect the provider in the popup or in Extension options if prompted.

3
Run the main action

Click Deploy To Host or Download ZIP. When finished, copy the live URL, open it, or view it in the History tab.

ZIP download

Free forever — no cloud account required.

Download a ZIP file

1
Select Download target

In the popup, choose the Download card (ZIP file).

2
Set file name

Enter a name without .zip — the extension adds the extension automatically.

3
Download

Click the download button. Upload the HTML inside the ZIP to any host manually if you prefer.

Netlify

Free HTTPS and CDN. Connect once in Extension options, then deploy from the popup.

Connect Netlify (Extension options)

1
Create a token

On Netlify → Personal access tokens, add a description, set expiration, and click Generate token.

2
Copy the token

Copy the token immediately and store it safely — Netlify shows it only once.

3
Paste and connect

In Extension options → Netlify, paste the token and click Connect. Then return to your AI chat and deploy from the popup.

Deploy to Netlify (popup)

1
Choose Cloud → Netlify

In the popup, select Cloud, then the Netlify provider pill.

2
Pick a site

Select an existing site or create a new one from the Deploy to site dropdown.

3
Deploy

Click Deploy To Host and use the success link when deployment completes.

Vercel

Deploy to a personal or team project on Vercel.

Connect Vercel (Extension options)

1
Create a token

On Vercel → Account tokens, set name, scope, and expiration, then click Create.

2
Copy and save

Copy the token right away — it is shown only once.

3
Paste and connect

Extension options → Vercel → paste token → Connect.

Optional — public preview links: In your Vercel project → SettingsDeployment Protection → turn Vercel Authentication Off so visitors do not need a Vercel login to open the URL.

Deploy to Vercel (popup)

1
Choose Cloud → Vercel

Select team (if any) and project, or choose to create a new project.

2
Confirm page name

For a new project, the page name is used as the project name.

3
Deploy

Click Deploy To Host and open the deployment URL from the success panel.

GitHub Pages

Push HTML to a repository branch. Use a classic token (ghp_…), not fine-grained (github_pat_…).

Connect GitHub (Extension options)

1
Generate classic token

On GitHub → New token (classic), enable the repo scope, then generate and copy the token.

2
Connect in options

Extension options → GitHub → paste token → Connect.

3
Prepare the repository

Create a repo on GitHub (empty is fine). In repo Settings → Pages, set Deploy from a branch, branch main, folder / (root).

Deploy to GitHub (popup)

1
Choose Cloud → GitHub

Search and select your owner/repo from the list.

2
Branch and file path

Pick the branch (usually main) and confirm the HTML file name (e.g. index.html).

3
Deploy

Click Deploy To Host. GitHub Pages may take a few minutes to go live on first publish.

Host Agent (PHP)

For shared hosting (Hostinger, Namecheap, cPanel, etc.) using a small PHP script on your server.

Set up Host Agent

1
Download and upload script

Extension options → Host AgentDownload agent script. Upload backrun.php to your host via FTP or cPanel.

2
Set a secret key

Edit the file on the server: replace CHANGE-THIS-TO-RANDOM-32-CHAR-STRING with your own long random secret.

3
Add endpoint and deploy

In options, Add Endpoint with profile name, public URL (e.g. https://yourdomain.com/backrun.php), and the same secret. Use Test Connection, save, then choose Host Agent in the popup and deploy.

FTP / SFTP

Upload through a relay server you configure — not a direct desktop FTP client URL unless that URL is your relay API.

Configure FTP

1
Set relay URL

Extension options → FTP Profiles → enter your Relay Server URLTest Relay Connection.

2
Add FTP profile

Click Add Profile, fill host, port, username, password, remote path, and preview URL pattern ({filename} placeholder).

3
Test and deploy

Click Test Connection, then Save Profile. In the popup, choose FTP, select the profile, and deploy.

License key

Free plan includes limited cloud deploys per month; Pro unlocks unlimited cloud deploys (see pricing).

Activate after purchase

1
Get your key

Use the product key from your purchase email (format BACKRUN-…) or stay on FREE_LICENSE for the free tier.

2
Paste in the popup

Open the popup → Settings tab → License key field → Save.

3
Or use Extension options

Options → General → same license field → Save. To remove a paid key, use Remove in the popup to return to free.

No auto-renewal: Plans are charged once; renew manually when your license expires.

History & quota

History tab

1
Open History

In the popup, click the History tab.

2
Filter or open links

Filter by Cloud, FTP, or Host Agent. Click a URL to open, or copy it from the row actions.

3
Clear history (optional)

To wipe local history: Extension options → GeneralDanger ZoneClear History.

Free cloud quota

ZIP downloads are unlimited. Free cloud deploys reset each calendar month; the popup shows how many you have left. Upgrade on the pricing page when you need more.

Extension options (reference)

Quick map of the options sidebar — same sections as in the extension.

  • Netlify / Vercel / GitHub — personal access tokens
  • FTP Profiles — relay URL + upload profiles
  • Host Agent — PHP agent download and endpoints
  • General — license, Safe Mode, viewport meta, minify HTML, theme, clear history

Support

Questions, bugs, or billing: Contact support or email hi@backrun.co.