FANZ
FANZ

Documentación

Temas Fanz

Temas Fanz es la forma de construir y administrar tu sitio de marca blanca. 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.


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

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

ElementoQué hace
Tu tema actualTarjeta con el nombre del tema publicado, su preset y la etiqueta verde Publicado — siempre sabés cuál está en vivo
Tarjetas de temasUna por cada tema disponible, con mini vista previa y nombre
Puntos de presetCada tema tiene 3 presets — hacé clic en un punto para previsualizarlo al instante
Barra de la vista previaSelector de página, toggle escritorio/móvil, abrir en pestaña nueva
Usar este temaAplica el tema seleccionado a tu sitio en vivo
PersonalizarAbre el editor a pantalla completa con el tema seleccionado

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 seis temas disponibles

Cada tema tiene una identidad visual propia, páginas prediseñadas y tres presets (variantes de paleta y estilo):

TemaIdeal paraPresets
TeatroTeatros, artes escénicas, salas de concierto, danza. Estética elegante y editorial, "a sala oscura".Terciopelo · Marfil · Moderno
NocturnoBoliches, fiestas electrónicas, productoras de fiestas. Estética neón y cinética.Neón · Warehouse · Sunset
ConferenciaConferencias, congresos, eventos corporativos, summits. Estética keynote profesional.Keynote · Daybreak · Terminal
Centro CulturalCentros culturales, museos, espacios multidisciplinarios, galerías. Estética cálida de catálogo.Arcilla · Museo · Noche de museos
Club DeportivoClubes deportivos y sociales, academias. Estética de tribuna y camiseta.Noche de estadio · Clásico · Tricolor
ParqueParques de diversiones, ferias, parques acuáticos. Estética pop y familiar.Festival · Noche mágica · Aqua

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):

TemaPáginas
TeatroInicio, Cartelera, Nosotros, Abonos, Contacto, Preguntas frecuentes
NocturnoInicio, Fiestas, VIP, Galería, Contacto, Preguntas frecuentes
ConferenciaInicio, Agenda, Speakers, Sede, Contacto, Preguntas frecuentes
Centro CulturalInicio, Agenda, Espacios, Amigos, Contacto, Preguntas frecuentes
Club DeportivoInicio, Agenda, Disciplinas, La sede, Socios, Contacto, Preguntas frecuentes
ParqueInicio, Atracciones, Entradas, Tu visita, Contacto, Preguntas frecuentes

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.


El editor a pantalla completa

Al hacer clic en Personalizar se abre el editor, un espacio de trabajo dedicado estilo Shopify:

  1. Barra superior — salir, nombre de la instalación, etiqueta Publicado (si está en vivo), acceso a Configuración del tema, Visitar sitio, toggle escritorio/móvil y el botón Guardar / Publicar cambios
  2. Panel izquierdo — selector de página y el árbol de contenido: Encabezado, Secciones, Pie de página y Configuración del tema
  3. Centro — vista previa en vivo de tu propio sitio en un iframe
  4. Panel derecho — las opciones de la sección o elemento seleccionado

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)

Además, toda sección tiene dos 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

Trabajar con secciones

AcciónCómo
AgregarBotón Agregar sección — se abre un catálogo buscable por categoría con demo en vivo de cada sección
ReordenarArrastrá las secciones en el árbol
Ocultar / mostrarÍcono de visibilidad en el árbol o al pasar el mouse en la vista previa
EliminarDesde el árbol o la vista previa — siempre con modal de confirmación
RenombrarLápiz o doble clic sobre el nombre en el árbol
Editar texto en líneaDoble 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), el tipo de ítem (Página o Enlace externo) y visibilidad del encabezado/pie por página.

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.

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ú
  • 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áginaQué podés configurar
Detalle de eventoPlantilla Clásico, Inmersivo o Editorial, y vista para eventos de una sola fecha
Confirmación de compraMensaje de agradecimiento y mostrar (o no) otros eventos
Páginas legalesLayout Simple, Tarjeta o Editorial
Detalle de membresíaVista 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ónAcción
BorradorGuardar conserva tus cambios sin tocar el sitio en vivo; Publicar lo lleva a producción
PublicadaPublicar 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:

ContenidoDe dónde sale
Eventos, agenda y calendarioTus eventos publicados — siempre al día
Reseñas del públicoFeedback 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 frecuentesLas FAQs de tu sitio — se administran inline desde el editor y los cambios salen en vivo al instante
Redes sociales del pieLos links de redes de tu sitio — se leen en vivo, sin republicar
Newsletter y formularios de contactoLos envíos llegan a tus Contactos de Marketing — el editor te muestra el acceso directo Ver contactos

Referencia rápida

TareaDónde hacerlo
Ver mi sitio y su URLSitio Web → Mi sitio web
Explorar y cambiar de temaMi sitio web → Cambiar tema
Previsualizar presetsPuntos de preset en cada tarjeta del selector
Aplicar un tema al sitio en vivoUsar este tema (con confirmación)
Abrir el editorPersonalizar (en el hub o el selector)
Agregar/reordenar/eliminar seccionesÁrbol del panel izquierdo del editor
Editar navegación y pieÍtems Encabezado y Pie de página del árbol
Configurar detalle de evento, checkout y legalesGrupo Páginas estándar del editor
Publicar cambiosGuardar / Publicar cambios en la barra superior

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.

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.