Crear una página web con ChatGPT y publicarla gratis

ChatGPT te escribe la página; lo difícil es que otros puedan abrirla. Aquí tienes el prompt que funciona, los fallos típicos y cómo pasar del código a un enlace en un minuto.

Pega aquí el HTML que te dio ChatGPT

Lo ves como página al instante y, si te convence, lo publicas con un enlace. Sin cuenta.

Pega tu HTML o Markdowno suelta un archivo aquíAdmite .md y .html, hasta 50 MB · 1 MB en el plan gratis
Visibilidad

ChatGPT escribe muy bien una página web sencilla: una landing para un negocio, una invitación, un portafolio, un menú de restaurante. Lo que no hace es ponerla en internet. Te devuelve código dentro del chat, y la vista previa que ves allí solo existe en tu conversación: si copias el enlace del chat a otra persona, no ve tu página.

El camino que funciona tiene dos partes. Primero, pedirle a ChatGPT la página de la forma correcta: un único archivo HTML con el CSS y el JavaScript dentro, sin depender de imágenes de tu ordenador ni de herramientas de compilación. Segundo, darle a ese archivo una dirección web: pegas el código en el recuadro de arriba, compruebas la vista previa y publicas. Obtienes un enlace que se abre en cualquier móvil o computadora.

No hace falta saber programar, contratar hosting ni comprar dominio para enseñar la página. Si más adelante el proyecto crece —varias secciones, un formulario que guarde datos, tu propio dominio— entonces sí toca un hosting completo, y te lo decimos abajo con honestidad.

Paso a paso: de la conversación a un enlace

  1. 1.

    Pide un solo archivo. Usa este prompt: «Crea una página web completa en un único archivo HTML. El CSS dentro de una etiqueta style y el JavaScript dentro de script. Sin archivos externos ni frameworks. Incluye meta viewport para móvil. Dame el código completo desde <!doctype html> hasta </html>».

  2. 2.

    Copia el código entero. Usa el botón de copiar del bloque de código, no selecciones a mano: es fácil dejarte la última línea.

  3. 3.

    Pégalo en el recuadro de arriba y revisa la vista previa, también en ancho de móvil.

  4. 4.

    Publica y comparte el enlace. Si luego le pides cambios a ChatGPT, actualiza la página desde tu enlace de edición: la dirección sigue siendo la misma.

Un ejemplo real

Rosa tiene una pastelería pequeña en Guadalajara y quiere una página para los pedidos de Día de Muertos: fotos del pan de muerto, precios por tamaño y un botón que abra WhatsApp con el mensaje ya escrito. Nunca ha hecho una web y no quiere pagar una plataforma por algo que solo usará tres semanas.

Le describe todo a ChatGPT con el prompt del paso a paso y recibe unas 200 líneas de HTML. En el primer intento, las fotos salen rotas: ChatGPT había puesto rutas como pan-chico.jpg, que no existen en ningún sitio. Le pide que use las URL de las fotos que ya tiene en su Instagram y vuelve a copiar el código.

Lo pega aquí, comprueba en la vista previa que el botón abre WhatsApp con el texto «Hola, quiero encargar…», y publica. Pone el enlace en la bio de Instagram y en su estado de WhatsApp. Cuando sube el precio del pan grande, le pide el cambio a ChatGPT y actualiza la página desde el enlace de edición; los clientes siguen usando la misma dirección.

Preguntas sobre crear página web con ChatGPT

¿ChatGPT puede publicar la página por mí?

No directamente. ChatGPT genera el código y, como mucho, te muestra una vista previa dentro del chat, pero esa vista no es una dirección pública que otra persona pueda abrir. Para eso el HTML tiene que estar alojado en un servidor. Copiar el código y pegarlo aquí es la forma más corta: en un minuto tienes un enlace. Si usas ChatGPT con conectores, también puedes conectar el servidor MCP de dochost para que publique al pedírselo.

¿Por qué mi página de ChatGPT sale sin estilos o con imágenes rotas?

Casi siempre por una de estas tres razones: ChatGPT separó el CSS en un archivo styles.css que nunca guardaste; las imágenes apuntan a nombres de archivo que solo existen en su imaginación; o copiaste solo un fragmento. Pídele «todo en un único archivo HTML» y usa URL completas (https://…) para las imágenes. La vista previa de arriba te enseña el problema antes de publicar.

¿Cuánto cuesta y cuánto dura la página publicada?

Publicar es gratis y no necesitas cuenta. El enlace gratuito dura 7 días si es público y 3 si es privado, y puedes ampliarlo antes de que caduque. Si la página va a estar en tu bio o en tarjetas de visita durante meses, un plan de pago la hace permanente y te deja poner un enlace personalizado.

¿Puedo hacer una tienda o una web con varias páginas así?

Una página con un botón de WhatsApp, un formulario que envía a un servicio externo o una calculadora, sí: el JavaScript se ejecuta. Una tienda con carrito, usuarios y base de datos, no: eso necesita un servidor y una plataforma de comercio. Para un sitio de varias páginas puedes publicar cada una por separado y enlazarlas, aunque si va a crecer conviene un hosting completo.

Conserva tus enlaces para siempre

Las páginas públicas gratuitas duran inicialmente 7 días y las privadas, 3 días. Los planes de pago permiten enlaces permanentes; durante la prueba se aplican otras reglas de caducidad.

Ver precios

Casos de uso relacionados