Cómo crear una página web con IA: guía paso a paso (2026)

Para crear una página web con IA, describe el sitio que quieres en lenguaje sencillo, adjunta tu logo, fotos o lista de precios y deja que un creador con IA lo genere y lo aloje. Revisa el resultado en vivo y pide cambios en el mismo chat hasta que quede bien. Por último, conecta tu dominio propio y publícalo.

• Prepárate antes de escribir: el objetivo principal del sitio, sus páginas y tus textos, fotos y precios reales.
• Un primer mensaje detallado rinde más que varios cortos, sobre todo en un plan gratuito con una compilación por cada ventana de 5 horas.
• Adjunta lo que ya tienes, como el logo, la carta en PDF o la lista de precios, para que el sitio use tu contenido y no textos de relleno.
• Formularios, reservas, cuentas de usuario y pagos se añaden pidiéndolos. Los pagos y el correo solo se activan cuando añades tus propias claves en Integraciones.
• Prueba el sitio en el celular o móvil, revisa cada precio y cada afirmación, y pasa a tu dominio propio antes de imprimir la dirección en cualquier parte.

Antes de empezar: objetivo, páginas, contenido real y fotos

La calidad de una web hecha con IA depende mucho más de lo que tú aportas que de la herramienta. Un poco de preparación te ahorra varias rondas de correcciones. Reúne primero esto:

• Un objetivo principal. ¿Qué debe hacer quien visita la página: llamar, reservar, hacer un pedido, enviar una consulta, inscribirse en una lista? Un sitio que empuja cinco acciones por igual acaba sin empujar ninguna.
• Las páginas. La web típica de un negocio local tiene Inicio, Servicios o Carta, Quiénes somos, Contacto y quizá Reservar o Pedir. Para un profesional independiente o un evento basta una sola página con secciones.
• Contenido real. Nombre del negocio, dirección, teléfono, horario, servicios con precios y algunas opiniones breves de clientes que te hayan dado permiso para usarlas. Pégalo en el mensaje o adjúntalo como archivo.
• Fotos. Tus propias fotos del local, del equipo y de tu trabajo valen más que cualquier imagen de stock. Si no las tienes, WisyLink usa fotos de stock o ilustraciones vectoriales sencillas; no genera fotos.
• Idioma. Decide qué idiomas necesita el sitio. Una web en dos idiomas recibe versiones de idioma completas, cada una con sus propias URL, y eso es más fácil de pedir al principio que de añadir después.

Este es el proceso completo de un vistazo:

1. Describe el sitio en un mensaje claro.
2. Adjunta tu logo, fotos, carta o lista de precios.
3. Sigue la compilación y abre el enlace en vivo.
4. Ajusta con mensajes de seguimiento.
5. Añade formularios, reservas, cuentas de usuario o pagos cuando los necesites.
6. Pásalo a tu dominio propio y publícalo.

¿Se puede hacer gratis? Sí. El plan Community de WisyLink no cuesta nada ni pide tarjeta, y crea y aloja un sitio completo. Tiene dos límites que conviene tener en cuenta: una compilación por cada ventana de 5 horas, y enlaces que duran 30 días y después quedan marcados para eliminación una semana más antes de borrarse, salvo que mejores tu plan. Los enlaces que no caducan requieren un plan de pago, desde 7 USD al mes; el dominio propio funciona en cualquier plan. Puedes empezar en Community y pasar a un plan de pago solo cuando el sitio esté listo para compartir.

Paso 1: describe el sitio en un mensaje claro

Escribe como si le hicieras un encargo a un diseñador de confianza: qué es el negocio, para quién es, qué páginas y funciones necesita y qué sensación debe transmitir. La tabla muestra para qué sirve cada parte.

Todo junto, el primer mensaje para una panadería de barrio podría quedar así:

Crea una página web para Panadería El Roble, una panadería y cafetería de barrio en la calle Estación 14. Objetivo principal: que la gente venga a vernos y que encargue con antelación pasteles para celebraciones.

Páginas: Inicio (foto principal, especialidades del día, horario), Carta (panes, repostería y pasteles con los precios de la lista adjunta), Pasteles (formulario de encargo: nombre, correo, teléfono, tipo de pastel, tamaño, fecha de recogida y mensaje para el pastel), Quiénes somos (nuestra historia y las fotos del equipo adjuntas) y Contacto (teléfono, dirección con enlace al mapa y horario).

Guarda cada encargo y dame una página de administración sencilla para verlos y marcarlos como listos. Aspecto cálido y artesanal: fondo crema, detalles en verde oscuro y el logo adjunto. Solo en español.

Wisy, el asistente del chat de WisyLink, lo lee y o bien te hace una pregunta breve sobre algo que cambia el resultado («¿Los encargos de pasteles deben pagar un anticipo en línea?»), o bien empieza a construir. Las decisiones pequeñas, como los textos de los botones o el orden de las secciones, las toma por su cuenta. Basta con responder a su pregunta en una línea.

Paso 2: adjunta tu logo, fotos, carta o lista de precios

Los archivos adjuntos son la forma más rápida de llevar tu contenido real al sitio. WisyLink acepta 17 tipos de archivo, de hasta 25 MB cada uno, entre ellos imágenes JPEG, PNG, WebP, HEIC y SVG, documentos PDF, Word y Excel, CSV y texto plano. Lo que mejor funciona:

• Logo: en SVG, o en PNG con fondo transparente.
• Fotos: tal como salen de tu teléfono, también en HEIC. Elige unas pocas buenas en lugar de cuarenta parecidas.
• Carta o servicios: el PDF o el archivo de Word que ya entregas a tus clientes.
• Precios o listas de productos: una hoja CSV o de Excel con nombres de columna claros, como producto, categoría y precio.

Indica en el mensaje para qué sirve cada archivo: «usa equipo.jpg en Quiénes somos», «toma los precios de precios.xlsx». Los archivos que adjuntas se quedan en los Archivos de referencia del enlace, así que las compilaciones posteriores también pueden usarlos. Sube solo fotos y textos que tengas derecho a usar.

¿Vas a sustituir una web que ya tienes? Copia el texto de cada página en un archivo de Word o de texto, adjúntalo y enumera las direcciones de las páginas antiguas, como /carta o /precios, para que la nueva web pueda mantenerlas. Conservar las mismas direcciones protege el posicionamiento que esas páginas ya tengan en los buscadores.

Paso 3: sigue la compilación y abre el enlace en vivo

Cuando empieza la compilación, una lista de tareas en vivo en el chat muestra qué está haciendo el agente de compilación, y el botón «Detener» la para si detectas pronto un malentendido. En la app para iOS o Android recibes una notificación cuando termina. Hasta que acaba la primera compilación, la dirección del sitio muestra una página de «en construcción».

El sitio terminado queda en línea en su propia dirección HTTPS, https://<id>.wisylink.com, y puedes verlo en la vista previa del chat o abrirlo en una pestaña nueva. Lee la nota final de la compilación: enumera lo que se construyó y lo que te toca hacer, como los datos de acceso de administrador o las claves que debes añadir. Después haz una primera revisión:

1. Abre primero el sitio en tu teléfono; así lo van a conocer muchos de tus clientes.
2. Compara el nombre, la dirección, el teléfono, el horario y cada precio con tus propios datos.
3. Toca el número de teléfono y el enlace al mapa.
4. Envía el formulario con datos que parezcan reales y comprueba que la entrada aparece en la página de administración.
5. Anota todo lo que quieras cambiar antes de enviar nada.

Paso 4: ajusta con mensajes de seguimiento

Todos los cambios se hacen en el mismo chat; no hay editor de arrastrar y soltar ni código que tocar. Un buen mensaje de seguimiento nombra la página, el elemento y el cambio:

• «En la página Carta, agrupa los productos en Panes, Repostería y Pasteles, con los precios alineados a la derecha».
• «Cambia la foto de la página de inicio por la fachada.jpg adjunta».
• «En el teléfono, pon el número en la cabecera y haz que al tocarlo se inicie la llamada».
• «La fecha de recogida debe ser al menos dos días después de hoy. Bloquea las fechas anteriores».

Agrupa los cambios. Cada cambio es una nueva compilación y en el plan gratuito tienes una compilación por cada ventana de 5 horas, así que una lista de ocho correcciones en un solo mensaje avanza mucho más rápido que ocho mensajes sueltos. Los planes de pago tienen cuotas de uso más amplias y menos espera entre compilaciones. Si una compilación falla, la versión anterior sigue en línea, así que experimentar no pone el sitio en riesgo.

Hay una petición que ahorra muchas compilaciones más adelante: pide una página de administración donde puedas editar lo que cambia a menudo, como las especialidades del día, el horario o los precios. Lo que edites ahí aparece en el sitio en aproximadamente un minuto y no necesita ninguna compilación.

Paso 5: añade formularios, reservas, cuentas o pagos

Las funciones interactivas están a un mensaje de distancia, porque el sitio tiene un backend real: los datos guardados, las cuentas y el almacenamiento de archivos se añaden cuando el proyecto los necesita. Las más habituales:

Formularios de contacto y de consulta

Las entradas se guardan y aparecen en una página de administración. Los avisos por correo salen a través de tu propia cuenta de correo (SMTP); mientras no conectes una, el formulario sigue guardando las entradas y simplemente no envía correos.

Reservas

Franjas horarias o clases con un aforo. Las reservas se guardan de forma atómica, así que dos visitantes no pueden quedarse con el mismo último lugar.

Inicios de sesión

Un área de miembros o un portal de clientes, con registro, inicio de sesión, roles y área de administración propios del sitio. Se puede añadir el acceso con Google o GitHub usando tus propias credenciales OAuth.

Pagos

Anticipos, pedidos o suscripciones a través de tu propia cuenta de Stripe o de otro proveedor. Un pedido se marca como pagado solo cuando el proveedor lo confirma.

Una contraseña para todo el sitio

Útil para enseñar un borrador a un socio antes del lanzamiento. Una única contraseña compartida protege todas las páginas.

Todo lo que depende de una cuenta externa permanece desactivado hasta que añades sus credenciales en Integraciones. La nota final de la compilación te dice cuáles hacen falta, y la pantalla de Integraciones muestra los pasos para cada proveedor. Nunca pegues claves en el chat. Para los pagos, empieza con las claves de prueba de tu proveedor, haz un pedido de prueba y cambia a las claves reales cuando todo funcione de principio a fin.

No necesitas todo el primer día. Añade funciones en el orden en que las usarán tus clientes: la panadería puede lanzarse con la carta y el formulario de encargos, y añadir los anticipos en línea cuando empiecen a llegar pedidos. Cada novedad es un mensaje más en el mismo chat.

Paso 6: pásalo a tu dominio propio y publícalo

Puedes conectar un dominio propio en cualquier plan, incluido el gratuito. Si todavía no tienes un dominio, registra uno primero en cualquier registrador de dominios. En Dominios tienes entonces dos opciones:

• Conectar un dominio que ya tienes con un registro DNS. Tu DNS se queda donde está; añades el registro que se indica (un CNAME a cname.wisylink.com o un registro A). Tu correo no se ve afectado.
• Apuntar tus servidores de nombres a WisyLink para gestionar todo el DNS desde ahí. Esto sustituye todos los registros DNS existentes, incluido el correo (MX), así que elígelo solo si estás listo para recrear esos registros en el administrador de DNS de WisyLink.

Hay dos tropiezos que se repiten. Muchos proveedores de DNS no permiten un CNAME en el dominio raíz (example.com), así que ahí usa la opción del registro A. Y un registro A o AAAA antiguo que quede en el mismo nombre impedirá que la verificación se complete, así que bórralo. La verificación empieza cuando la solicitas, se reintenta automáticamente y se da por fallida a las 6 horas si los registros siguen sin estar bien; corrígelos y vuelve a empezar. El certificado HTTPS se emite automáticamente.

Cuando el dominio esté verificado, elígelo en Dominios dentro del enlace y selecciona «Desplegar»; en segundos empieza a servir el sitio. Cada enlace usa un solo dominio a la vez. Después avisa a los buscadores: añade el dominio como propiedad en Google Search Console, que verifica que el dominio es tuyo con un registro DNS, y envía el sitemap que está en /sitemap.xml y que cada sitio de WisyLink genera por su cuenta.

Qué hace bien la IA y qué tienes que revisar tú

Un creador con IA destaca justo en lo que antes necesitaba un diseñador y un desarrollador: una estructura coherente que funciona en el teléfono, una organización clara de las páginas, formularios que funcionan, datos guardados y lo básico del SEO técnico. Cada página de WisyLink se renderiza en el servidor con título, descripción, URL canónica e imagen para compartir en redes, y el sitio sirve su propio sitemap y su robots.txt.

¿Una página web hecha con IA es buena para el SEO? En lo técnico, sí. Los buscadores ven el contenido completo de cada página desde la primera carga. Posicionar es otra cuestión. Google afirma que el uso adecuado de la IA o la automatización no va en contra de sus directrices y que premia el contenido original y útil, sin importar cómo se haya creado. La IA construye el contenedor; tus precios reales, tus fotos, tu experiencia y los detalles locales son lo que hace que la página merezca posicionarse.

Lo que todavía tienes que revisar tú:

• Datos. Cada precio, horario, dirección y afirmación. La IA puede rellenar huecos con texto verosímil, y los propios términos de WisyLink dejan la revisión del resultado bajo tu responsabilidad.
• Redacción. Lee cada página en voz alta. Quita todo lo que no le dirías a un cliente en el mostrador.
• Formularios y procesos. Envía cada formulario, haz una reserva de prueba y un pago de prueba, y confirma qué llega a la página de administración.
• Páginas legales. Si recoges nombres, correos o pagos, necesitas un aviso de privacidad que coincida con lo que realmente recoges: en España, conforme al RGPD y la LOPDGDD, además del aviso legal que exige la LSSI-CE; en México, el aviso de privacidad que pide la LFPDPPP. Pide la página y después haz revisar el texto según las normas de tu país.
• Imágenes y descripciones. Comprueba que las fotos muestran lo que dice el texto y que cada imagen importante tiene una descripción útil para los lectores de pantalla.

Trata esta revisión como parte de la construcción, no como un añadido final. Nuestro ensayo sobre cómo evaluar lo que se genera explica por qué las comprobaciones medidas superan a un vistazo rápido.

Lanza tu página web con WisyLink

Si la idea es nueva para ti, qué es un creador de apps con IA y cómo funciona cubre lo básico, y la web generativa explica por qué una frase ya puede convertirse en un sitio alojado. Si buscas ideas más allá de la web de un negocio, explora los casos de uso: sistemas de reservas, portales de clientes, tiendas, confirmaciones de asistencia a eventos y más.

Cuando lo tengas claro, escribe tu primer mensaje con ayuda de la tabla de arriba, adjunta tus archivos y envíalo. Prueba el enlace en vivo en tu teléfono, agrupa tus correcciones y compara los planes cuando quieras mantener la web en línea en tu dominio propio.

Descríbelo en un mensaje y recibe un enlace en vivo: empieza gratis en Community, sin tarjeta.