FANZ
FANZ

Documentación

ENES

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.


Iniciar el constructor

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

Interfaz del constructor

El constructor tiene 4 áreas principales:

1. Barra superior (Navbar)

Izquierda:

  • Nombre del mapa (por defecto "Mapa sin título")
  • Ícono de lápiz para editar el nombre

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:

HerramientaDescripción
SelecciónSeleccionar y mover elementos
Selección de asientosSeleccionar asientos individuales en filas
Fila simpleCrear una fila de asientos
Filas múltiplesCrear varias filas a la vez
Mesa redondaAgregar mesa circular
Mesa rectangularAgregar mesa rectangular
Área rectangularDibujar área rectangular
Área elípticaDibujar área circular/elíptica
Área poligonalDibujar área con forma personalizada
Forma rectangularDibujar rectángulo decorativo
Forma elípticaDibujar círculo/elipse decorativo
Forma poligonalDibujar polígono decorativo
LíneaDibujar líneas
TextoAgregar texto
ÍconoAgregar íconos (baños, escenario, etc.)

En la parte inferior:

  • Herramienta mano — Arrastrar el 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)

Herramientas de área

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

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.

Extender 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.

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

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 — 1,2,3 / 1,3,5 / 2,4,6 / A,B,C / a,b,c, etc.
  • Empezar en — Número inicial
  • Dirección — Izquierda a derecha o derecha a izquierda

Al seleccionar múltiples filas:

  • Las etiquetas se convierten en selector con opciones A,B,C... o 1,2,3...
  • 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)

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

Capacidad:

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

Vista desde el asiento:

  • Foto opcional para mostrar a compradores

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
  • 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

ErrorSignificadoSolución
Asientos duplicadosDos asientos con la misma etiqueta y filaRenumerá los asientos
Objetos sin etiquetaFilas, mesas o áreas sin nombreAsigná etiquetas
Asientos sin etiquetaAsientos sin númeroUsá etiquetado automático
Objetos sin categoríaElementos vendibles sin categoríaAsigná categorías

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

Importante: Los mapas con errores pueden guardarse pero no pueden usarse 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 la flecha de "volver" o navegá a otro menú
  • Si tenés cambios sin guardar, aparece un ventana de confirmación
  • Si salís de otra forma (cerrando el navegador, etc.), los cambios se pierden

⚠️ Cuidado: Solo la flecha de volver 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 numerados con:

  • Nombre del mapa
  • Errores (si tiene)
  • Ubicación (vacío hasta que lo asignes)
  • Acciones: Editar, Duplicar, Eliminar

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

Las categorías son grupos que asignás a los asientos, mesas o áreas de tu mapa. Cada categoría se convierte automáticamente en una entrada cuando creás un evento con este mapa. Por ejemplo, si creás las categorías "VIP", "Platea" y "Pullman", tu evento tendrá 3 tipos de entradas con esos nombres.

Sí, usando tarifas. Cada entrada (categoría) puede tener múltiples tarifas (Anticipada, Normal, Puerta, etc.) con diferentes precios. Lo que no podés hacer es tener distintos precios para asientos individuales dentro de la misma categoría.

El elemento aparece en gris y el mapa muestra un error de validación. No vas a poder usar el mapa en un evento hasta que todos los elementos vendibles (filas, mesas, áreas) tengan una categoría asignada.

Sí. Podés editar el nombre y color de las categorías en cualquier momento desde "Administrar categorías". Los cambios se reflejan automáticamente en los eventos que usan el mapa. Sin embargo, no se recomienda hacer cambios si tenés un evento en venta, ya que puede causar confusión con entradas ya vendidas.

No hay límite. Creá tantas como tipos de entrada diferentes necesites para tu evento.

No hay un botón de "revertir todo", pero podés usar Deshacer (Ctrl/Cmd+Z) repetidamente. Si cerrás sin guardar, los cambios se pierden.

Seleccioná todas las filas de una zona (clic + arrastrar o Shift + clic). En la barra lateral, elegí el tipo de etiquetado (A,B,C o 1,2,3), el número inicial y la dirección. Se aplica a todas las filas seleccionadas.

No hay función de importar. Tenés que crear el mapa manualmente en el constructor.

Máximo 1MB, proporción recomendada 1:1 (cuadrada).

El rojo indica duplicados. Revisá que no haya asientos con la misma combinación de etiqueta de fila + etiqueta de asiento.

El gris indica que no tienen categoría asignada. Seleccioná el elemento y asignale una categoría.

No directamente. Pero podés duplicar el mapa completo y después eliminar lo que no necesites.


Próximos pasos

  1. Usar mapas en eventos