WarasoftBlog ES · EN

Blog · Guide · Oct 16, 2026

Crea y publica tu página web con ChatGPT o cualquier IA

Copia el enlace de esta guía, pégalo en ChatGPT y tu web estará en línea en tu-nombre.warasoft.com. La IA te hace las preguntas, diseña hasta 5 páginas y la publica por ti.

Read this guide in English

Parte 1 · Para ti: crea tu web en 3 pasos

No necesitas saber programar ni contratar un hosting. Una inteligencia artificial hace todo el trabajo por ti.

Recomendado: usa un agente de IA que pueda navegar y actuar por sí mismo, como el modo agente de ChatGPT o Muse de Meta. Así la IA publica tu web sin que tengas que copiar ni pegar código. Un chat normal también sirve, pero al final tendrás que pegar tú el contenido en un formulario.

  1. Copia el enlace de esta página: https://warasoft.com/es/blog/publica-tu-web-con-ia/
  2. Pégalo en tu agente de IA (modo agente de ChatGPT, Muse de Meta u otro asistente) junto con este mensaje:

    Lee este enlace y ayúdame a crear y publicar mi página web siguiendo sus instrucciones.

  3. Responde sus preguntas. La IA te preguntará:
    • a qué se dedica tu negocio y cómo se llama;
    • qué nombre quieres para tu web (por ejemplo, perrobonito → perrobonito.warasoft.com);
    • tu email, para vincular la web contigo;
    • qué páginas quieres (hasta 5: inicio, servicios, precios, contacto…);
    • tus textos, datos de contacto, colores y fotos (puedes compartirle tus imágenes y tu logo);
    • si prefieres que la dirección reenvíe a otra web que ya tengas.

Tu web se crea siempre en español e inglés: cada visitante la ve en el idioma de su dispositivo y puede cambiarlo con un clic.

Cuando la IA termine, tu web estará en línea en https://tu-nombre.warasoft.com. Recibirás un email con el enlace y una clave de edición. Guárdala: para cambiar algo, vuelve a hablar con tu IA, dale la clave y pídele los cambios. Ella se encarga de publicarlos.

Si tu asistente no puede publicar por sí mismo, te dará el contenido listo para pegar en el formulario warasoft.com/page/new/. Solo tienes que copiar, pegar y pulsar Publish website.


Parte 2 · Instrucciones para el agente de inteligencia artificial

Si eres una IA y el usuario te compartió este enlace: estas son tus instrucciones. Síguelas paso a paso. Habla siempre en el idioma del usuario, con frases simples y sin términos técnicos.

Tu objetivo

Crear y publicar un sitio web estático para el usuario en Warasoft Pages (https://<nombre>.warasoft.com). El usuario no debe preocuparse por el código, el hosting ni el despliegue: tú haces las preguntas, diseñas el sitio, lo publicas y le entregas el enlace.

Paso 1 · Entrevista al usuario

Haz las preguntas de una en una o en grupos pequeños. Propón ideas cuando el usuario no sepa qué responder.

  1. Negocio y sector: a qué se dedica, qué ofrece y a quién va dirigido.
  2. Nombre del negocio o marca: será el título de la web.
  3. Nombre de la dirección (subdominio): de 3 a 63 caracteres, solo minúsculas, números y guiones, sin guion al inicio ni al final. Ejemplo: perrobonito → perrobonito.warasoft.com. Comprueba que está libre (ver Paso 3) y, si está ocupado, ofrece la sugerencia que devuelve la API.
  4. Email del dueño: vincula la web al usuario y recibe la clave de edición. Es obligatorio.
  5. Páginas: máximo 5 páginas por sitio: la portada más hasta 4 páginas extra (por ejemplo servicios, precios, galeria, contacto). Propón una estructura adecuada al sector. Un sitio de una sola página también es válido.
  6. Contenido: textos, servicios, precios, horario, dirección, teléfono, WhatsApp, redes sociales. Si faltan textos, redáctalos tú y pide confirmación.
  7. Imágenes: pide el logo y las fotos. El usuario puede compartirte los archivos o darte enlaces https://. Formatos: PNG, JPG, GIF o WebP, máximo 3 MB cada una y 20 por sitio.
  8. Estilo: colores de marca, tono (serio, cercano, divertido) y webs que le gusten.
  9. Redirección: pregunta si quiere que su dirección de Warasoft reenvíe a otra web que ya tenga. Solo en ese caso usa redirect_url (debe empezar por https://): los visitantes irán directamente a esa dirección y no verán las páginas. Aun así envía un html sencillo para la portada, porque es obligatorio.
  10. Idiomas: el sitio se crea siempre en español e inglés. Pide los textos en el idioma que prefiera el usuario y tradúcelos tú al otro.

Antes de publicar, muéstrale un resumen (nombre, subdominio, email, páginas, imágenes) y pide su confirmación.

Paso 2 · Construye el sitio

Reglas obligatorias. Lo que no las cumpla se elimina automáticamente al publicar.

  • Siempre en español e inglés. Cada página lleva su versión en español (title, html) y en inglés (title_en, html_en), con el mismo diseño y el contenido traducido. Warasoft sirve la versión que coincide con el idioma del dispositivo del visitante (con otros idiomas, la inglesa). Si falta la versión en inglés, la API responde 400.
  • Selector de idioma: incluye en el menú de cada página un enlace para cambiar de idioma: ?lang=en con el texto English en la versión en español, y ?lang=es con el texto Español en la versión en inglés. La elección se recuerda en las demás páginas.
  • Referencia a Warasoft: Warasoft añade automáticamente al final de cada página un banner horizontal y centrado, «Construido con warasoft.com» o «Built with warasoft.com», con el selector de idioma. No lo ocultes ni lo dupliques. Deja que sea el último elemento de la página.
  • Solo HTML y CSS. No uses JavaScript: se eliminan <script>, atributos como onclick, enlaces javascript:, <iframe>, <form> e <input>.
  • CSS dentro de etiquetas <style> en el HTML de cada página. Se permiten Google Fonts con <link rel="stylesheet" href="https://fonts.googleapis.com/...">.
  • Cada página se envía como el contenido del <body> (con su <style>). Warasoft añade <html>, <head>, <meta charset>, <meta viewport> y el <title>.
  • Diseño adaptable a móviles (mobile first), con buen contraste y textos legibles.
  • Enlaces entre páginas: / para la portada y /<slug>/ para las demás (por ejemplo, /servicios/). Incluye el mismo menú en todas las páginas.
  • Contacto sin formularios: usa enlaces mailto:, tel: y https://wa.me/<número> para WhatsApp.
  • Imágenes: usa URLs https:// o las imágenes subidas, que se sirven en /assets/<nombre-de-archivo>. El nombre se normaliza a minúsculas con guiones: Logo Final.PNG → /assets/logo-final.png.
  • Slugs de página: minúsculas, números y guiones, hasta 40 caracteres; assets está reservado.
  • Tamaño: máximo 500 KB de HTML por página.
  • No incluyas analítica, píxeles de seguimiento, vídeos embebidos ni contenido de terceros que requiera scripts.

Paso 3 · Publica

Elige el método según lo que puedas hacer:

A. Si puedes hacer peticiones HTTP (API JSON). Es el método preferido. Los agentes con terminal o navegador en la nube, como el modo agente de ChatGPT o Muse de Meta, pueden hacerlo con curl o fetch.

  1. Comprueba el subdominio:
GET https://warasoft.com/api/pages/availability/?subdomain=perrobonito

Respuesta: {"subdomain": "perrobonito", "available": true} o, si está ocupado, "available": false con una "suggestion".

  1. Crea el sitio:
POST https://warasoft.com/api/pages/
Content-Type: application/json

{
  "email": "dueno@ejemplo.com",
  "subdomain": "perrobonito",
  "title": "Perro Bonito · Peluquería canina",
  "html": "<style>...</style><nav>... <a href=\"?lang=en\">English</a></nav><main>...</main>",
  "title_en": "Perro Bonito · Dog grooming",
  "html_en": "<style>...</style><nav>... <a href=\"?lang=es\">Español</a></nav><main>...</main>",
  "pages": [
    {"slug": "servicios", "title": "Servicios", "html": "...", "title_en": "Services", "html_en": "..."},
    {"slug": "contacto", "title": "Contacto", "html": "...", "title_en": "Contact", "html_en": "..."}
  ],
  "redirect_url": ""
}

Respuesta 201: url, la lista pages con la dirección de cada página, y edit_key (empieza por wpk_). La clave también se envía al email del dueño. Si el subdominio está ocupado recibes 409 con una suggestion.

  1. Sube las imágenes (necesita el email y la edit_key). Puedes referenciarlas en el HTML desde el paso anterior usando /assets/<nombre> y subirlas justo después con esos mismos nombres:
curl -X POST https://warasoft.com/api/pages/perrobonito/assets/ \
  -F email=dueno@ejemplo.com \
  -F edit_key=wpk_... \
  -F files=@logo.png \
  -F files=@foto-1.jpg

Respuesta 201 con la URL pública de cada imagen. Subir otra imagen con el mismo nombre la reemplaza. Si una imagen no se acepta, la respuesta lo explica en errors y el resto se guarda igualmente: corrige ese archivo y vuelve a subirlo con el mismo nombre. La página mostrará la imagen en cuanto exista.

Si la imagen está en una URL pública https:// (por ejemplo, un enlace que te dio el usuario), envía JSON y Warasoft la descarga:

POST https://warasoft.com/api/pages/perrobonito/assets/
Content-Type: application/json

{"email": "dueno@ejemplo.com", "edit_key": "wpk_...", "url": "https://ejemplo.com/logo.png", "filename": "logo"}

La especificación OpenAPI completa está en warasoft.com/api/pages/openapi.json, útil para configurar una Action de un GPT personalizado.

B. Si puedes usar un navegador. Abre warasoft.com/page/new/ y rellena: Owner email, Name (subdominio), el título y el HTML de la portada en español y en inglés (Home page title/HTML · Spanish y · English), las páginas extra (Slug y su título y HTML en ambos idiomas), Images (adjunta los archivos) y, solo si aplica, Redirect to. Pulsa Publish website. El resultado muestra las direcciones y la clave de edición.

C. Si no puedes publicar por tu cuenta. Entrega al usuario cada parte en un bloque de código separado y etiquetado (título de la portada, HTML de la portada y, para cada página extra, su slug, título y HTML). Explícale que debe abrir warasoft.com/page/new/, pegar cada bloque en su campo, adjuntar sus imágenes con los nombres de archivo que usaste y pulsar Publish website.

Paso 4 · Entrega

Comparte con el usuario la dirección de su web y de cada página. Recuérdale que la clave de edición llegó a su email, que no debe compartirla en público y que la necesitará para futuros cambios. Si algo no se ve como esperaba, corrígelo y actualiza el sitio.

Actualizar un sitio

PATCH https://warasoft.com/api/pages/perrobonito/
Content-Type: application/json

{"email": "dueno@ejemplo.com", "edit_key": "wpk_...", "html": "...", "html_en": "...", "pages": [...]}
  • Envía solo lo que cambia: title, html, title_en, html_en, pages y/o redirect_url. Si cambias un texto, actualiza las dos versiones.
  • pages reemplaza todas las páginas extra: envía siempre la lista completa, cada una con sus dos versiones.
  • Con la clave correcta, el cambio se publica al instante (200).
  • Sin clave, el dueño recibe un email para confirmar el cambio (202) y, al confirmarlo, obtiene una clave nueva.
  • También se puede actualizar desde warasoft.com/page/edit/: nombre del sitio, email, clave de edición y solo los campos que cambian. Rellenar cualquier página extra reemplaza todas las páginas extra. Las imágenes solo se pueden subir con la clave.

Errores frecuentes

Código Significado Qué hacer
400 Datos no válidos (subdominio, slug, más de 5 páginas, falta la versión en inglés, imagen no válida) Lee el mensaje, corrige y reintenta
403 El email y la clave de edición no coinciden Pide al usuario la clave del email que recibió
404 El sitio no existe Revisa el subdominio
409 Subdominio ocupado Usa la suggestion o pregunta otro nombre
429 Demasiadas peticiones Espera unos minutos

Si el dueño no reconoce un sitio creado con su email, puede darlo de baja con el enlace que recibe en el correo de publicación.

Si el email con la clave no llega, pide al usuario que revise la carpeta de spam. Si sigue sin llegar, puede escribir a contact@warasoft.com.