Crear un mapa de asientos

Esta guía te lleva paso a paso por el constructor de mapas de asientos, explicando cada herramienta y opción disponible.

Áreas vs Secciones (no las mezcles)

Dos herramientas suenan parecido pero hacen cosas distintas:

	Área	Sección
Qué es	Una zona de admisión general con capacidad (sin asientos numerados)	Un contenedor tipo estadio (ej. "Sector 108") cuyos lugares viven en un mapa interior anidado
Cómo funciona el stock	Definís Capacidad (por defecto 100 lugares)	El stock sale de filas, mesas y áreas dentro de la sección
Uso típico	Campo, pit GA, zona de pie	Asientos numerados agrupados por sector
Etiquetas en la toolbar	Agregar área / Área elíptica / Área poligonal	Agregar sección / Sección poligonal

Las formas decorativas se parecen a las áreas pero nunca se venden y no necesitan categoría.

---

Iniciar el constructor

1. Andá a Mapas de asientos en el menú principal
2. Hacé clic en Crear mapa de asientos
3. Se abre el constructor de mapas a pantalla completa

Novedad: El constructor ahora ocupa toda la pantalla para darte más espacio de lienzo y menos ruido visual. Usá el botón X de la barra superior para volver al listado de mapas.

---

Mapa de referencia y asistente de calibración

La primera vez que creás un mapa, ahora podés subir una imagen de referencia del venue real (un plano, una foto del layout, un mapa existente) y colocar los asientos encima. Así tu mapa en Fanz se parece al espacio físico en lugar de arrancar desde un lienzo en blanco.

Subir una imagen de referencia

Cuando abrís un mapa nuevo, aparece el asistente de mapa de referencia:

1. Arrastrá y soltá un archivo PNG, JPG o WEBP sobre la zona de carga (o hacé clic para elegir un archivo)
2. Esperá unos segundos mientras se sube la imagen
3. O hacé clic en Empezar en blanco para saltear y trabajar sin referencia — igual que antes

Una vez subida, la imagen se muestra al 40% de opacidad debajo de tus asientos en el lienzo.

Calibrar la referencia

Antes de empezar a dibujar, el asistente ejecuta 3 pasos rápidos para que Fanz sepa cómo escala tu imagen:

1. Acercá el zoom a una fila — usá la rueda del mouse sobre una fila visible hasta que los asientos se vean cómodamente grandes.
2. Marcá algunos asientos de prueba — hacé clic en al menos 4 asientos de la misma fila sobre la referencia. El constructor calcula el tamaño real del asiento y la separación a partir de tus clics.
   • Clic derecho sobre un asiento de prueba para eliminarlo
   • Ctrl/Cmd + Z deshace el último clic
   • Si los clics quedan muy dispares, vas a ver una advertencia para reintentar o saltear la calibración
3. Definí la separación entre filas — arrastrá la fila fantasma hacia arriba o abajo hasta que caiga sobre la siguiente fila de la referencia.

Después del asistente, las herramientas Fila simple y Filas múltiples usan la separación calibrada automáticamente — así cuando dibujás sobre la referencia los asientos caen justo donde corresponden.

Controles del mapa de referencia (barra lateral derecha)

Una vez calibrado, la barra lateral derecha muestra una sección Mapa de referencia con:

• Miniatura de la imagen subida
• Checkbox Visible — para mostrar u ocultar la referencia en el lienzo
• Volver a empezar — rehace el asistente de calibración (por ejemplo si la imagen original estaba mal o muy chica)
• Mantené Tab como atajo para alternar la referencia mientras trabajás

Tip: No estás obligado a usar una imagen de referencia — los mapas sin referencia funcionan exactamente como antes. La funcionalidad está pensada para organizadores que ya tienen un plano del venue y quieren un layout preciso al píxel.

---

Interfaz del constructor

El constructor tiene 4 áreas principales:

1. Barra superior

Izquierda:

• Botón X para cerrar el constructor y volver al listado de mapas
• Nombre del mapa (por defecto "Mapa sin título") con ícono de lápiz para editar

Derecha:

• Guardar cambios — Cuando no hay cambios pendientes, muestra un tick verde
• Deshacer / Rehacer — Volver atrás o adelante en cambios
• Duplicar — Crea una copia del elemento seleccionado
• Copiar / Pegar — Funciona también con Cmd+C / Cmd+V (Mac) o Ctrl+C / Ctrl+V (Windows)
• Eliminar — Borra el elemento seleccionado

2. Barra lateral izquierda (Herramientas)

Todas las herramientas para crear elementos:

Herramienta	Descripción
Selección	Seleccionar y mover elementos
Selección de asientos	Seleccionar asientos individuales en filas
Punto focal	Marca el origen de mejores asientos disponibles (cuanto más cerca del punto, mejor ranking)
Fila simple / Filas múltiples	Crear una fila de asientos, o varias a la vez
Mesa redonda / Mesa rectangular	Agregar mesas con sillas
Área (rectangular / elíptica / poligonal)	Dibujar una zona GA vendible con capacidad
Sección (rectangular / poligonal)	Dibujar un sector que abre un mapa interior para sus asientos
Forma (rectangular / elíptica / poligonal)	Solo decorativa — no se vende
Línea	Dibujar líneas
Texto	Agregar texto
Ícono	Agregar íconos (baños, escenario, etc.)
Mano	Desplazar el lienzo (también con Espacio o botón medio del mouse)

Los controles de zoom aparecen como una tarjeta flotante en la esquina inferior izquierda del lienzo:

• Zoom +/- — Acercar/alejar

Tip: Mantené presionada la barra espaciadora para activar temporalmente la herramienta mano. Usá la rueda del mouse para hacer zoom (el zoom se centra en la posición del cursor).

3. Barra lateral derecha (Propiedades)

Muestra las propiedades del elemento seleccionado. Si no hay nada seleccionado:

• Nombre del mapa — Editable con el lápiz
• Administrar categorías — Abre el ventana de categorías
• Resumen del mapa:
  • Cantidad de lugares disponibles
  • Estado de validación (errores o todo correcto)

4. Lienzo (Canvas)

El área de trabajo donde dibujás y organizás los elementos. Todo es visual y funciona con arrastrar y soltar.

Indicadores visuales:

• Borde azul — Elemento seleccionado
• Color de categoría — Los elementos toman el color de su categoría
• Gris — Elemento sin categoría asignada
• Rojo — Elemento duplicado (error)

---

Administrar categorías

Antes de crear elementos, configurá las categorías. Hacé clic en Administrar categorías en la barra lateral derecha.

Crear categoría

1. Hacé clic en Crear nueva categoría
2. Se asigna un color aleatorio (podés cambiarlo)
3. Ingresá el nombre (ej: "Platea", "VIP", "Mesa Premium")
4. Repetí para cada tipo de entrada que necesites

Recordá: Cada categoría se convierte en una entrada en tu evento. Creá categorías para cada zona con precio diferente.

---

Herramientas de creación

Herramienta de fila simple

Crea una fila de asientos con dos clics:

1. Seleccioná la herramienta Fila simple
2. El cursor muestra una vista previa del primer asiento
3. Clic 1: Donde empieza la fila
4. Mové el cursor y vas a ver una vista previa de los asientos que se van a crear
5. Clic 2: Donde termina la fila
6. Se crean todos los asientos que entran en esa línea

Herramienta de filas múltiples

Crea varias filas paralelas con tres clics:

1. Seleccioná la herramienta Filas múltiples
2. Clic 1: Inicio de la primera fila (punto A)
3. Clic 2: Fin de la primera fila (punto B)
4. Clic 3: Hasta dónde se extienden las filas (punto C, arriba o abajo)
5. Se crean todas las filas que entran entre AB y C

Herramienta de mesa redonda

1. Seleccioná Mesa redonda
2. El cursor muestra una vista previa de la mesa
3. Hacé clic donde querés ubicarla
4. Se crea una mesa con 6 sillas (por defecto)

Herramienta de mesa rectangular

1. Seleccioná Mesa rectangular
2. El cursor muestra una vista previa
3. Hacé clic donde querés ubicarla
4. Se crea una mesa con 8 sillas (4 arriba, 4 abajo, sin sillas a los lados)

Herramienta de punto focal

1. Seleccioná Punto focal
2. Hacé clic en el lienzo donde está el mejor lugar del venue (suele ser el centro del escenario)
3. Aparece un marcador; los asientos más cerca rankean mejor en mejores asientos disponibles
4. Para borrarlo, seleccioná el punto focal y hacé clic en Quitar en la barra lateral derecha

El estado del mapa puede mostrar Punto focal no configurado. Es una recomendación para el ranking de mejores asientos — no es el mismo tipo de error bloqueante que etiquetas o categorías faltantes (podés usar el mapa en eventos sin punto focal).

Herramientas de área

Abrí el menú Área en la barra de herramientas:

• Agregar área — rectangular
• Área elíptica — circular/elíptica
• Área poligonal — forma personalizada

Rectangular y elíptica:

1. Seleccioná la herramienta
2. Hacé clic y arrastrá para definir el tamaño
3. Soltá para crear el área

Poligonal:

1. Seleccioná la herramienta
2. Hacé clic en cada vértice del polígono
3. Para cerrar, hacé clic en el punto inicial (o Esc para cancelar)

Después definí Capacidad, categoría y etiqueta en la barra lateral. Las áreas son admisión general: el comprador elige la zona, no un asiento numerado.

Herramientas de sección

Abrí el menú Sección (aparte de Área):

• Agregar sección — sector rectangular
• Agregar sección poligonal — sector con forma libre

Dibujá la sección igual que un área (arrastrar para rectángulo, vértices para polígono). Una sección empieza con capacidad 0 propia — sus lugares vienen del mapa interior.

Editar el interior de una sección

1. Seleccioná la sección
2. En la barra lateral, abrí Mapa interior y hacé clic en Editar contenido
3. Se abre un constructor anidado para esa sección (filas, mesas, áreas, decoración)
4. La herramienta Sección queda oculta mientras editás un interior (no se anidan secciones dentro de secciones desde la UI)
5. Hacé clic en Salir de la sección cuando termines — el conteo de lugares se suma a la sección padre

Asigná una categoría en la sección; los asientos que creés adentro la heredan por defecto. Usá Escala (%), ancho/alto y posición de etiqueta para dimensionar y rotular el sector en el mapa general.

Herramientas de forma

Funcionan igual que las áreas, pero son solo decorativas (no se les asigna categoría ni se venden).

Herramienta de línea

1. Seleccioná Línea
2. Hacé clic en el punto A
3. Hacé clic en el punto B
4. Se crea la línea entre ambos puntos

Herramienta de texto

1. Seleccioná Texto
2. Hacé clic donde querés el texto
3. Se crea un cuadro de texto (editalo desde la barra lateral)

Herramienta de ícono

1. Seleccioná Ícono
2. (Opcional) Cambiá el tipo de ícono en la barra lateral antes de colocar
3. Hacé clic donde querés el ícono

Íconos disponibles: Baños, Escenario, Entrada, Bebidas, Comida, Café, Escaleras, Salida de emergencia.

---

Editar elementos

Seleccionar elementos

Con herramienta de selección:

• Clic en un elemento para seleccionarlo
• Clic + arrastrar en área vacía para seleccionar múltiples elementos
• Shift + clic para agregar elementos a la selección

Con herramienta de selección de asientos:

• Funciona igual pero solo selecciona asientos individuales dentro de filas

Mover elementos

Con cualquier elemento seleccionado, hacé clic y arrastrá para moverlo.

Mientras arrastrás filas o áreas, el constructor muestra guías de alineación automáticas: líneas que aparecen cuando el elemento queda alineado con otras filas o secciones cercanas, para que puedas acomodarlo con precisión sin medir a ojo.

Ajustar a la grilla y mostrar etiquetas

En la barra superior del constructor hay dos botones de activación:

• Ajustar a la grilla: activa una grilla de imán cuyo espaciado se basa en la distancia entre asientos. Con la grilla activa, los elementos que muevas o crees se "enganchan" a posiciones regulares, ideal para mantener filas y secciones perfectamente alineadas.
• Mostrar etiquetas: muestra u oculta las etiquetas de los asientos sobre el lienzo mientras editás.

Voltear (espejar)

Con filas, áreas o secciones seleccionadas, usá Espejo en la barra lateral — dos botones Horizontal y Vertical. Útil para armar una mitad simétrica del venue y reflejar la otra.

Extender y curvar filas

Cuando seleccionás una fila, aparecen asientos punteados en los extremos. Hacé clic y arrastrá para agregar más asientos sin crear una nueva fila. También podés cambiar Asientos (cantidad) y Curvatura (grados) desde el panel de propiedades.

Atajos del lienzo

Mientras editás:

• Flechas — desplazar la selección
• Shift + rotar — ajuste a 15°
• Alt + rotar — ajuste a 90°
• Esc — cancelar un polígono en curso
• Shift + clic — sumar/quitar de la selección múltiple

Eliminar elementos

• Seleccioná el elemento
• Presioná Backspace o Delete, o usá el botón eliminar en la barra superior

---

Propiedades por tipo de elemento

Propiedades de filas

Cuando seleccionás una fila:

Categoría:

• Administrar categorías
• Selector para asignar categoría a la fila

Diseño:

• Curvatura — curva la fila en grados (0 = recta)
• Asientos — cantidad exacta de asientos (mismo efecto que estirar extremos, pero tipeado)

Etiquetado de fila:

• Etiqueta manual — Escribí el nombre de la fila (ej: "A", "1", "Fila VIP")
• Posición — Izquierda, derecha u oculta

Etiquetado de asientos:

• Tipo de numeración — consecutiva (1,2,3…), impar/par, letras, y patrones tipo pasillo como 1, 3, 5, …, 6, 4, 2 o …, 5, 3, 1, 2, 4, 6, …
• Empezar en — Número inicial
• Dirección — Izquierda a derecha o derecha a izquierda

Espejo:

• Voltear la fila Horizontal o Vertical

Al seleccionar múltiples filas:

• Las etiquetas se convierten en selector con opciones A,B,C... o 1,2,3...
• La dirección también puede ser de arriba a abajo / de abajo a arriba para cómo se asignan las etiquetas de fila en la selección
• Podés numerar todas las filas de una zona en pocos clics

Propiedades de mesas redondas

Categoría:

• Administrar y asignar categoría

Cantidad de sillas:

• Ajustá el número de lugares (se distribuyen automáticamente)

Espacios abiertos:

• Huecos en el anillo de sillas (lugares vacíos entre sillas). Útil para pasillos o espacios de servicio

Etiquetado de mesa:

• Etiqueta manual o automática (A,B,C o 1,2,3)
• Empezar en y dirección

Etiquetado de asientos:

• Tipo de numeración
• Empezar en

Vista desde el asiento:

• Subí una foto (1:1, máx 1MB)
• Se muestra a los compradores al seleccionar

Propiedades de mesas rectangulares

Todo lo anterior (salvo espacios abiertos del anillo), más:

Mesa rectangular:

• Cantidad de sillas por lado (arriba, abajo, izquierda, derecha)

Forma:

• Ancho y alto en px
• Rotación en grados

Propiedades de áreas

Forma (rectangular y elíptica):

• Ancho, alto en px
• Rotación

Categoría:

• Administrar y asignar

Etiquetado de área:

• Etiqueta de texto
• Tamaño de fuente (defecto: 16px)
• Posición X / Posición Y (%) — dónde queda la etiqueta sobre el área

Capacidad:

• Cantidad de lugares disponibles (defecto: 100)
• Este valor define el stock de la zona

Espejo:

• Voltear Horizontal o Vertical

Vista desde el asiento:

• Foto opcional para mostrar a compradores

Propiedades de secciones

Mapa interior:

• Muestra cuántos lugares tiene la sección
• Editar contenido — abre el constructor anidado de esa sección

Categoría:

• Administrar y asignar (los asientos interiores la heredan por defecto)

Forma / Escala:

• Escala (%) — redimensionar la sección en el mapa general
• Ancho y alto en px

Etiquetado de sección:

• Etiqueta de texto (ej. "108", "Box VIP")
• Tamaño de fuente
• Posición X / Posición Y (%)

Espejo:

• Voltear toda la sección Horizontal o Vertical

Vista desde el asiento:

• Foto opcional del sector en la vista general

Propiedades de formas

Forma:

• Color de relleno
• Ancho de borde (defecto: 4px)
• Color de borde
• (Rectangulares) Ancho, alto, rotación, radio de esquinas

Etiquetado:

• Etiqueta opcional
• Tamaño de fuente

Propiedades de líneas

Forma:

• Ancho de trazo (defecto: 5px)
• Color de trazo
• Terminaciones (plana, redonda, cuadrada)

Propiedades de texto

• Texto — El contenido a mostrar
• Tamaño de fuente (defecto: 16px)
• Color
• Estilo — Normal, negrita o itálica

Propiedades de íconos

• Tipo de ícono — Cambiar entre los 8 disponibles
• Tamaño (defecto: 40px)
• Color de relleno
• Rotación

Propiedades de asientos individuales

Usando la herramienta de selección de asientos:

Un asiento:

• Etiqueta — Nombre individual del asiento
• Propiedades:
  • Vista restringida (checkbox)
  • Accesibilidad: Accesible para silla de ruedas, Semi-ambulatorio, Asiento acompañante — se muestran con íconos en el mapa del comprador y en los tooltips (junto con vista restringida)
• Vista desde el asiento — Foto opcional

Múltiples asientos:

• Solo propiedades y vista desde el asiento (no etiquetado individual)

---

Validación del mapa

En la barra lateral derecha, debajo de "Administrar categorías", ves el estado del mapa:

Errores que impiden usar el mapa

Error	Significado	Solución
Asientos duplicados	Dos asientos con la misma etiqueta y fila	Renumerá los asientos
Objetos sin etiqueta	Filas, mesas, áreas o secciones sin nombre	Asigná etiquetas
Asientos sin etiqueta	Asientos sin número	Usá etiquetado automático
Objetos sin categoría	Elementos vendibles sin categoría	Asigná categorías

Cuando los errores están dentro del interior de una sección, el estado puede mostrar un conteo como "(N dentro de una sección)" — abrí esa sección con Editar contenido y corregilos ahí.

Cuando todo esté correcto, vas a ver mensajes verdes de validación.

Importante: Los mapas con estos errores bloqueantes pueden guardarse pero no pueden usarse en eventos.

Recomendaciones del estado del mapa

Estado	Significado
Punto focal no configurado	El ranking de mejores asientos no tiene origen todavía — colocá un Punto focal si querés esa función. No bloquea usar el mapa en eventos.

---

Guardar y salir

Guardar cambios

Hacé clic en Guardar cambios en la barra superior. Cuando no hay cambios pendientes, muestra un tick verde.

Salir del constructor

• Hacé clic en el botón X de la barra superior para cerrar
• Si tenés cambios sin guardar, aparece una ventana de confirmación con dos opciones:
  • Guardar y salir — guarda tu trabajo y cierra el constructor en un solo paso
  • Salir sin guardar — descarta los cambios
• Si salís de otra forma (cerrando el navegador, etc.), los cambios se pierden

⚠️ Cuidado: Solo el botón X muestra el aviso de cambios sin guardar. Si navegás a otro lado sin guardar, perdés el trabajo.

---

Después de crear el mapa

El mapa aparece en la tabla de Mapas de asientos con:

• Miniatura de previsualización — una imagen chica del layout (se genera automáticamente la primera vez que guardás)
• Nombre del mapa
• Errores (si tiene)
• Ubicación (vacío hasta que lo asignes)
• Acciones: Editar, Duplicar, Eliminar

La miniatura también aparece en el selector de venue cuando creás o editás una ubicación de evento, para que puedas distinguir tus mapas de un vistazo.

Duplicar mapas

Usá Duplicar cuando:

• Necesitás el mismo diseño para otra ubicación
• Querés hacer cambios sin afectar el mapa original
• Vas a usar el mismo venue con diferentes configuraciones

---

---

Próximos pasos

1. Usar mapas en eventos →