Constructor de sitio web con IA
Generá y editá las páginas de tu sitio usando lenguaje natural. Describí lo que querés — la IA lo construye en segundos.
¿Qué es?
El Constructor de sitio web con IA te permite crear y editar cualquier página de tu sitio Fanz chateando con un asistente. En lugar de colocar bloques manualmente, simplemente describís el resultado que querés:
"Creá una página de contacto oscura con un formulario, un mapa y nuestra dirección de email."
La IA genera el HTML completo de la página y te muestra una vista previa en vivo. Podés refinarlo con mensajes de seguimiento hasta que quede exactamente como querés.
Acceder al constructor de IA
- Desde el dashboard, andá a Website
- En la barra lateral izquierda, hacé clic en cualquier página (Homepage o una página personalizada)
- Hacé clic en el botón "Asistente IA" en la barra superior del previsualizador
La pantalla se divide en dos paneles:
- Izquierda: el chat con la IA donde escribís los prompts
- Derecha: la vista previa en vivo de la página que se está generando
Crear tu primera página
Cuando abrís el asistente por primera vez en una página, vas a ver la pantalla de bienvenida. Escribí un prompt describiendo lo que querés y presioná Enviar (o Enter).
Ejemplos de prompts:
- "Creá una homepage para un venue de música con un hero, eventos destacados y una sección de contacto"
- "Armá una página de Nosotros con nuestro equipo, nuestra historia y una galería de eventos pasados"
- "Hacé una página de contacto oscura y minimalista con un formulario y nuestro horario de atención"
Tip: Cuanto más detalle des (tono de marca, colores, contenido), mejor va a ser el resultado. Siempre podés refinar con mensajes de seguimiento.
Adjuntar imágenes
Podés adjuntar imágenes a tus prompts para darle contexto visual a la IA:
- Hacé clic en el ícono de imagen en el composer
- O pegá una imagen directamente en el campo de texto
- O usá la herramienta de captura/recorte (ícono de cámara) para capturar parte de la vista previa actual
Las imágenes son útiles para:
- Mostrar una referencia de estilo o diseño
- Señalar una sección específica que querés cambiar
- Subir tu logo o activos de marca
Límites: hasta 4 imágenes por mensaje, máximo 5 MB cada una.
Dictado por voz
Hacé clic en el ícono de micrófono en el composer para dictar tu prompt en lugar de escribirlo. El texto se transcribe automáticamente y se agrega al campo de mensaje, donde podés editarlo antes de enviar.
Selector de modelo
Podés elegir qué modelo de IA usar desde la barra del composer (Auto / Rápido / Balanceado / Mejor). La selección se guarda por marca.
- Auto — enrutado inteligente por defecto; el sistema elige el mejor modelo para tu pedido
- Rápido — respuestas más rápidas, menor costo; ideal para ediciones rápidas
- Balanceado — equilibrio entre velocidad y calidad; recomendado para la mayoría de los casos
- Mejor — mayor calidad, más lento; recomendado para layouts complejos y rediseños detallados
Editar con la IA
Una vez que se genera una página, podés seguir editando a través del chat:
- "Hacé la sección hero más alta y mové el botón CTA al centro"
- "Cambiá la paleta de colores para que coincida con los colores de nuestra marca"
- "Agregá una sección de testimoniales entre la galería y el footer"
Modo inspección
Usá el cursor de inspección (ícono de mira en la barra de herramientas) para hacer clic en cualquier elemento de la vista previa. Seleccionar un bloque lo incluye automáticamente en tu próximo prompt para que la IA sepa exactamente qué editar.
Historial de versiones
Cada generación se guarda como una versión. Para acceder al historial:
- Hacé clic en el ícono de reloj en el encabezado del chat
- El panel de historial muestra todas las versiones con timestamps y el prompt que las creó
- Hacé clic en una versión para previsualizarla (la vista previa muestra tu homepage en vivo y podés hacer clic en el navbar para navegar otras páginas)
- Hacé clic en Restaurar esta versión para volver a esa versión
La versión actual está marcada como ACTUAL en la lista.
Generación de múltiples páginas
Cuando trabajás en un sitio con varias páginas, podés pedirle a la IA que las genere o actualice juntas:
- "Creá un sitio de 3 páginas: Home, Nosotros y Contacto"
La IA generará cada página en secuencia. Aparece una lista de progreso en la parte superior del chat mostrando el estado de cada página.
Límites de uso
El constructor de IA tiene límites de uso internos por marca para garantizar acceso justo a todos. Cuando una marca está acercándose al límite, aparece un aviso de advertencia en la parte superior del asistente. Cuando el límite está alcanzado, la generación se pausa y se muestra un link de soporte.
Si ves un aviso de límite, contactá al soporte de Fanz para revisar tu plan.
Tips para mejores resultados
| Lo que querés | Qué probar |
|---|---|
| Layout específico | Describí las secciones en orden: "hero, después 3 cards de features, después formulario de contacto" |
| Colores de marca | Mencionálos: "usá nuestro color primario #e63946" |
| Mantener el estilo actual | Decí: "mantené el mismo diseño y solo cambiá el texto del hero" |
| Referenciar un diseño | Adjuntá una captura de pantalla de la página que te gusta |
| Corregir algo puntual | Usá el modo inspección para hacer clic en el elemento y luego describí el cambio |
No. Los dos existen y sirven para distintos propósitos. El constructor de IA crea y edita páginas mediante lenguaje natural — ideal para crear páginas desde cero rápido o hacer cambios amplios. El constructor manual (editor de bloques) sigue disponible para control granular a nivel de bloque.
Sí. El constructor de IA está disponible para la homepage y todas las páginas personalizadas. Abrí la página desde la barra lateral y hacé clic en el botón Asistente IA en la barra del previsualizador.
Seguí chateando. Enviá un mensaje de seguimiento describiendo qué querés cambiar. Si querés volver completamente a una versión anterior, abrí el historial de versiones (ícono de reloj) y restaurá una versión anterior.
Sí. Los cambios del constructor de IA se reflejan en la página y podés abrir el constructor manual de bloques en cualquier momento para ajustar bloques individuales.
No. La IA construye y actualiza el borrador de tu página. Igual tenés que publicarla manualmente desde la barra lateral o la barra del previsualizador — igual que con el constructor manual.
Sí. Podés pegar una imagen, usar el ícono de imagen para subir una, o usar la herramienta de captura/recorte para capturar una sección de la vista previa actual. Podés adjuntar hasta 4 imágenes por mensaje (máximo 5 MB cada una). Las imágenes ayudan a la IA a entender tu referencia o el estilo deseado.
Sí. Hacé clic en el ícono de micrófono en el composer para dictar tu prompt. La transcripción se agrega al campo de texto para que puedas revisarla y editarla antes de enviar.
Te permite elegir qué modelo de IA procesa tu pedido: Auto (enrutado inteligente), Rápido (más rápido, menor costo), Balanceado (recomendado para la mayoría de usos) o Mejor (mayor calidad, más lento). La elección se guarda por marca. Para layouts complejos o rediseños detallados, Mejor suele dar los resultados más completos.
El modo inspección (ícono de mira en la barra de herramientas del chat) te permite hacer clic en cualquier elemento de la vista previa para seleccionarlo. La selección se incluye automáticamente en tu próximo prompt, para que la IA sepa exactamente qué elemento editar sin que tengas que describirlo.
Cada marca tiene un tope de uso de IA interno para garantizar acceso justo. Si te acercás al límite, aparece un aviso. Si lo alcanzás, la generación se pausa hasta que soporte restablezca o ajuste tu plan. Contactá al soporte de Fanz si esto ocurre.