¿Cómo inserto en mi web algo que hicieron Claude o ChatGPT?
Publícalo en un enlace que cualquiera pueda abrir, y luego pega el código para insertar de ese enlace en un bloque HTML de tu web. El código para insertar del propio Claude solo cubre un artefacto heredado publicado desde un chat. Todo lo demás que comparte Claude le pide a quien lo ve que inicie sesión, así que no se les puede mostrar a tus visitantes. En Solta, pega el archivo HTML o React en solta.now/new, o pídele a Claude o a ChatGPT que lo publique con el conector. Ponlo en Público o No listado, abre su menú Más, elige Insertar en tu web y copia el código: un iframe, que es un marco que muestra una página dentro de otra, y un pequeño script que ajusta el tamaño del marco a la página. Pégalo en un bloque Custom HTML en WordPress, en la sección HTML de un Embed en Framer, en un bloque Code en Squarespace o en Embed HTML en Wix. El marco no usa cookies, y cuando publicas una versión nueva, todas las páginas que lo insertan muestran la nueva, sin nada que volver a pegar.
Pega tu página en la caja de arriba
Lo que cubre el código para insertar del propio Claude
El artículo de ayuda de Anthropic sobre compartir, leído el 22 de octubre de 2026, ofrece Get embed code (obtener código para insertar) para un solo tipo: un artefacto heredado, hecho en un chat antes del 16 de septiembre de 2026 y publicado desde él en Free, Pro o Max. Después de publicarlo, indicas los sitios web que pueden insertarlo en Allowed domains (dominios permitidos). Todo lo demás que comparte Claude se abre solo para quienes iniciaron sesión en Claude, así que, en un marco en tu web, un visitante sin cuenta de Claude no puede verlo. Claude Help Center: Share artifacts.
Un enlace para compartir de ChatGPT comparte la conversación. Lo que ChatGPT puede compartir por sí solo, según las páginas de OpenAI, está en publicar un canvas de ChatGPT como enlace.
1. Dale su propio enlace
- Copia el código de Claude o de ChatGPT, o descarga el archivo.
- Pégalo en la caja de arriba de esta página. Un archivo HTML se sirve tal como es. Un componente React se convierte en página cuando lo publicas, con Tailwind y los componentes de shadcn/ui que importa. O publícalo desde el chat, y el enlace vuelve ahí.
- Déjalo en No listado, como empieza todo sitio nuevo, o ponlo en Público. Solo esos dos se pueden insertar: un sitio con contraseña o por invitación necesita una página propia para comprobar quién lo pide, y un marco no puede darle eso.
2. Copia el código
Abre el sitio en Solta, luego el menú Más, y elige Insertar en tu web. En Código, el código ya viene completo, con un botón al lado para copiarlo. Para un sitio llamado roi-calculator, queda así:
<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>Eso es Altura automática, la opción predeterminada: un marco sin borde, y un script que ajusta su altura a la de la página a medida que cambia, así que no queda un hueco debajo ni aparece una barra de desplazamiento dentro. Altura fija es solo el marco, con la altura que elijas, con desplazamiento dentro cuando la página es más alta. Úsala donde un creador de sitios web quita los scripts o pone tu código en un marco propio. Cómo funciona el código.
3. Pégalo en tu creador de sitios web
Los pasos de cada creador, tal como los daba su propia página de ayuda el 22 de octubre de 2026.
WordPress
Agrega un bloque Custom HTML (HTML personalizado): haz clic en el botón para insertar bloques, o escribe /html en un párrafo nuevo y presiona Enter. Elige Edit HTML (editar HTML), pega el código, revisa la vista previa al lado y presiona Update (actualizar). Desde WordPress 7.0, a quien no tiene la capacidad unfiltered_html, como un Contributor (colaborador), se le quitan <script> e <iframe> al guardar la entrada, así que pégalo como Administrator o Editor (administrador o editor). WordPress documentation: Custom HTML.
En WordPress.com, el mismo bloque conserva un iframe o un script solo en un plan de pago con las funciones de alojamiento activas, lo que, según su página de ayuda, requiere al menos un plugin instalado. WordPress.com Support: Custom HTML block.
Framer
Abre el menú Insert, busca Embed y arrástralo al lienzo. Pega el código en su sección HTML, o dale el enlace del sitio como URL. Framer advierte que algunos sitios web bloquean que se los inserte mediante sus encabezados HTTP. Un sitio de Solta permite cualquier web hasta que indicas dominios, y desde entonces solo esos. Framer Help: How to add an iframe or embed script.
Squarespace
En el editor de la página, agrega un bloque, elige Code (código), haz clic en el lápiz y pega el código. Squarespace conserva JavaScript o un iframe en un bloque de código solo en sus planes Core, Plus y Advanced. Squarespace Help: Add custom code to a page with code blocks.
Wix
Haz clic en Add Elements (agregar elementos), luego en Embed Code (código para insertar), Popular Embeds (inserciones populares) y Embed HTML (insertar HTML). Elige Enter Code (ingresar código), pega el código y presiona Apply (aplicar). Wix solo muestra código HTTPS, como el de un sitio de Solta, y dice que su propio elemento HTML ya es un iframe, así que lo que tiene dentro no se adapta al tamaño de la pantalla. Elige Altura fija en Solta y dale al elemento de Wix la misma altura. Wix Help: Embedding a Site or a Widget.
En cualquier otro lugar
Webflow, HubSpot, una página que escribiste tú: dondequiera que una página acepte HTML, pega el código ahí. Donde solo acepte un enlace, dale el enlace del sitio y define la altura tú mismo.
Si no aparece
- Tiene contraseña o invitaciones. Ponlo en Público o No listado.
- Indicaste dominios. Agrega el dominio de tu web, o el marco muestra un aviso ahí. El navegador aplica la lista, así que no se puede falsear.
- Tu web tiene una Content Security Policy. Tiene que permitir el marco, y el script de Altura automática.
Cada caso, y qué cambiar: cuando una inserción no carga.
Un quiz o un formulario que recibe respuestas
Un quiz hecho en un chat suele calcular la nota en el propio navegador y no guarda nada. Para guardar lo que responde la gente, apunta su formulario a la propia dirección del sitio, en /_solta/forms/ y un nombre que elijas: Solta guarda cada respuesta, en la pestaña Respuestas del sitio, que las descarga como hoja de cálculo (CSV), hasta 100 al mes en Free. Formularios y respuestas. Sus estadísticas cuentan por separado las visitas desde dentro de un marco, como insertadas, para que veas cuántas llegaron por tu web.
Cuando lo cambias
Una actualización se guarda como borrador, y el marco sigue mostrando la versión publicada hasta que publiques la nueva. Entonces todas las páginas que lo insertan muestran la versión nueva, sin nada que volver a pegar. En el plan Free, el marco tiene un pequeño sello de Solta en la esquina, y en los planes Plus, Pro y Team no hay sello. En los planes Pro y Team, además eliges qué dominios pueden mostrarlo. Insertar, plan por plan.
Preguntas
¿Puedo insertar un artefacto de Claude en mi web?
Solo uno heredado, con el código del propio Claude: el artículo de ayuda de Anthropic ofrece Get embed code para un artefacto hecho en un chat antes del 16 de septiembre de 2026 y publicado desde él, en Free, Pro o Max. Todo lo demás que comparte Claude necesita una cuenta de Claude para abrirse, así que los visitantes de tu web no pueden verlo en un marco. Publica el código en un enlace propio, e inserta ese enlace.
¿Puedo poner en WordPress o en Framer una calculadora que hizo ChatGPT?
Sí, una vez que esté en un enlace que cualquiera pueda abrir. Publica el archivo HTML o React en Solta, copia el código de dos líneas de Insertar en tu web, y pégalo en un bloque Custom HTML en WordPress o en la sección HTML de un Embed en Framer.
¿Lo insertado se actualiza cuando cambio la página?
Sí. El código apunta a la dirección del sitio, y esa dirección sirve la versión que esté publicada. Publica una versión nueva y todas las páginas que lo insertan muestran la nueva, sin nada que volver a pegar.
¿Puedo insertar una página que tiene contraseña?
No. Solo se puede insertar un sitio Público o No listado: un marco que se saltara la contraseña la convertiría en una contraseña solo de nombre. Inserta una copia pública o no listada, o envía la protegida como enlace.
¿Insertar es gratis?
Sí, en todos los planes. En el plan Free, el marco muestra un pequeño sello de Solta en la esquina, y en los planes Plus, Pro y Team no hay sello. Elegir qué dominios pueden mostrarlo viene en los planes Pro y Team.
¿Lo insertado usa cookies?
No. El marco y su script no usan cookies, y la página corre en su propia dirección, así que tampoco puede leer las cookies, el almacenamiento ni la página de tu web.