How to Publish a Claude Artifact as a Real Website

To publish a Claude artifact as a real website, take its code out of Claude and put it on a web host: export the artifact as HTML and upload it to Statpio as a ZIP, or connect Statpio to Claude and ask Claude to publish it for you. Either way it goes live on a free onstatpio.com address with working forms and visitor statistics, and your own domain needs Solo Pro. Claude's own sharing gives you a link to a page Anthropic hosts instead, and anything in the artifact that uses Claude, saved entries or your connected apps stops working once the page leaves Claude.

Disclosure: this guide is published by Statpio, one of the tools compared. We link every competitor fact to its official source. Claude's features below were checked in Anthropic's help center and Claude Academy on 9 November 2026.

What is a Claude artifact, and are published artifacts public?

Anthropic describes an artifact as "anything Claude makes for you that you'd put in front of someone: a design, a deck, a document, a dashboard, or a small interactive tool" (What are artifacts). For a website, the ones that matter are code artifacts: Claude still makes "HTML or react apps" (Create and edit files with Claude).

They aren't public until you make them so. As of November 2026, Anthropic's sharing guide says:

• Artifacts start private: "Nothing is shared until you share it." You click Share and choose who has access.
• "Anyone with the link" is offered on Pro, Max, Ultra, Team and Enterprise, not on Free. On Team and Enterprise it works only once an Owner turns on External sharing or allows that one artifact.
• Who can open a shared link: "Most artifacts shared with 'Anyone with the link' open without a Claude account or sign-in", but for someone who only has the link, "the parts that use connected apps or Claude don't work".
• Legacy artifacts, made in a chat before 16 September 2026, still show Publish on Free, Pro, Max and Ultra, and anyone with the link can view and use a published one without a Claude account.
• To stop sharing, set Who has access back to "Only you" ("Only people invited" on Team and Enterprise); on Pro, Max and Ultra, also remove anyone you invited by email, because they keep access. A published legacy artifact has Unpublish instead (Unshare on Team and Enterprise), but "You can't publish an artifact again after you unpublish it", and its stored data is deleted.

How is a Claude share link different from a website?

Source: Anthropic's Share artifacts, What are artifacts and Artifacts admin guide, as of November 2026; Statpio plans on the pricing page.

On a paid Claude plan, if a link for a few people is all you need, Claude's sharing is quicker. A website makes sense when the page should live at an address you control, take messages from visitors and show you who came.

How do I get an artifact's code out of Claude?

• A newer artifact (made since 16 September 2026), such as an interactive page: choose Export in the artifact's title menu and pick HTML (Claude Academy). An artifact made from the Design template exports "as a .zip, PDF, PowerPoint, or standalone HTML".
• A legacy artifact: "Use the controls at the top of the artifact panel to view the code, copy the content, or download it."

Then check what you have. A file that starts with <!DOCTYPE html> or <html> is a page any browser opens, ready to upload. Code that starts with import lines and has an export default function returning HTML-like tags is a React component, which a browser can't run as it is. Either ask Claude, "Rewrite this artifact as a single index.html in plain HTML, CSS and JavaScript, with no React and no build step; keep the design and the text", or put the component in a Vite project and build it, as in our guide to deploying a React or Vite app for free.

How do I upload the artifact to Statpio as a ZIP?

1. Save the HTML as index.html in a new folder, with any image files the page uses under the names it uses.
2. Select everything inside the folder and compress it, so index.html sits at the top of the ZIP (a ZIP with everything inside one folder works too).
3. Create a free Statpio account and verify your email address; uploads stay locked until you do.
4. Click New website and name it. It gets an address such as my-tool.onstatpio.com, with HTTPS.
5. Open Deployments, leave Deployment Type on Static Site and drop the ZIP on Drop your website ZIP here. The site is live as soon as the upload finishes.

Free Forever takes uploads of up to 25 MB and keeps your last 5 versions, so a bad upload is one rollback away.

Can Claude publish the artifact for me?

Yes, through the Statpio connector: Claude creates the website, publishes the files and gives you the address, with no ZIP in between.

1. Add Statpio to Claude. Connect it from Statpio's listing in Claude's Connectors Directory, or add it by its address: open Customize → Connectors, add a custom connector and paste https://statpio.com/mcp. Custom connectors work on every Claude plan, including Free, which allows one custom connector (Claude help, as of November 2026). On Team and Enterprise, an Owner adds connectors for the organisation first.
2. Ask Claude to publish, in the chat with the artifact: "Publish this artifact as a website on Statpio called my-tool, with a contact form." For a React artifact, add "as plain HTML, CSS and JavaScript": the connector publishes finished files and runs no build step.
3. Approve on Statpio's page. A Statpio sign-in page opens when you connect, or at the latest at the first action that needs your account: sign in, or create a free account, and choose Approve Access to allow what Claude may do. Claude never sees your Statpio password, and Statpio asks you to verify your email address before the first publish.
4. Open the address Claude gives you and send a test message through the form.

Later, ask for changes in plain words: Claude reads the live files and sends only what changed, and every publish is a version you can undo. On Solo Pro and up, ask Claude to put a change on staging first if you want to try it before it goes live. The Build with AI help guide shows the dashboard side, the connector page lists everything Claude can do with Statpio, and our guide to building a website with Claude, ChatGPT or Cursor starts a site from a description instead of an artifact.

What stops working when an artifact leaves Claude?

Anthropic is plain about it: in an exported copy, "the parts that save entries, use Claude, or use connected tools stop working" (Claude Academy). Each needs its own answer:

• Saved entries (a sign-up list, a request form): replace them with a real form. Statpio captures any <form method="POST"> with no action, a name on every field and no JavaScript submit handler of its own, on every plan, and adds a Cloudflare Turnstile check and a hidden honeypot itself. Messages arrive under Forms & Leads, browser notifications tell you about new ones, and Free Forever includes 250 submissions per website a month (10,000 on Solo Pro).
• Calls to Claude (a chatbot, a writing helper, a quiz that marks answers) can't run on a static host: Statpio runs no server code, and calling an AI model from a public page needs an API key kept on a server. If talking to Claude is the point, keep the artifact in Claude, where usage "counts against each person's own plan limits rather than yours" (What are artifacts). It works for people in your organisation on Team and Enterprise and for signed-in viewers of a published legacy artifact; on a newer artifact it doesn't work for anyone outside your organisation, whether they have the link or an email invitation, and on Pro, Max and Ultra that means anyone but you.
• Connected apps (Asana, Google Calendar, Slack) work through each viewer's own Claude connections, so they stay in Claude too.

Claude can make the form change: "Replace the saved entries with a plain HTML form: method="POST", no action attribute, a name on every field and no JavaScript submit handler." The result looks like this:

<form method="POST">
  <label for="email">Email</label>
  <input id="email" name="email" type="email" required>

  <label for="message">Message</label>
  <textarea id="message" name="message" required></textarea>

  <button type="submit">Send</button>
</form>

Visitor statistics need no change: Statpio adds a small cookieless analytics script to every page. Every plan shows visitors, sources, pages, countries and devices; Solo Pro adds campaigns, goals and funnels. The script keeps a visit ID in sessionStorage, so check whether the rules where you and your visitors are require consent. Free Forever sites also show a small Statpio badge.

Why won't my Claude artifact publish or share?

Source: Anthropic's Share artifacts, What are artifacts and Claude Code artifacts documentation, as of November 2026. We found no size limit for artifacts made in a chat in Anthropic's help center.

How do I put the artifact on my own domain?

Custom domains need Solo Pro ($9/month or $89/year, 5 domains included); on Free Forever, the site keeps its onstatpio.com address.

1. On the website's Custom Domains page, keep www. Domain, type your domain without the www (example.com) and click Connect Domain.
2. At your registrar, create the two CNAME records it shows: www pointing to cname.onstatpio.com, and _acme-challenge.www pointing to the validation value from the dashboard, which ends in dcv.cloudflare.com.
3. When the domain shows Active, SSL is set up. Forward the bare domain to www at your registrar, because Statpio serves root domains through www.

With the connector, you can also ask Claude to connect the domain: it adds it and tells you the two records to create.

Ready to publish yours?

An artifact that exports as HTML is all you need: start free on Statpio, upload the ZIP or connect Claude, and test the form on your free address before you pay for anything.