Saltar al contenido principal
AI Studio es el constructor con IA de Chateea para crear sitios web, páginas de aterrizaje y otras experiencias interactivas describiendo lo que quieres en lenguaje natural. En lugar de armar todo desde cero, escribes una instrucción, eliges una plantilla o das una URL o imagen de referencia, y luego refinas el resultado conversando con la IA. Puede generar diseño, textos, imágenes y proyectos de varias páginas con un estilo coherente. Si no le das imágenes, crea visuales para la portada y las secciones de apoyo; si subes las tuyas y le pides usarlas, las coloca en la página. No se limita a sitios estáticos: también sirve para encuestas de varios pasos, flujos de reserva de citas, formularios con tu marca, paneles y otras experiencias para tus clientes.
AI Studio y Agent Studio son herramientas distintas. AI Studio crea sitios, páginas y otros recursos web a partir de instrucciones. Agent Studio es un constructor visual de agentes de IA que responden a eventos, interactúan con usuarios y automatizan tareas.

​
Qué puedes crear

  • Una página de aterrizaje inspirada en la estructura de una URL en vivo.
  • Una tienda en línea con tus fotos de marca.
  • Un panel para un caso de negocio específico.
  • Una página de reservas conectada a tu calendario.
  • Un sitio con textos, imágenes y llamadas a la acción ya listos.

​
Ventajas

  • Creación rápida: empiezas con una instrucción, no sección por sección.
  • Edición natural: pides cambios en lenguaje normal.
  • Ajustes visuales: haces clic en elementos de la vista previa para cambiar textos, imágenes, íconos, espacios y colores sin tocar código.
  • Inspiración flexible: plantillas, URL, capturas de pantalla e imágenes.
  • Iteración segura: historial de versiones para volver atrás.
  • Todo organizado: proyectos, carpetas, recientes y destacados en un mismo lugar.
  • Listo para publicar: vista previa, publicación y dominio propio.

​
Dónde encontrarlo y permisos

Abre AI Studio en el menú lateral de tu cuenta. Hay dos niveles de permiso para los miembros de tu equipo:

​
La pantalla de inicio

Al abrir AI Studio verás:
  • Un cuadro para describir lo que quieres construir.
  • Pestañas como Vistos recientemente, Mis proyectos, Destacados y Plantillas.
  • Plantillas de página de aterrizaje, panel, tienda en línea, portafolio y blog.
  • Un panel lateral con tus proyectos y trabajos recientes.
Desde aquí puedes crear un proyecto, abrir uno existente, renombrarlo, moverlo a una carpeta o eliminarlo.

​
Crear un proyecto

​
Con una instrucción

Describe lo que quieres. Cuanto más detalle, mejor el primer borrador. Puedes acompañarla de archivos, imágenes o una URL como referencia de estructura, diseño o estilo.

​
Preferencias de diseño guiadas

No necesitas una instrucción perfecta. Si tu pedido es amplio (por ejemplo, “hazme un sitio para mi negocio”), AI Studio puede hacerte preguntas antes de construir: tipo de negocio, objetivo principal, estilo. Las preguntas pueden ser opciones, ejemplos visuales, controles deslizantes o respuestas libres, y cubren:
  • Paleta de colores: eliges entre muestras, sin necesidad de códigos de color.
  • Tipografía: combinaciones moderna, limpia, premium, creativa, editorial o enérgica.
  • Diseño: cuadrícula, pantalla dividida, editorial, galería o por secciones.
  • Objetivo de conversión: agendar una llamada, vender un producto o captar leads.
Solo aparecen cuando son útiles. Puedes revisar tus respuestas antes de enviarlas, saltar preguntas o hacer clic en Omitir todo para que AI Studio elija opciones razonables.

​
Con una plantilla

Haz clic en la pestaña Plantillas y elige una: página de aterrizaje, panel, tienda en línea o portafolio.

​
Editar y refinar

AI Studio funciona como una conversación: el primer resultado es un punto de partida. Sigue pidiendo cambios:
Además tienes:
  • Ediciones visuales: activa Ediciones visuales en el área de instrucciones y edita directamente en la vista previa (doble clic en textos, controles de imagen, color, espacio y diseño).
  • Editor de código: edita el código del proyecto para ajustes precisos, con los cambios reflejados en tiempo real.
  • SEO avanzado: mejora el rastreo e indexación, las vistas previas al compartir, el mapa del sitio y la lectura por buscadores con IA.

​
Vista previa e historial de versiones

En el editor puedes:
  1. Cambiar entre Vista previa y Código.
  2. Ver el proyecto en escritorio, tableta y móvil.
  3. Cambiar de página en proyectos de varias páginas.
  4. Abrir la página en otra pestaña o actualizar la vista previa.
Cada cambio generado por IA crea una versión. Desde Historial de versiones puedes abrir y previsualizar versiones anteriores, marcarlas y restaurarlas si el último cambio no te convenció.

​
Formularios y calendarios

AI Studio puede construir la parte visual de formularios y secciones de reserva, pero no se conectan automáticamente a tu cuenta.
  • Formularios: cuando quieras recibir envíos, pídele que conecte el formulario o haz clic en Conectar cuando te lo sugiera. Esto crea contactos en tu cuenta, registra los envíos y permite usarlos en flujos de trabajo.
  • Calendarios: AI Studio detecta los calendarios de tu cuenta y te pide elegir cuál conectar a la sección de reservas.
Guía completa en Conectar formularios y calendarios en AI Studio.

​
Dónde ver los envíos

Los envíos no se guardan en el proyecto, sino en tu CRM:
  1. En Contactos.
  2. En Sitios → Formularios → Envíos → Formularios externos.
Para automatizar, usa el disparador Formulario de AI Studio enviado, que permite filtrar por proyecto, formulario, ruta de página y dominio. También funciona el disparador Evento de seguimiento externo con el evento Envío de formulario y los filtros de dominio o formulario externo.

​
Publicar tu proyecto

Al publicar, el proyecto queda disponible en una URL en vivo. Después puedes seguir editando: los cambios quedan como borrador hasta que vuelvas a publicar, así no afectas la versión en vivo.

​
Publicar en un dominio de vista previa

  1. Haz clic en Publicar, arriba a la derecha. Ajusta la URL si quieres y vuelve a hacer clic en Publicar.
  2. Actualiza ícono, nombre, descripción e imagen para redes sociales y haz clic en Aplicar cambios.
  3. Haz clic en Publicar.

​
Conectar un dominio propio

Primero debes haber publicado en el dominio de vista previa.
  1. Haz clic en Publicar y luego en Agregar dominio personalizado.
  2. Escribe el dominio. Si es el dominio raíz (ejemplo.com) o la versión www, aparece la opción de agregar también el otro y crear la redirección. Se recomienda conectar ambos.
  3. Si el dominio ya está administrado en Chateea, la configuración sigue dentro del flujo. Si hay registros en conflicto, revisa la advertencia antes de hacer clic en Agregar registros.
  4. Si no, agrega los registros DNS que se muestran y haz clic en Verificar DNS (dos registros si conectas raíz y www).
  5. Al terminar, el chat confirma el dominio conectado y muestra la opción Ver sitio.
Cuando el proyecto está conectado a un dominio, la conexión también aparece en la sección de Dominios de tu cuenta.

​
Elegir la URL principal

Las demás URL conectadas redirigen (301) a la principal. Haz clic en Publicar, abre el menú de tres puntos junto a la URL y elige Establecer como principal.
Si conectaste raíz y www a la vez, el dominio que escribiste queda como principal y el otro redirige a él. Si ya tenías una URL principal, se mantiene.

​
Clonar un proyecto

Puedes duplicar un proyecto dentro de tu cuenta para reutilizar un trabajo que funcionó:
  1. Abre el menú de tres puntos del proyecto y elige Clonar.
  2. Escribe el nombre del nuevo proyecto y elige la carpeta de destino (o déjalo en la raíz).
  3. Decide si incluyes el historial: Con historial copia el chat y las versiones; Sin historial crea una copia limpia.
  4. Haz clic en Clonar.
También puedes descargar el código del proyecto como archivo ZIP.

​
Límites y notas importantes

  • Los proyectos de AI Studio viven en AI Studio: no se pueden mover a los constructores de sitios o embudos, ni hace falta para publicarlos.
  • Recrear a partir de una URL o imagen es una inspiración de estructura y estilo, no una copia exacta.
  • Formularios y calendarios requieren el paso de conexión para trabajar con tus datos.

​
Solución de problemas

Cuando le pides a AI Studio que arregle algo, puede investigar el proyecto en ejecución antes de cambiarlo: revisar su comportamiento, probar funciones y recursos externos, detectar si la vista previa muestra una versión desactualizada o investigar un error de la aplicación. Si el entorno queda congelado, intenta recuperarlo, y después de aplicar un arreglo vuelve a comprobar el resultado. No tienes que hacer nada manual: solo pídele que construya, cambie o arregle tu proyecto.

​
Preguntas frecuentes

No. También crea encuestas de varios pasos, formularios con tu marca, flujos de reserva y otras experiencias interactivas.
Con un plan de IA con cupo tienes uso incluido; con el plan ilimitado, el triple de uso; sin plan, se cobra por tokens desde tu billetera. El uso se mide en ventanas de 5 horas y se libera al terminar cada ventana. Detalles en Precios de AI Studio.
No. Se publica directamente desde AI Studio, con varias páginas conectadas y tu dominio.
No. Los proyectos se quedan en AI Studio, que publica desde su propio espacio de trabajo.
Sí. Usa el ícono de computadora en la parte superior de la vista previa para cambiar entre escritorio, tableta y móvil.

​
Artículos relacionados

Ediciones visuales

Ajusta tu proyecto directamente en la vista previa.

Formularios y calendarios

Conecta tu proyecto con tu CRM y tu agenda.

Precios de AI Studio

Cómo se mide y cobra el uso.

Límites de uso de IA

Controla el gasto de IA de tu cuenta.
Última modificación el 29 de septiembre de 2026