Temas Fanz
Temas Fanz es la forma de construir y administrar tu sitio de marca blanca con el constructor nuevo. Los temas están definidos por diseñadores y se compilan de manera determinista a partir de tu configuración en páginas completas del sitio — lo que configurás es exactamente lo que ven tus visitantes, sin sorpresas.
Cada tema viene con páginas prediseñadas, secciones configurables, tres presets de estilo y un editor a pantalla completa con vista previa en vivo de tu propio sitio.
Dónde encontrarlo: Ingresá a Sitio Web en la barra lateral izquierda y abrí el hub Mi sitio web.
¿No ves Mi sitio web? Si tu menú muestra Branding, Página de inicio y Páginas, estás en el constructor clásico — usá esas guías. Los sitios nuevos siempre caen en Temas.
Secciones del tema vs otras "secciones"
En esta guía, una sección es un bloque de contenido dentro de una página del tema (hero, agenda, FAQ…). No es lo mismo que una Sección en un mapa de asientos (un sector con mapa interior) ni que un área del tour del panel.
El hub Mi sitio web
Mi sitio web es el punto de entrada a todo lo relacionado con tu sitio. Ahí vas a ver:
- Una vista previa en vivo de tu sitio publicado, con toggle de escritorio/móvil
- El botón para copiar la URL de tu sitio y Ver mi sitio en una pestaña nueva
- Personalizar — abre el editor de temas a pantalla completa
- Cambiar tema — abre el selector de temas
- Crear con IA — en el selector, abre el asistente que arma un sitio a partir de tu marca (sitio existente, Instagram, archivos) y deja un borrador para revisar
Si tu marca todavía no tiene sitio, el hub te muestra el acceso directo para crearlo (ver la guía de creación del sitio).
El selector de temas
El selector muestra el catálogo de temas a la izquierda y una vista previa en vivo de tu propio sitio a la derecha — no son capturas estáticas: es tu sitio real compilado con el tema que estés explorando.
Qué vas a ver
| Elemento | Qué hace |
|---|---|
| Tu tema actual | Tarjeta con el nombre del tema publicado, su preset y la etiqueta verde Publicado — siempre sabés cuál está en vivo |
| Tarjetas de temas | Una por cada tema disponible, con mini vista previa y nombre |
| Puntos de preset | Cada tema tiene 3 presets — hacé clic en un punto para previsualizarlo al instante |
| Barra de la vista previa | Selector de página, toggle escritorio/móvil, abrir en pestaña nueva |
| Usar este tema | Aplica el tema seleccionado a tu sitio en vivo |
| Personalizar | Abre el editor a pantalla completa con el tema seleccionado |
| Crear con IA | Tarjeta al inicio del catálogo: abre el asistente de personalización |
Previsualizar sin riesgo
Todo lo que hacés en el selector es solo vista previa: podés recorrer temas y presets todo lo que quieras — tu sitio publicado no cambia hasta que confirmés.
Al hacer clic en Usar este tema aparece un diálogo de confirmación que te explica que el nuevo tema va a reemplazar al publicado actualmente, y que el tema anterior queda guardado para que puedas volver a él cuando quieras.
Protección de tus personalizaciones: si estás explorando otro preset de tu tema publicado y elegís Personalizar, Fanz primero crea una copia borrador — así tus ajustes en vivo nunca se pisan por accidente.
Los temas disponibles
Cada tema tiene una identidad visual propia, páginas prediseñadas y tres presets (variantes de paleta y estilo). Los nombres del selector vienen del catálogo — quedan en español en ambos idiomas del panel:
| Tema | Ideal para | Presets |
|---|---|---|
| Teatro | Teatros, artes escénicas, salas de concierto, danza. Estética elegante y editorial, "a sala oscura". | Terciopelo · Marfil · Moderno |
| Nocturno | Boliches, fiestas electrónicas, productoras de fiestas. Estética neón y cinética. | Neón · Galpón · Atardecer |
| Conferencia | Conferencias, congresos, eventos corporativos, summits. Estética keynote profesional. | Ponencia · Amanecer · Terminal |
| Centro Cultural | Centros culturales, museos, espacios multidisciplinarios, galerías. Estética cálida de catálogo. | Arcilla · Museo · Noche de museos |
| Club Deportivo | Clubes deportivos y sociales, academias. Estética de tribuna y camiseta. | Noche de estadio · Clásico · Tricolor |
| Parque | Parques de diversiones, ferias, parques acuáticos. Estética pop y familiar. | Festival · Noche mágica · Aqua |
| Cine | Complejos y cines independientes. Cartelera tipo multiplex, horarios y preventa. | Auditorio · Marquesina · Matinée |
| Vervee | Venues premium y experiencias de alto standing. | Noir · Champaña · Platino |
| Electrónica | Festivales y productoras de electrónica (el id interno es Volt; en el selector se llama Electrónica). | Magenta · Silo · Almacén |
| Underground | Escenas independientes, fanzine, estética cruda. | Crudo · Ácido · Fanzine |
Cine: si el catálogo está vacío, la vista previa puede activar sola Simular listado de eventos con películas de ejemplo. Esa simulación es solo de preview y no cambia el sitio publicado. Eventos reales ocultan las muestras.
Electrónica: el inicio puede mostrar los eventos de esta semana como un carrusel de flyers a todo el ancho y las próximas fechas como lista. El CTA del hero Ver eventos hace scroll al listado.
Las secciones de listado de eventos también admiten un layout de carrusel, además de grilla / lista / doble marquesina.
Páginas incluidas por tema
Cada tema viene con un set de páginas ya armadas que podés editar, renombrar o eliminar (excepto Inicio):
| Tema | Páginas |
|---|---|
| Teatro | Inicio, Cartelera, Nosotros, Abonos, Contacto, Preguntas frecuentes |
| Nocturno | Inicio, Fiestas, VIP, Galería, Contacto, Preguntas frecuentes |
| Conferencia | Inicio, Agenda, Speakers, Sede, Contacto, Preguntas frecuentes |
| Centro Cultural | Inicio, Agenda, Espacios, Amigos, Contacto, Preguntas frecuentes |
| Club Deportivo | Inicio, Agenda, Disciplinas, La sede, Socios, Contacto, Preguntas frecuentes |
| Parque | Inicio, Atracciones, Entradas, Tu visita, Contacto, Preguntas frecuentes |
| Cine | Inicio, Cartelera, Contacto, Preguntas frecuentes |
| Vervee | Inicio, Programa, La sede, Galería, Agenda, Contacto, Preguntas frecuentes |
| Electrónica | Inicio, Agenda, Visita, Contacto, Preguntas frecuentes |
| Underground | Inicio, Agenda, Contacto |
Todos los temas incluyen un catálogo amplio de secciones: portadas, agenda/cartelera de eventos, calendario, cuenta regresiva, galerías y videos, reseñas del público, sponsors, statement, CTA, FAQ, contacto, newsletter y Mapa de ubicación (Google Maps con botón de "Cómo llegar"), entre otras.
Personalizar con IA
Desde Mi sitio web podés correr un asistente estilo Typeform (una pregunta por pantalla). Personaliza el tema elegido; no inventa un sistema de temas nuevo.
Pantallas típicas:
| Pantalla | Qué respondés |
|---|---|
| ¿Cómo preferís que se vea tu sitio? | Claro u Oscuro |
| ¿Qué querés que haga alguien que entra a tu sitio? | Que compre entradas, Que conozca el lugar y su propuesta o Que se ponga en contacto |
| Confirmá las páginas de tu sitio | Inicio siempre está. Destildá las que no necesites; podés agregar otras (Agenda, Sobre nosotros, El lugar, Galería, Equipo, Contacto, Preguntas frecuentes, Abonos) |
| Archivos | PDF · Word · PNG o JPG (se acepta .docx) |
| Chat | Un entrevistador guiado pide el dato que más falta antes de habilitar generar |
Un sitio recién creado por atajo rápido puede cambiar de tema una vez según el tipo de negocio. Los cambios de tema que hagas a mano después se conservan.
La tarjeta Crear con IA del selector abre ese asistente. En el editor, el botón de IA abre un chat: los cambios quedan como borrador (FAQ y redes sí se escriben en vivo). En Agregar sección, Crear con IA genera un bloque propio y lo guarda en Creadas con IA para reutilizarlo. Ningún flujo de IA publica solo.
El editor a pantalla completa
Al hacer clic en Personalizar se abre el editor, un espacio de trabajo dedicado estilo Shopify:
- Barra superior — salir, nombre de la instalación, etiqueta Publicado (si está en vivo), acceso a Configuración del tema, el botón de IA, Visitar sitio, toggle escritorio/móvil y el botón Guardar / Publicar cambios
- Panel izquierdo — selector de página y el árbol de contenido: Encabezado, Secciones, Pie de página y Configuración del tema
- Centro — vista previa en vivo de tu propio sitio en un iframe
- Panel derecho — las opciones de la sección o elemento seleccionado
Si abrís el asistente de IA, el chat ocupa el riel derecho (y el árbol queda oculto mientras está abierto). Los cambios que propone quedan como borrador: no se publican hasta que guardés.
Tipos de campos de configuración
Cada sección define sus propios campos. Según el tipo, vas a ver:
- Texto y texto enriquecido — títulos, descripciones, bajadas
- Imagen — subida con arrastrar y soltar, con tamaño recomendado indicado
- Selector visual — opciones como tarjetas cuando hay pocas, dropdown cuando hay muchas
- Color — chips de la paleta del tema + selector libre, con opción Automático
- Deslizadores, switches, URL, precio, fecha y hora
- Selector de evento / membresía — para secciones que destacan un evento o plan concreto
- Listas repetibles — ítems que podés agregar, reordenar (arrastrando) y eliminar (por ejemplo, atracciones, speakers, disciplinas)
El panel derecho agrupa los campos en este orden: Contenido → Diseño → Estilo de la sección → Espaciado → Animación. Primero el texto y las fotos; el espaciado y la animación van al final.
Además, toda sección tiene grupos de estilo universales:
- Espaciado — padding superior/inferior y ancho del contenido
- Estilo de la sección — fondo, color de texto y par tipográfico
- Animación — entrada de la sección (también hay animación a nivel de tema, encabezado y pie)
Trabajar con secciones
| Acción | Cómo |
|---|---|
| Agregar | Botón Agregar sección — catálogo buscable por categoría con demo en vivo. Arriba está Crear con IA para pedir una sección nueva; las que ya generaste aparecen en Creadas con IA y las podés reutilizar en cualquier página |
| Reordenar | Arrastrá las secciones en el árbol |
| Ocultar / mostrar | Ícono de visibilidad en el árbol o al pasar el mouse en la vista previa |
| Eliminar | Desde el árbol o la vista previa — siempre con modal de confirmación |
| Renombrar | Lápiz o doble clic sobre el nombre en el árbol |
| Editar texto en línea | Doble clic sobre un texto en la vista previa para editarlo directamente |
Badge "No visible": las secciones que no tienen datos para mostrar (por ejemplo, reseñas cuando todavía no tenés feedback de asistentes) aparecen con un badge tenue en el árbol. No se muestran en el sitio publicado.
Gestión de páginas
Desde el selector de página podés cambiar de página, renombrarla, duplicarla o eliminarla, y Agregar página con tres orígenes:
- Desde cero — página vacía
- Desde plantilla — a partir de una plantilla de página del tema
- Duplicar página — copia de una existente
La configuración de cada página incluye: título, ruta (slug), ocultarla del menú de navegación, SEO propio (título, descripción, imagen, noindex, con vista previa del snippet de Google y un puntaje de checks), la opción de generar el SEO con IA, el tipo de ítem (Página o Enlace externo) y visibilidad del encabezado/pie por página. El SEO global del sitio sigue en Sitio Web → SEO.
El Puntaje SEO vive en esa misma configuración (columna derecha): un anillo en vivo de esta página que se actualiza al completar campos. Revisa título SEO, descripción SEO, imagen para compartir, título principal (H1), textos alternativos, más favicon del sitio, al menos 3 preguntas frecuentes y redes conectadas. Chips: Listo, Automático, Pendiente. Generar con IA puede redactar los campos SEO de la página. No es la misma pantalla que el Sitio web → SEO clásico.
La página Inicio no se puede eliminar ni convertir en enlace. La página Preguntas frecuentes suele estar oculta del menú, pero el pie de página siempre la enlaza.
Páginas vs secciones vs páginas estándar:
| Concepto | Qué es |
|---|---|
| Página | Una URL navegable de tu sitio (Inicio, Nosotros, Contacto…) armada con un stack de secciones |
| Sección | Un bloque de contenido dentro de una página (hero, agenda, reseñas…) — agregar, reordenar, ocultar o borrar en el árbol |
| Página estándar | Pantallas de la plataforma (detalle de evento, checkout, legales, membresía) — elegís plantilla; no es un árbol libre de secciones |
Encabezado y pie de página
El Encabezado (Navegación) y el Pie de página se editan como ítems fijos del árbol:
Encabezado:
- Mostrar/ocultar la barra de navegación y logo propio del encabezado
- Menú de navegación — qué páginas aparecen en el menú y en qué orden: arrastrá las filas desde el ícono de puntos para reordenar los links de la barra (Inicio incluido), y apagá el interruptor para sacar una página del menú sin borrarla
- Mostrar redes en la barra — los mismos links que el pie. Reemplazan el botón destacado si hay al menos un enlace
- Layout (estándar, centrado, dividido, minimal, flotante), estilo (sólido, transparente, blur) y comportamiento al hacer scroll
- Colores de fondo/texto y botón CTA con texto, destino (selector visual de páginas y secciones, o URL) y colores
Pie de página:
- Variante (completo, minimal, compacto, mega, editorial, centrado) y tratamiento de fondo
- Logo propio del pie, tagline y línea de copyright
- Redes sociales — se administran inline y se leen en vivo del sitio: los cambios aparecen sin republicar
- Los links legales están siempre presentes (requisito de cumplimiento) — el pie no se puede ocultar por completo
Páginas estándar
Las páginas que renderiza la plataforma (no son árboles de secciones) también se previsualizan y configuran desde el editor, bajo Páginas estándar:
| Página | Qué podés configurar |
|---|---|
| Detalle de evento | Plantilla Clásico, Inmersivo o Editorial, y vista para eventos de una sola fecha |
| Confirmación de compra | Mensaje de agradecimiento y mostrar (o no) otros eventos |
| Páginas legales | Layout Simple, Tarjeta o Editorial |
| Detalle de membresía | Vista previa con el estilo del tema |
Vista previa y publicación
Vista previa instantánea del borrador
Todo lo que editás se refleja en el iframe antes de guardar: los cambios de estilo y orden son instantáneos, y los cambios de contenido se compilan en una vista previa temporal en menos de un segundo. También hay simulaciones de prueba (eventos agotados, avisos de evidencia social) que no se guardan — son solo para ver cómo reacciona el diseño.
Guardar vs. publicar
| Estado de la instalación | Acción |
|---|---|
| Borrador | Guardar conserva tus cambios sin tocar el sitio en vivo; Publicar lo lleva a producción |
| Publicada | Publicar cambios guarda y actualiza el sitio en vivo en un solo paso |
- Un único guardado aplica todo junto: secciones de las páginas, configuración del tema, encabezado/pie y páginas estándar.
- En un sitio publicado, los cambios de estructura de páginas (crear, renombrar, eliminar) quedan en estado pendiente hasta que guardás.
- Si intentás salir con cambios sin guardar, un modal te ofrece guardar y salir, descartar o cancelar.
- Podés tener varias instalaciones de tema guardadas, pero exactamente una publicada. Al publicar otra, la anterior queda guardada para volver cuando quieras.
Contenido conectado a la plataforma
Algunas secciones no se editan en el tema porque muestran datos reales de tu cuenta:
| Contenido | De dónde sale |
|---|---|
| Eventos, agenda y calendario | Tus eventos publicados — siempre al día |
| Reseñas del público | Feedback real de asistentes (calificación 4+ con comentario). Nunca se inventan testimonios: si no tenés reseñas, la sección no se muestra públicamente |
| Preguntas frecuentes | Las FAQs de tu sitio — se administran inline desde el editor y los cambios salen en vivo al instante |
| Redes sociales del pie | Los links de redes de tu sitio — se leen en vivo, sin republicar |
| Newsletter y formularios de contacto | Los envíos llegan a tus Contactos de Marketing — el editor te muestra el acceso directo Ver contactos |
Referencia rápida
| Tarea | Dónde hacerlo |
|---|---|
| Ver mi sitio y su URL | Sitio Web → Mi sitio web |
| Explorar y cambiar de tema | Mi sitio web → Cambiar tema |
| Previsualizar presets | Puntos de preset en cada tarjeta del selector |
| Aplicar un tema al sitio en vivo | Usar este tema (con confirmación) |
| Abrir el editor | Personalizar (en el hub o el selector) |
| Armar un sitio con IA | Cambiar tema → Crear con IA |
| Pedir cambios en el editor | Botón de IA en la barra superior |
| Agregar/reordenar/eliminar secciones | Árbol del panel izquierdo del editor |
| Editar navegación y pie | Ítems Encabezado y Pie de página del árbol |
| Reordenar los links del menú | Encabezado → Menú de navegación — arrastrá las filas |
| Configurar detalle de evento, checkout y legales | Grupo Páginas estándar del editor |
| Publicar cambios | Guardar / Publicar cambios en la barra superior |
| Personalizar con IA | Hub / selector → el asistente (clima, objetivo, páginas; PDF / Word / PNG o JPG) |
| Puntaje SEO de la página | Configuración de la página en el editor — Puntaje SEO |
No. Tus eventos, FAQs, reseñas y redes sociales son datos de la plataforma y se muestran en cualquier tema. El tema anterior además queda guardado con su configuración, así que podés volver a él cuando quieras.
Sí. Todo el selector es solo vista previa, y en el editor los cambios se guardan como borrador. Tu sitio en vivo solo cambia cuando confirmás Usar este tema o hacés clic en Publicar cambios.
Porque no tiene datos para mostrar — por ejemplo, una sección de reseñas cuando todavía no recibiste feedback de asistentes, o una galería sin fotos. La sección no aparece en el sitio publicado hasta que tenga contenido.
No. Las reseñas son siempre feedback real de tus asistentes (calificaciones de 4 o más estrellas con comentario). Esto protege la credibilidad de tu sitio — nunca se muestran testimonios inventados.
No. Las FAQs y los links de redes sociales son datos en vivo de tu sitio: los cambios aparecen de inmediato en el sitio publicado, sin necesidad de volver a publicar el tema.
Van directo a tus Contactos en la sección de Marketing, listos para usar en campañas y automatizaciones. Desde el editor tenés el acceso directo Ver contactos.
En el editor, abrí el ítem Encabezado del árbol y buscá la lista Menú de navegación: arrastrá las filas desde el ícono de puntos para reordenarlas — el orden nuevo se ve al instante en la vista previa. Podés mover cualquier página, incluida Inicio. En un sitio publicado, el orden sale en vivo al hacer clic en Publicar cambios.
Sí. Cada instalación de tema tiene sus propias páginas y secciones. Podés agregar páginas desde cero, desde una plantilla del tema o duplicando una existente — y cada página tiene su propio SEO y visibilidad en el menú.
Sí. Son páginas estándar de la plataforma que heredan la paleta y tipografía del tema, y desde el editor podés elegir su plantilla (por ejemplo, detalle de evento Clásico, Inmersivo o Editorial) y previsualizarlas.
No. El asistente y el chat del editor dejan un borrador. Tu sitio en vivo solo cambia cuando confirmás Usar este tema o hacés clic en Publicar cambios. Las FAQs y redes sociales sí se actualizan al instante si las editás (o si la IA las toca), porque son datos vivos del sitio.