Página de inicio
Personalizá la primera impresión de tus visitantes: banner, eventos destacados, calendario y más.
Acceder a la configuración
Desde el panel de Fanz, andá a Sitio Web → Página de inicio.
Vista previa del navegador
A la derecha de la pantalla vas a ver un previsualizador del navegador que muestra exactamente cómo se ve tu homepage en tiempo real.
- Todos los cambios se ven instantáneamente en la vista previa
- No es necesario navegar a otras páginas ya que los cambios solo afectan a la homepage
- Los cambios no se aplican hasta que hagas clic en Guardar
En la esquina superior derecha del previsualizador tenés:
- Ícono de escritorio: Ver cómo se ve en computadoras
- Ícono de móvil: Ver cómo se ve en celulares
- Flecha ↗: Abrir tu sitio real en una nueva pestaña
Menús de la barra lateral
La barra lateral tiene 5 menús para personalizar la homepage:
1. Banner
Configurá el banner principal que aparece en la parte superior de tu homepage.
Disposición del banner
Elegí entre 5 opciones de disposición:
| Layout | Descripción |
|---|---|
| Por defecto | Ancho completo |
| Texto superpuesto | Contenido con padding, texto sobre la imagen |
| Side by Side | Imagen a la izquierda, texto a la derecha |
| Text Only | Solo encabezado y subencabezado, sin imagen |
| No Banner | Omitir la sección del encabezado completamente |
Encabezado y subencabezado
Campos de texto opcionales que aparecen según el layout elegido:
- Encabezado: Título principal grande
- Subencabezado: Texto de apoyo más pequeño
Según el layout, estos textos aparecen sobre la imagen, al costado, o solos.
Tipo de banner
| Tipo | Descripción |
|---|---|
| Estático | Una sola imagen fija |
| Carousel | Múltiples imágenes que rotan automáticamente |
Carousel de imágenes
Si elegís carousel, podés:
- Agregar imágenes: Subí tantas imágenes como necesites
- Eliminar imágenes: Borrá las que no quieras
- Reorganizar slides: Usá el manejador de arrastre al inicio de cada elemento para cambiar el orden
- Agregar enlaces: Cada imagen del carousel puede tener un enlace para redirigir a un evento u otra página que quieras promocionar
Imágenes para escritorio y móvil
Podés subir imágenes separadas para escritorio y móvil:
| Layout | Escritorio | Móvil |
|---|---|---|
| Por defecto | 3:1 | 2:1 |
| Texto superpuesto | 3:1 | 2:1 |
| Side by Side | 1:1 | 2:1 |
Tip: Siempre subí ambas versiones para que tu sitio se vea perfecto en todos los dispositivos.
2. Visualización de eventos (Events Display)
Configurá cómo se muestran los eventos en la homepage.
Columnas (escritorio)
Elegí cuántas columnas de eventos mostrar en escritorio:
| Columnas | Ideal para |
|---|---|
| 1 | Un evento destacado por fila, máximo impacto |
| 2 | Pocos eventos, tarjetas grandes |
| 3 | Balance entre tamaño y cantidad |
| 4 | Muchos eventos, tarjetas medianas |
| 5-6 | Catálogo extenso, tarjetas compactas |
Forma de imagen (aspect ratio)
El aspect ratio de las tarjetas de eventos:
| Ratio | Descripción |
|---|---|
| 1:1 | Cuadrado, estilo Instagram |
| 2:1 | Horizontal, tipo banner |
| 3:1 | Muy horizontal, panorámico |
Mostrar eventos pasados
Un interruptor para controlar qué pasa con los eventos que ya terminaron:
| Estado | Comportamiento |
|---|---|
| Activado | Los eventos pasados se muestran en gris como "finalizados". Visibles pero no se pueden comprar entradas |
| Desactivado | Los eventos pasados no aparecen en el sitio |
3. Calendario
Un interruptor simple para mostrar u ocultar el calendario de eventos.
| Estado | Comportamiento |
|---|---|
| Activado | Muestra un calendario interactivo debajo del banner |
| Desactivado | Oculta el calendario |
El calendario permite a los usuarios navegar eventos por fecha. Útil para teatros, cines y venues con programación regular.
4. Carousel de logos
Un carousel infinito de logos que aparece debajo del banner. Ideal para mostrar sponsors, partners o marcas asociadas.
Configuración
Podés agregar dos tipos de logos:
| Tipo | Uso |
|---|---|
| Filled | Logo con relleno/colores |
| Outlined | Logo solo con contorno |
Tamaño recomendado: Proporción 2:1 (el doble de ancho que de alto)
Los logos rotan automáticamente en un carousel infinito. Si se configura correctamente, queda muy profesional.
5. Layout
Opciones de disposición general de la homepage.
Ocultar barra de navegación
Un interruptor para ocultar el navbar de la homepage.
| Estado | Comportamiento |
|---|---|
| Activado | No se muestra el navbar |
| Desactivado | El navbar es visible (por defecto) |
¿Cuándo usarlo? Útil si estás renderizando tu sitio dentro de un iframe o en situaciones donde no querés que aparezca la navegación.
Guardar cambios
Cuando hacés cualquier cambio, aparece un botón de guardar en la parte inferior de la barra lateral.
- Los cambios se ven en el previsualizador inmediatamente
- Los cambios solo se aplican a tu sitio real cuando hacés clic en Guardar
- Si intentás salir sin guardar, te avisa sobre cambios pendientes
Próximos pasos
No es obligatorio. En el menú Banner podés elegir "No Banner" para omitir completamente la sección del encabezado.
Sí. En "Visualización de eventos" podés elegir 1 columna, lo que muestra los eventos uno debajo del otro como una lista.
Sí. En "Visualización de eventos" podés elegir el aspect ratio 1:1 para que las tarjetas de eventos tengan imágenes cuadradas.
Podés elegir entre 1 y 6 columnas para escritorio. Cuantas más columnas, más chicas las tarjetas.
En "Visualización de eventos" hay un interruptor "Mostrar eventos pasados". Si lo desactivás, los eventos terminados desaparecen del sitio.
Sí. Si activás "Mostrar eventos pasados", los eventos terminados aparecen en gris marcados como "finalizados". Los usuarios pueden verlos pero no comprar entradas.
Sí, pero solo si usás el carousel. Cada imagen del carousel puede tener un enlace que redirige a donde quieras (un evento, otra página, etc.).
Porque las proporciones son diferentes. El banner de escritorio es más ancho, el de móvil más vertical. Si subís ambas, tu sitio se ve bien en todos los dispositivos.
Sí. En el menú "Calendario" hay un interruptor para ocultarlo. Si lo desactivás, el calendario no aparece.
Por ahora no. El banner solo acepta imágenes estáticas o un carousel de imágenes.