Incorporar um artefato do Claude ou uma calculadora do ChatGPT no seu site

Como incorporar no meu site algo que o Claude ou o ChatGPT fez?

Cole sua página na caixa lá em cima

O que o código de incorporação do próprio Claude cobre

O artigo de ajuda da Anthropic sobre compartilhamento, lido em 22 de outubro de 2026, oferece Get embed code (obter código de incorporação) para um tipo só: um artefato legado, feito numa conversa antes de 16 de setembro de 2026 e publicado dela no Free, no Pro ou no Max. Depois de publicar, você lista os sites que podem incorporá-lo em Allowed domains (domínios permitidos). Tudo o mais que o Claude compartilha abre só para quem entrou no Claude, então, num quadro no site da sua empresa, um visitante sem conta no Claude não consegue ver. Claude Help Center: Share artifacts.

Um link de compartilhamento do ChatGPT compartilha a conversa. O que o ChatGPT consegue compartilhar sozinho, pelas páginas da OpenAI, está em publicar um canvas do ChatGPT como link.

1. Dê a ele um link próprio

1. Copie o código do Claude ou do ChatGPT, ou baixe o arquivo.
2. Cole na caixa no topo desta página. Um arquivo HTML é servido do jeito que é. Um componente React vira página quando você publica, com o Tailwind e os componentes shadcn/ui que ele importa. Ou publique de dentro da conversa, e o link volta ali.
3. Deixe o site Não listado, como todo site novo começa, ou torne-o Público. Só esses dois podem ser incorporados: um site com senha ou por convite precisa de uma página própria para conferir quem está pedindo, e um quadro não tem como dar isso a ele.

2. Copie o código

Abra o site no Solta, depois o menu Mais, e escolha Incorporar no site da sua empresa. Em Código, o código já vem preenchido, com um botão ao lado para copiá-lo. Para um site chamado roi-calculator, ele fica assim:

<iframe src="https://roi-calculator.solta.site/?embed=1" title="ROI calculator"
        style="display:block;width:100%;height:480px;border:0" loading="lazy"
        allow="clipboard-write" data-solta></iframe>
<script async src="https://solta.now/embed.js"></script>

Isso é a Altura automática, o padrão: um quadro sem borda, e um script que ajusta a altura dele à da página conforme ela muda, então não sobra espaço embaixo nem aparece barra de rolagem dentro. A Altura fixa é só o quadro, na altura que você escolher, com rolagem dentro quando a página é mais alta. Use onde um construtor de sites remove scripts ou coloca o seu código num quadro próprio. Como o código funciona.

3. Cole no seu construtor de sites

Os passos de cada construtor como a própria página de ajuda dele os dava em 22 de outubro de 2026.

WordPress

Adicione um bloco Custom HTML (HTML personalizado): clique no botão de inserir blocos, ou digite /html num parágrafo novo e aperte Enter. Escolha Edit HTML (editar HTML), cole o código, confira a prévia ao lado e clique em Update (atualizar). Desde o WordPress 7.0, quem não tem a permissão unfiltered_html, como um Contributor (colaborador), tem o <script> e o <iframe> removidos quando o post é salvo, então cole como Administrator ou Editor (administrador ou editor). WordPress documentation: Custom HTML.

No WordPress.com, o mesmo bloco mantém um iframe ou um script só num plano pago com os recursos de hospedagem ativos, o que, segundo a página de ajuda dele, exige pelo menos um plugin instalado. WordPress.com Support: Custom HTML block.

Framer

Abra o menu Insert, procure Embed e arraste para o canvas. Cole o código na seção HTML dele, ou dê a ele o link do site como URL. O Framer avisa que alguns sites bloqueiam a incorporação pelos cabeçalhos HTTP. Um site do Solta permite qualquer site até você listar domínios, e aí só esses. Framer Help: How to add an iframe or embed script.

Squarespace

No editor da página, adicione um bloco, escolha Code (código), clique no lápis e cole o código. O Squarespace mantém JavaScript ou um iframe num bloco de código só nos planos Core, Plus e Advanced. Squarespace Help: Add custom code to a page with code blocks.

Wix

Clique em Add Elements (adicionar elementos), depois em Embed Code (código incorporado), Popular Embeds (incorporações populares) e Embed HTML (incorporar HTML). Escolha Enter Code (inserir código), cole o código e clique em Apply (aplicar). O Wix só mostra código HTTPS, que é o caso de um site do Solta, e diz que o próprio elemento HTML dele é um iframe, então o que está dentro não se adapta ao tamanho da tela. Escolha Altura fixa no Solta e dê ao elemento do Wix a mesma altura. Wix Help: Embedding a Site or a Widget.

Em qualquer outro lugar

Webflow, HubSpot, uma página que você mesmo escreveu: onde quer que uma página aceite HTML, cole o código ali. Onde ela aceita só um link, dê o link do site e defina a altura você mesmo.

Se ele não aparecer

• O site tem senha ou convites. Deixe o site Público ou Não listado.
• Você listou domínios. Adicione o domínio do site da sua empresa, ou o quadro mostra um aviso ali. É o navegador que aplica a lista, então ela não pode ser burlada.
• O site da sua empresa tem uma Content Security Policy. Ela precisa permitir o quadro, e o script da Altura automática.

Cada caso, e o que mudar: quando uma incorporação não carrega.

Um quiz ou um formulário que recebe respostas

Um quiz feito numa conversa normalmente calcula a nota no próprio navegador e não guarda nada. Para guardar o que as pessoas respondem, aponte o formulário para o próprio endereço do site, em /_solta/forms/ e um nome que você escolher: o Solta guarda cada resposta, na aba Respostas do site, que baixa as respostas como planilha (CSV), até 100 por mês no Free. Formulários e respostas. As estatísticas dele contam à parte as visitas de dentro de um quadro, como incorporadas, para você ver quantas vieram pelo site da sua empresa.

Quando você muda o site

Uma atualização é salva como rascunho, e o quadro continua mostrando a versão no ar até você publicar a nova. Aí toda página que o incorpora mostra a versão nova, sem nada para colar de novo. No plano Free, o quadro tem um pequeno selo do Solta no canto, e nos planos Plus, Pro e Team não há selo. Nos planos Pro e Team, você também escolhe quais domínios podem mostrá-lo. Incorporação, plano a plano.

Perguntas