SSend AI Content docs

Claude artifacts

Turn any Claude artifact into a gated, shareable URL. Paste once, capture leads forever.

Claude artifacts are the wedge use case. You ask Claude to build an interactive calculator, a custom report, a one-page tool, and you want to send it to a prospect with a form in front of it. Send AI Content is the shortest path from "I have an artifact" to "I have a gated share URL".

Three ways to gate an artifact

A) Upload or paste the HTML

The cleanest experience. Your visitor stays on Send AI Content the whole time.

  1. In Claude, open the artifact and either download it as a file or switch to the code view and copy the full HTML. If the artifact is a React component, you can also download the .jsx / .tsx file directly.
  2. In Send AI Content, click + New document → Claude HTML / JSX.
  3. Drop the .html, .jsx or .tsx file onto the upload strip, or paste HTML into the textarea. You'll see a live preview on the right either way. (A .jsx or .tsx component gets wrapped into a runnable page automatically, with React and Tailwind loaded for you.)
  4. If anything in the artifact looks unsafe, a yellow notice tells you what was removed and why. Click to expand the details.
  5. The page name and heading auto-fill from the artifact itself, so you don't have to retype anything.
  6. Click Create.

That's it. Your visitor fills in the form, then the artifact loads on the same page.

B) Paste the live embed code

Keep the artifact live on Claude (so edits in Claude show up automatically) while it still renders inline on your gated page.

  1. In Claude, publish the artifact and click Get embed code.
  2. In Claude's Share dialog, add your Send AI Content share host under Allowed domains (Claude only embeds the artifact on domains you allow). Send AI Content shows you the exact host to paste on the document's Share tab.
  3. Copy the embed code.
  4. In Send AI Content, + New document → Embed URL, and paste the embed code. Send AI Content detects it and shows a "Live embed" chip.

After the form, the artifact renders inline on your page and stays in sync with Claude. If you skip the Allowed domains step, visitors see Claude's "content is blocked" message, so we always show an "Open the live version" link as a fallback.

C) Use the artifact URL

If you'd rather not deal with the Allowed domains step at all:

  1. + New document → Embed URL.
  2. Paste the plain Claude artifact share URL (not the embed code).

After your visitor submits the form, they're sent over to the artifact on Claude's site. No setup, but the visitor leaves Send AI Content.

Which to choose

Paste HTMLLive embed codeArtifact URL
SetupOnceOnce + Allowed domainsOnce
Updating the artifactRe-paste the new HTMLFree, stays in syncFree, stays in sync
Visitor stays on Send AI ContentYesYesNo, sent to Claude
Best forFinalised artifactsLive artifacts you keep editingQuick setup, no whitelisting

Use the HTML paste once the artifact is locked in. Use the live embed code when you want it inline and in sync. Use the URL route for the fastest, no-setup option.

What gets cleaned up when you paste HTML

Some HTML can be unsafe to run for anyone visiting your page. When you paste, Send AI Content quietly strips the dangerous parts and tells you what it removed:

  • Scripts loading code from sites we don't recognise
  • Inline event handlers that could run when the page loads
  • Nested iframes
  • Anything pointing at javascript: URLs

Interactive JavaScript inside the artifact itself stays, because that's what makes calculators, charts, and tools work. We just block the patterns that could harm your visitor.

What's next

On this page

Three ways to gate an artifactA) Upload or paste the HTMLB) Paste the live embed codeC) Use the artifact URLWhich to chooseWhat gets cleaned up when you paste HTMLWhat's next