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

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

Cole a sua página na caixa lá em cima

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

O artigo de ajuda da Anthropic sobre partilha, lido a 22 de outubro de 2026, oferece Get embed code (obter código de incorporação) para um único tipo: um artefacto antigo, feito numa conversa antes de 16 de setembro de 2026 e publicado a partir dela no Free, no Pro ou no Max. Depois de o publicar, indica os sites que o podem incorporar em Allowed domains (domínios permitidos). Tudo o resto que o Claude partilha só abre para quem tem sessão iniciada no Claude, por isso, numa moldura no site da sua empresa, um visitante sem conta do Claude não o consegue ver. Claude Help Center: Share artifacts.

Um link de partilha do ChatGPT partilha a conversa. O que o ChatGPT consegue partilhar sozinho, segundo as páginas da OpenAI, está em publicar um canvas do ChatGPT como link.

1. Dê-lhe um link próprio

1. Copie o código do Claude ou do ChatGPT, ou transfira o ficheiro.
2. Cole-o na caixa no topo desta página. Um ficheiro HTML é servido tal como é. Um componente React é transformado em página quando o publica, com o Tailwind e os componentes shadcn/ui que importa. Ou publique-o a partir da conversa, e o link volta para lá.
3. Deixe o site Não listado, como começa qualquer site novo, ou torne-o Público. Só estes dois podem ser incorporados: um site com palavra-passe ou por convite precisa de uma página própria para confirmar quem está a pedir, e uma moldura não lhe pode dar isso.

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 o copiar. Para um site chamado roi-calculator, 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>

Isto é a Altura automática, a predefinição: uma moldura sem contorno, e um script que acerta a altura dela com a da página à medida que esta muda, por isso não fica espaço por baixo nem aparece barra de deslocamento por dentro. A Altura fixa é só a moldura, na altura que escolher, com deslocamento por dentro quando a página é mais alta. Use-a onde um criador de sites retira scripts ou põe o seu código numa moldura própria. Como funciona o código.

3. Cole-o no seu criador de sites

Os passos de cada criador tal como a sua própria página de ajuda os dava a 22 de outubro de 2026.

WordPress

Adicione um bloco Custom HTML (HTML personalizado): clique no botão de inserir blocos, ou escreva /html num parágrafo novo e carregue em Enter. Escolha Edit HTML (editar HTML), cole o código, confira a pré-visualização ao lado e carregue em Update (atualizar). Desde o WordPress 7.0, a quem não tem a permissão unfiltered_html, como um Contributor (colaborador), o <script> e o <iframe> são retirados quando o artigo é guardado, por isso cole-o como Administrator ou Editor (administrador ou editor). WordPress documentation: Custom HTML.

No WordPress.com, o mesmo bloco só mantém um iframe ou um script num plano pago com as funcionalidades de alojamento ativas, 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-o para o canvas. Cole o código na secção HTML dele, ou dê-lhe o link do site como URL. O Framer avisa que alguns sites bloqueiam a incorporação através dos seus cabeçalhos HTTP. Um site do Solta permite qualquer site até indicar domínios, e a partir daí 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 só mantém JavaScript ou um iframe num bloco de código 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 carregue em Apply (aplicar). O Wix só mostra código HTTPS, como é o de um site do Solta, e diz que o próprio elemento HTML dele é um iframe, por isso o que está lá dentro não se adapta ao tamanho do ecrã. 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 lado

Webflow, HubSpot, uma página que escreveu à mão: onde quer que uma página aceite HTML, cole lá o código. Onde só aceita um link, dê-lhe o link do site e defina a altura por si.

Se não aparecer

• O site tem palavra-passe ou convites. Torne o site Público ou Não listado.
• Indicou domínios. Adicione o domínio do site da sua empresa, senão a moldura mostra aí um aviso. É o browser que aplica a lista, por isso não pode ser contornada.
• O site da sua empresa tem uma Content Security Policy. Tem de permitir a moldura, e o script da Altura automática.

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

Um questionário ou um formulário que recebe respostas

Um questionário feito numa conversa costuma calcular a pontuação no próprio browser 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 à sua escolha: o Solta guarda cada resposta, no separador Respostas do site, que as transfere como folha de cálculo (CSV), até 100 por mês no Free. Formulários e respostas. As estatísticas contam à parte as visitas feitas de dentro de uma moldura, como incorporadas, para ver quantas chegaram através do site da sua empresa.

Quando o altera

Uma atualização fica guardada como rascunho, e a moldura continua a mostrar a versão online até publicar a nova. A partir daí, todas as páginas que o incorporam mostram a versão nova, sem nada para voltar a colar. No plano Free, a moldura tem um pequeno selo do Solta no canto, e nos planos Plus, Pro e Team não há selo. Nos planos Pro e Team, também pode escolher que domínios a podem mostrar. Incorporação, plano a plano.

Perguntas