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.
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.
- Copia el enlace de esta página:
https://warasoft.com/es/blog/publica-tu-web-con-ia/ - 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.
- 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.
- Negocio y sector: a qué se dedica, qué ofrece y a quién va dirigido.
- Nombre del negocio o marca: será el título de la web.
- 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. - Email del dueño: vincula la web al usuario y recibe la clave de edición. Es obligatorio.
- 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. - Contenido: textos, servicios, precios, horario, dirección, teléfono, WhatsApp, redes sociales. Si faltan textos, redáctalos tú y pide confirmación.
- 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. - Estilo: colores de marca, tono (serio, cercano, divertido) y webs que le gusten.
- 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 porhttps://): los visitantes irán directamente a esa dirección y no verán las páginas. Aun así envía unhtmlsencillo para la portada, porque es obligatorio. - 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 responde400. - Selector de idioma: incluye en el menú de cada página un enlace para cambiar de idioma:
?lang=encon el texto English en la versión en español, y?lang=escon 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 comoonclick, enlacesjavascript:,<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:yhttps://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;
assetsestá 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.
- 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".
- 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.
- 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,pagesy/oredirect_url. Si cambias un texto, actualiza las dos versiones. pagesreemplaza 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.