Cómo Configurar el Mapa de Asientos

¿En dónde puedo encontrarlo? Servicios >>> Escoge el Servicio >>> Horarios >>> Mapa de Asientos Numerados.

Esta guía te ayudará a configurar el Mapa de Asientos para tu servicio. Con esta herramienta, tus clientes podrán seleccionar el número de personas y su asiento fácilmente. El mapa es personalizable a tus necesidades.

Esta funcionalidad sólo está disponible para los servicios con flujo de reserva 'Asientos Numerados'. Recuerda seleccionar este flujo de reserva durante la creación del servicio. Una vez has creado el servicio, esta configuración no puede ser editada.

Para crear un servicio de este tipo, una vez rellenado el "Nombre del servicio" y seleccionado el "Tipo", dentro del apartado "Avanzado", selecciona en el "Flujo de reserva" la opción "Asientos Numerados". 

Genera un Mapa de Asientos Numerados

Como punto de partida, puedes rellenar los campos necesarios para la configuración del mapa con el botón de "Rellenar con un ejemplo".

Código de Ejemplo:

Config:

• "title": nombre del mapa.
• "size": tamaño del mapa.
• "zoom": porcentaje de zoom a aplicar.
• "seat_radius": tamaño del radio de circunferencia de los asientos en el mapa.
• "show_seats_number": True/False. Para mostrar (true) o ocultar (false) la numeración de los asientos.

{ "title":"EXAMPLE", "size":2325, "origin":{"x":0,"y":0}, "zoom":0.25, "seat_radius":23, "show_seats_number":true }

Zonas: Puedes configurar tantas zonas como desees.

• { "A": nombre identificativo de la zona.
• {"name": nombre identificativo de la zona en una reserva.
• "color": clase CSS asociada a la zona.
• "tickets": número identificativo del/de los ticket/s asociados a la zona (para ontener el ID, ve a Tickets >>> Nombre del Ticket >>> Más >>> Ticket ID).

{ "A":{"name":"NOMBRE DE LA ZONA","color":"dark-sea-green","tickets":[TICKET ID]}, "B":{"name":"Gold","color":"gold-rod","tickets":[32808,32809,32818]} }

Asientos: Recuerda que dos asientos distintos no pueden compartir el mismo identificador. 

• "zone": Zona asignada a el asiento.
• "row": Fila asignada a el asiento.
• "number": Número del asiento.
• ''r'': Radio de circunferencia del asiento.
• "position": Posición dentro del mapa SVG.

Note: Este ejemplo mostraría los asientos número 1 y número 3 en la zona ''A'' y el asiento número 5 en la zona ''B''.

{ "F-1-1":{"zone":"A","row":1,"number":1,"r":23,"position":[950,400]}, "F-1-3":{"zone":"A","row":1,"number":3,"position":[900,400]}, "F-1-5": {"zone":"B","row":1,"number":5,"position":[850,400]}, "F-1-7":

Extras: Los extras son todos los elementos dentro del mapa que no se consideran asientos (por ejemplo: escenarios, escaleras, salidas de emergencia, etc).

• "shape": Forma del elemento.
• ''x'',''y'': Coordenadas de posición.
• ''width'': Ancho del elemento dentro de las coordenadas.
• ''height'': Altura del elemento dentro de las coordenadas.
• ''class'': Nombre de la clase CSS.

[ { "shape":"rect","x":400,"y":50,"width":1525,"height":250,"rx":5,"ry":5,"class":"stage" } ]

Opcional: usar tu mapa de asientos en otros servicios

Puedes reutilizar el Mapa de Asientos, generado y configurado inicialmente en un servicio en particular, en cualquier otro servicio de tipo "Eventos / Conciertos".

Para ello, copia toda la información existente en los 4 campos (Config, Zonas, Asientos y Extras) y pégalos en los campos respectivos del nuevo servicio.

A continuación, identifica los nuevos tickets asignados a cada zona. Busca el ID de cada ticket en Tickets >>> Nombre del Ticket >>> Más >>> Ticket ID y pégalo en el campo Zonas en el atributo ''Tickets''. Por ejemplo:

• Zona A: { "A":{"name":"NOMBRE DE LA ZONA","color":"dark-sea-green","tickets":[TICKET ID]},
• Zona B: "B":{"name":"Gold","color":"gold-rod","tickets":[32808,32809,32818]} }

Puedes utilizar los siguientes shortcut keys (atajos del teclado para agilizar el proceso de copiado y pegado.                                 Seleccionar todo: CTRL+A // Copiar: CTRL+C // Pegar: CTRL+V.

Video Tutorial:

Si tienes problemas o dudas a la hora de configurar tu Mapa de Asientos, no dudes en ponerte en contacto con nuestro equipo de soporte aquí.