Guías / Hosting para creadores con IA
Cómo alojar y publicar online un artifact de Claude
Claude puede diseñar y crear una página web completa dentro de un chat, pero esa página vive en Claude como un "artifact". Todavía no es un sitio web de verdad: no tiene un enlace público limpio que puedas pasar a un cliente, publicar en redes sociales o al que apuntar un dominio. Para convertir ese artifact en un sitio web real, publica su HTML como sitio estático: pega el enlace público del artifact en "Importar desde URL" de Static.app, o guarda el HTML como index.html, comprímelo en un ZIP y súbelo tú mismo. Con cualquiera de las dos opciones tendrás una URL pública en un par de minutos, durante la prueba gratuita de 7 días.
¿Qué es un artifact de Claude?
Un artifact es el panel de vista previa que Claude abre cuando genera algo autónomo, como una página HTML, una pequeña aplicación web o una landing page. Puedes verlo y probarlo dentro de la interfaz de Claude, y Claude te da un enlace del artifact para compartir. Ese enlace, sin embargo, se abre en el visor de Claude, rodeado de su interfaz. Sirve de maravilla para enseñar un borrador, pero no es tu propio sitio web y no puedes asociarle tu propio dominio. Si quieres un recorrido más completo por los artifacts de Claude, con qué más puede crear Claude en uno y cómo funciona la publicación, mira qué son los artifacts de Claude.
¿Por qué alojarlo como sitio web propio?
Alojar un artifact de Claude como sitio web propio te da cuatro cosas que un enlace de artifact no ofrece: una URL pública que no exige cuenta de Claude, tu propio dominio personalizado, archivos estáticos que cargan rápido y una página que sigue funcionando cuando el chat ya no existe.
- Tu propia URL limpia, que puedes compartir donde quieras y que se abre sin cuenta de Claude.
- Tu propio dominio personalizado en lugar del enlace de un visor, para que la página parezca un producto de verdad.
- Velocidad y control: la página se sirve como archivos estáticos, así que carga rápido y se queda exactamente como la has publicado.
- Durabilidad: tu sitio web publicado sigue funcionando aunque el chat original desaparezca, mientras tu plan siga activo.
Cómo publicar un artifact de Claude en Static.app
Hay dos formas de publicar un artifact de Claude, y las dos terminan en una URL pública. La primera importa el enlace público del artifact, de modo que Static.app obtiene y empaqueta la página por ti. La segunda copia el HTML del artifact desde Claude y lo sube como un index.html comprimido en un ZIP, que es la opción que conviene si quieres editar el archivo antes de publicarlo.
Opción 1: importar directamente desde el enlace del artifact (la más rápida)
- En Claude, abre tu artifact y haz clic en Share. En Who has access, elige Anyone with the link y copia el enlace. En los planes Team y Enterprise, esa opción requiere que un propietario active External sharing. Un artifact antiguo creado en un chat puede mostrar Publish en lugar de Share, y su enlace público también sirve aquí. Los artifacts que se conectan con otros sitios web no pueden usar Anyone with the link, así que para esos sigue la opción 2. Compartir funciona así a fecha de noviembre de 2026, según el Centro de ayuda de Anthropic.
- Ve a hosting para Claude de Static.app, haz clic en "Importar desde URL" y pega ese enlace en el campo "URL del artifact de Claude".
- Static.app obtiene tu artifact y lo empaqueta como un sitio web listo para publicar. Confirma y tendrás una URL pública al instante.
Opción 2: copiar el HTML y subirlo
- En Claude, consigue el código del artifact. En un artifact antiguo de un chat, usa los controles de la parte superior del panel para copiarlo o descargarlo. En uno creado desde una plantilla, usa Export; un diseño se puede exportar como HTML independiente.
- Guárdalo como un archivo llamado
index.html. Si quieres ordenarlo antes, pásalo por el formateador de HTML o échale un vistazo en el visor HTML. - Comprime ese archivo en un ZIP, arrástralo a la página de subida de HTML de Static.app y publica. El cuadro de subida admite un ZIP, así que comprime el archivo aunque sea el único.
Añade tu propio dominio
Desde tu panel puedes conectar un dominio personalizado al artifact alojado, una vez que el sitio web esté online. Añade el dominio y apunta su DNS a Static.app con dos registros (A y TXT). A partir de ahí, el artifact vive en tu propia dirección en lugar del subdominio con el que arrancó. Un dominio personalizado no está incluido en la prueba gratuita, así que este paso requiere un plan de pago (mira los precios). Es el paso que convierte un borrador hecho con IA en algo que puedes poner en una tarjeta de visita.
Actualizar la página más adelante
Un artifact de Claude ya publicado se actualiza desde tu panel, en el sitio web que ya has creado, y la URL y cualquier dominio personalizado se quedan igual. Abre los archivos de ese sitio web y edita index.html en el editor integrado, pegando la versión nueva sobre la antigua, o bien borra el index.html antiguo y sube el archivo nuevo. Si subes un archivo con el mismo nombre que otro que ya está, no lo sustituye: llega con un nombre nuevo, así que borra primero si quieres un cambio limpio. Volver a importar desde la página de hosting para Claude no actualiza el sitio web anterior, sino que crea uno nuevo, y en un plan de un solo sitio web esa no es la opción adecuada.
Preguntas frecuentes
Las tres respuestas siguientes explican cuánto cuesta alojar un artifact de Claude, si los artifacts interactivos siguen funcionando y cómo se tratan los artifacts formados por varios archivos.
¿Es gratis?
Puedes empezar gratis. Una cuenta nueva arranca con una prueba gratuita de 7 días que incluye un sitio web, 50 MB de almacenamiento, un subdominio gratuito del tipo tusitio.staticdomains.app y un certificado SSL, sin pedirte tarjeta de crédito. Creas esa cuenta durante tu primera subida y tu sitio web se publica al momento. Cuando termina la prueba, el sitio web se desconecta, y vuelve a estar online en cuanto te suscribes a un plan de pago. Un dominio personalizado también requiere un plan de pago, así que consulta los precios de ambos.
¿Funcionarán los artifacts interactivos?
Los artifacts interactivos de Claude siguen funcionando una vez alojados como sitio web estático. Funciona todo lo que se ejecuta en el navegador: HTML, CSS y JavaScript del lado del cliente. Los artifacts que necesitan un servidor o una base de datos detrás no funcionarán como sitio web estático, porque no hay un backend con el que comunicarse. En dónde alojar una app creada con Claude verás qué funciona y qué conviene cambiar.
¿Y los artifacts de varias páginas o varios archivos?
Pon todos los archivos que necesita tu artifact (HTML, CSS, imágenes, scripts) en una sola carpeta con index.html en el nivel superior, comprime la carpeta en un ZIP y súbelo. Toda la carpeta se sirve como un único sitio web, así que los enlaces entre tus páginas siguen funcionando. Para un proyecto más grande, consulta dónde alojar un sitio web creado con Claude.
¿Quieres probarlo?
Aloja tu artifact de Claude