Diseños de tickets
Creá diseños PDF completamente personalizados para tus entradas. Tu logo, tus colores, tus sponsors, tus datos. Todo con un diseñador visual con vista previa en tiempo real, guardado automático y atajos de teclado al estilo de un editor profesional.
Acceder al diseñador
Desde el panel de Fanz, andá a Sitio Web → Diseños de tickets para ver tus diseños existentes o crear uno nuevo.
¿Por qué crear un diseño personalizado?
Fanz ya tiene diseños predeterminados que funcionan perfectamente, pero crear tu propio diseño tiene varias ventajas:
- Branding profesional — Tu logo y colores en cada ticket refuerzan tu marca
- Ingresos por sponsors — Vendé espacio en tus tickets a auspiciantes
- Diferenciación — Destacate de la competencia con tickets únicos
- Experiencia premium — Tickets personalizados dan sensación de calidad
- Coherencia visual — Que tus tickets coincidan con tu sitio web y comunicación
- Información específica — Agregá datos relevantes para tu venue (estacionamiento, instrucciones, etc.)
- Recuerdos coleccionables — Para eventos especiales, los asistentes pueden querer guardar sus tickets
Crear un diseño
Al hacer clic en Crear diseño, se abre un asistente de configuración inicial en dos pasos.
Paso 1: Formato
Elegí el tamaño del ticket y mirá una vista previa en vivo de las dimensiones:
| Formato | Dimensiones | Ideal para |
|---|---|---|
| Roll | 176 × 329 mm | Tickets digitales, QR grande y centrado, diseño vertical |
| Card | 467 × 141 mm | Tickets premium estilo tarjeta, conciertos grandes, diseño horizontal |
| Custom | 70–1000 mm (ancho y alto) | Necesidades específicas; podés editar las medidas en la vista previa |
Tip: Si es tu primer diseño, empezá con Roll o Card. El diseñador genera un layout inicial proporcional al formato elegido.
Paso 2: Elementos del ticket
Elegí qué campos querés incluir en el layout inicial. Algunos son obligatorios y otros opcionales:
Siempre incluidos (no cuentan para el límite):
- Código QR — Obligatorio en cada ticket
- Título del evento
- Fecha del evento
Opcionales (podés activarlos o desactivarlos):
- Logo de marca
- Campos dinámicos de evento, ticket, asistente, compra y marca (precio, asiento, nombre del asistente, ID de compra, etc.)
Hay un contador de elementos recomendados según el formato (máx. 8 en Card, 10 en Roll). Podés agregar más en cualquier momento desde el editor.
Al finalizar, hacé clic en Crear diseño. El diseño se crea con el nombre "Ticket estándar" y un layout inicial escalado proporcionalmente al tamaño del lienzo — incluso en formatos cuadrados o personalizados.
El diseñador de tickets
Una vez creado el diseño, se abre el editor visual. La primera vez también se ofrece un tour guiado de 6 pasos (podés repetirlo desde el botón de ayuda en la barra superior).
Vista general
| Zona | Función |
|---|---|
| Centro | Lienzo del ticket. Movés, redimensionás y alineás elementos |
| Barra superior | Nombre, dimensiones, vista previa, estado de guardado y cerrar |
| Barra inferior | Herramientas de selección/mano, deshacer/rehacer y agregar elementos |
| Panel lateral derecho | Pestañas Elementos y Diseño |
| Esquina inferior izquierda | Control de zoom (50%–300%) |
| Esquina inferior derecha | Atajos de teclado (?) |
Barra superior
- X (cerrar) — Cierra el diseñador. Si hay cambios sin guardar o errores de layout, te guía antes de salir.
- Nombre del diseño — Clic para editarlo en línea (Enter guarda, Escape cancela).
- Dimensiones — Muestra el tamaño actual (ej.
467×141mm). - Tour — Botón para repetir el recorrido guiado.
- Vista previa — Abre el modal de vista previa (PDF o ejemplos en vivo).
- Estado de guardado — Guardando… / Guardado / Error al guardar (cuando hay elementos fuera del lienzo).
El diseño se guarda automáticamente mientras editás. No hace falta un botón manual de guardar.
Herramientas del lienzo
Barra inferior flotante
- Seleccionar — Herramienta por defecto. Clic, arrastre, selección múltiple y redimensionado.
- Mano (arrastrar para desplazar) — Desplazá la vista del lienzo. Al activarla, se deseleccionan todos los elementos.
- Deshacer / Rehacer — Hasta 50 estados en el historial.
- Agregar elementos — Botones con menú desplegable (chevron) para texto, imagen, forma y QR. El diseñador recuerda la última variante que usaste.
Zoom y navegación
| Acción | Cómo hacerlo |
|---|---|
| Zoom in/out | Rueda del mouse (±10% por scroll) |
| Zoom con botones | − / + en el control inferior (±25% por clic) |
| Volver a 100% | Clic en el porcentaje (ej. 100%) |
| Desplazar lienzo | Herramienta Mano + arrastre, o botón central del mouse + arrastre |
| Desplazar con scroll | Ctrl + scroll (Windows/Linux) o ⌘ + scroll (Mac) |
Cuando el zoom supera el 100%, aparecen barras de desplazamiento para ver todo el ticket.
Trabajar con elementos en el lienzo
Seleccionar
- Clic — Selecciona un elemento y abre su editor en el panel lateral.
- Shift + clic — Agrega o quita un elemento de la selección.
- Arrastre en lienzo vacío — Dibuja un rectángulo de selección (marquee) para elegir varios elementos a la vez.
- Ctrl/Cmd + A — Selecciona todos los elementos.
Mover y redimensionar
- Arrastrar — Mueve el elemento (o todos los seleccionados).
- Esquina inferior derecha — Redimensiona (las líneas tienen handles en los extremos).
- Flechas — Mueve 1 mm por pulsación.
- Shift + flechas — Mueve 10 mm por pulsación.
- Espacio + arrastre — Bloquea el movimiento al eje horizontal o vertical.
- Alt + arrastre — Duplica el elemento mientras lo movés (+10 mm de offset).
- Doble clic — Abre las propiedades del elemento.
Las posiciones se ajustan a una grilla de 1 mm. Aparecen guías de alineación al mover o redimensionar.
Barra flotante (un solo elemento seleccionado)
- Capas — Enviar al fondo, enviar atrás, traer adelante, traer al frente
- Duplicar — (no disponible para QR)
- Eliminar
Selección múltiple (2 o más elementos)
En el panel lateral aparece "X elementos seleccionados" con:
- Alineación — Izquierda, centro, derecha, arriba, medio, abajo
- Capas — Mueve todos los seleccionados manteniendo su orden relativo
- Duplicar / Eliminar
Atajos de teclado
Abrí la referencia completa con el botón ? (esquina inferior derecha). Los atajos se adaptan a Mac (⌘) o Windows/Linux (Ctrl).
Edición
| Acción | Mac | Windows/Linux |
|---|---|---|
| Deshacer | ⌘ + Z | Ctrl + Z |
| Rehacer | ⌘ + ⇧ + Z | Ctrl + Y |
| Seleccionar todo | ⌘ + A | Ctrl + A |
| Copiar | ⌘ + C | Ctrl + C |
| Cortar | ⌘ + X | Ctrl + X |
| Pegar | ⌘ + V | Ctrl + V |
| Duplicar | ⌘ + D | Ctrl + D |
| Eliminar | ⌫ | Delete |
Selección e interacción
| Acción | Atajo |
|---|---|
| Seleccionar | Clic |
| Agregar/quitar de selección | Shift + clic |
| Selección por área | Arrastre en lienzo vacío |
| Bloquear eje al mover | Espacio + arrastre |
| Duplicar al arrastrar | Alt + arrastre |
Lienzo
| Acción | Atajo |
|---|---|
| Desplazar | Botón central + arrastre |
| Desplazar con scroll | Ctrl/⌘ + scroll |
| Zoom | Scroll |
Panel lateral: pestaña Elementos
Lista de bloques
Todos los elementos del lienzo agrupados por categoría (Texto, Imágenes, Formas, QR). Clic en cualquier fila para seleccionarlo.
Editor del bloque seleccionado
Al seleccionar un bloque, el panel muestra sus propiedades. Los bloques de texto usan un control Dinámico | Estático para cambiar entre campo automático y texto fijo.
Tipos de bloques en detalle
Texto dinámico
Campos que se completan automáticamente con datos reales:
| Campo | Ejemplo |
|---|---|
| Nombre del ticket | "Entrada General" |
| Número de asiento | "A-15" |
| Precio del ticket | "$5,000" |
| Tarifa del ticket | "Anticipo" |
| Título del evento | "Concierto de Rock" |
| Fecha del evento | "25 de Diciembre, 2024" |
| Hora del evento | "21:00 hs" |
| Ubicación | "Teatro Gran Rex" |
| Dirección | "Av. Corrientes 857" |
| Nombre del usuario | "Juan Pérez" |
| Nombre del asistente | "María García" |
| Email del usuario | "juan@email.com" |
| DNI del usuario | "12.345.678" |
| ID de compra | "PUR-123456" |
| Fecha de compra | "20 de Diciembre, 2024" |
Opciones adicionales:
- Prefijo / Sufijo — Texto antes o después del valor
- Incluir hora en la fecha — Para el campo de fecha del evento
- Mostrar nombre completo — Para el nombre del asistente
Estilos:
- Tamaño de fuente (1–350 mm)
- Color (sólido o gradiente)
- Tipografía: Helvetica, Helvetica Bold, Times, Courier
- Alineación: Izquierda, Centro, Derecha
Transformación:
- Capas, posición (centrar horizontal/vertical), rotación (0–359°), opacidad (0–100%)
Texto estático
Texto fijo que escribís vos. Mismas opciones de estilo y transformación que el texto dinámico.
Usos comunes: instrucciones de acceso, estacionamiento, hashtags, sponsors, texto legal.
Imagen
Fuente de imagen (control Dinámico | Personalizada):
| Opción | Descripción |
|---|---|
| Logo de marca | Se toma de tu configuración de branding |
| Banner del evento | Se toma del evento |
| Imagen personalizada | Subís cualquier imagen (sponsors, etc.) — máx. 5 MB, JPG/PNG/GIF/WebP |
Opciones adicionales:
- Ajuste: Contain, Cover, Fill
- Reemplazar imagen, Quitar fondo (logo e imágenes personalizadas), Eliminar
- Rotación, opacidad, capas y volteo horizontal/vertical
Código QR
El QR se genera automáticamente desde el ID del ticket para validación en puerta.
Importante: Solo podés agregar un código QR por diseño. Tamaño mínimo: 60 mm (siempre cuadrado). No se puede duplicar.
El QR codifica el ID de la entrada, no el ID de compra. El código QR contiene el ID de Ticket (el identificador único de cada entrada, el mismo que se exporta desde Asistentes). El campo dinámico ID de compra identifica la orden completa, que puede agrupar varias entradas. Por eso ambos valores son distintos y no deben compararse como si fueran el mismo: el QR/ID de Ticket sirve para validar, y el ID de compra para ubicar la orden.
Formas
| Forma | Opciones |
|---|---|
| Rectángulo, círculo, triángulo, estrella | Relleno (sólido o gradiente), color de borde, ancho de borde (0–100) |
| Línea | Color, ancho de borde; se puede ajustar desde cualquier extremo |
Panel lateral: pestaña Diseño
Configuración a nivel ticket (se aplica en vivo, sin modal separado):
Tamaño del ticket
- Ancho / Alto (mm) — Entre 70 y 1000 mm
- Restablecer tamaño original — Vuelve al tamaño con el que se creó el diseño
Si algún elemento queda fuera del lienzo al cambiar el tamaño, el cambio se rechaza con un aviso.
Fondo
Control segmentado: Sólido | Gradiente | Imagen
Imagen de fondo:
- Subí una imagen (máx. 5 MB, JPG/PNG/GIF/WebP)
- Ajuste: Cover, Contain, Fill
- Seleccioná la imagen de fondo en el lienzo para:
- Arrastrar y elegir el área visible
- Ajustar X / Y con sliders (0–100%)
- Cambiar el modo de ajuste
- Ajustar al ticket — Reprocesa la imagen al tamaño del ticket
- Eliminar imagen de fondo
Tip: Diseñá en Canva con el tamaño exacto, exportá como imagen y usala como fondo. Después agregá QR y textos dinámicos encima.
Vista previa
El botón Vista previa abre un modal con dos modos:
Vista previa (por defecto)
Tres ejemplos generados en el navegador con textos largos, cortos y variados. Podés navegar con flechas o teclas ← / → para ver cómo se comporta el diseño con distintos contenidos.
Genera un PDF real del ticket. Podés descargarlo e imprimirlo para probar el resultado físico.
Validación y guardado
Guardado automático
El diseño se guarda solo mientras editás. El chip de estado muestra:
- Guardando… — En proceso
- Guardado — Todo OK
- Error al guardar — Hay elementos fuera del lienzo
Elementos fuera del lienzo
Si un bloque se sale del ticket:
- Se resalta en rojo temporalmente
- El guardado se bloquea hasta corregirlo
- Al cerrar con errores, podés Corregir layout, Volver o Eliminar ticket
Al cerrar el diseñador
Después de guardar exitosamente, podés:
- Establecer como predeterminado
- Aplicar también a eventos activos
- Eliminar ticket
- Volver al listado
Guardar y gestionar diseños
Tabla de diseños
| Columna | Descripción |
|---|---|
| Nombre | Nombre del diseño |
| Formato | Vertical, Horizontal o Custom |
| Cantidad de bloques | Cuántos elementos tiene |
| Predeterminado | ⭐ si es el diseño por defecto |
| Fecha de creación | Cuándo se creó |
| Acciones | Menú con más opciones |
Acciones disponibles
- Editar — Abre el diseñador
- Establecer como predeterminado — Se usa en tickets nuevos
- Duplicar — Crea una copia
- Eliminar — Borra permanentemente
Nota: Si eliminás un diseño asignado a tickets, esos tickets vuelven al diseño predeterminado de Fanz. Los tickets ya vendidos no se ven afectados.
Asignar diseño a tickets
Los diseños se asignan por ticket, no por evento. Podés tener diseños distintos para VIP y General en el mismo evento.
La opción solo aparece si tenés al menos un diseño creado.
Durante la creación del evento
- Al crear el primer ticket, seleccioná el diseño
- Los tickets siguientes heredan ese diseño por defecto
- Podés cambiar el diseño de cada ticket individualmente
Después de crear el evento
- Eventos → seleccioná el evento → pestaña Tickets
- Menú ⋮ del ticket → Editar
- Elegí el diseño y usá Vista previa o Descargar PDF
El diseño marcado como predeterminado se selecciona automáticamente en tickets nuevos.
Nota: Si todavía no creaste ningún diseño, el selector no aparece y tus entradas se generan con el formato clásico de Fanz (Rollo/Tarjeta); si tenés diseños pero ninguno marcado como predeterminado, la opción vacía del selector dice Usar diseño clásico (Rollo/Tarjeta) y el botón Vista previa de entrada solo funciona cuando elegís un diseño concreto.
Próximos pasos
No. Fanz tiene diseños predeterminados que se usan automáticamente. Crear un diseño personalizado es opcional pero recomendado si querés profesionalizar tu marca.
No. Los tickets ya generados mantienen el diseño que tenían al momento de la compra. Los cambios solo aplican a compras futuras.
Sí. Podés crear múltiples diseños y asignar uno diferente a cada tipo de ticket, incluso dentro del mismo evento.
Usá Shift + clic para agregar o quitar elementos, o arrastrá en el lienzo vacío para dibujar un área de selección. Ctrl/Cmd + A selecciona todo.
Activá la herramienta Mano en la barra inferior, usá el botón central del mouse + arrastre, o Ctrl/⌘ + scroll.
Se guarda automáticamente. El chip en la barra superior muestra el estado (Guardando… / Guardado).
Se resalta en rojo y el guardado se bloquea hasta que lo movés o redimensionás para que quepa dentro del lienzo.
Usá el bloque de Imagen con fuente personalizada y subí el logo. Podés agregar tantas imágenes como necesites.
Roll para tickets digitales escaneados desde el celular. Card para tickets impresos premium. Custom para tamaños específicos (70–1000 mm).
Sí. Diseñá con el tamaño exacto, exportá como imagen y usala como imagen de fondo en la pestaña Diseño. Después agregá QR y textos dinámicos encima.
Cada ticket tiene un QR único que se valida en puerta. Múltiples QR causarían confusión en la validación.
El tamaño de fuente va de 1 a 350 mm en el diseñador.
No. Son dos identificadores de entidades distintas:
- El código QR codifica el ID de Ticket (el identificador único de cada entrada, el mismo que se exporta desde Asistentes). Es lo que se escanea para validar en puerta.
- El número impreso en la esquina superior derecha (
ID: XXXXXXXX) son los primeros 8 caracteres del ID de la compra (orden) — el campo dinámico ID de compra —, que sirve como referencia rápida para localizar la compra en la lista de Órdenes.
Como una compra puede agrupar varias entradas, el número impreso (la compra) y el ID del QR (la entrada) son distintos a propósito y no deberían coincidir.