Ticket designs
Create fully customized PDF designs for your tickets. Your logo, your colors, your sponsors, your data. All with a visual designer featuring real-time preview, autosave, and keyboard shortcuts like a professional editor.
Accessing the designer
From the Fanz dashboard, go to Website → Ticket Designs to see your existing designs or create a new one.
Why create a custom design?
Fanz already has default designs that work perfectly, but creating your own design has several advantages:
- Professional branding — Your logo and colors on every ticket reinforce your brand
- Sponsor revenue — Sell space on your tickets to sponsors
- Differentiation — Stand out from competition with unique tickets
- Premium experience — Custom tickets give a quality feel
- Visual consistency — Match your tickets with your website and communications
- Specific information — Add relevant data for your venue (parking, instructions, etc.)
- Collectible memories — For special events, attendees may want to keep their tickets
Creating a design
Click Create design to open a two-step setup wizard.
Step 1: Format
Choose the ticket size and see a live dimension preview:
| Format | Dimensions | Ideal for |
|---|---|---|
| Roll | 176 × 329 mm | Digital tickets, large centered QR, vertical design |
| Card | 467 × 141 mm | Premium card-style tickets, large concerts, horizontal design |
| Custom | 70–1000 mm (width and height) | Specific needs; edit dimensions in the live preview |
Tip: If it's your first design, start with Roll or Card. The designer generates a proportional starter layout for the format you choose.
Step 2: Ticket elements
Choose which fields to include in the initial layout. Some are required, others optional:
Always included (don't count toward the limit):
- QR code — Required on every ticket
- Event title
- Event date
Optional (toggle on or off):
- Brand logo
- Dynamic fields for event, ticket, attendee, purchase, and brand (price, seat, attendee name, purchase ID, etc.)
There's a recommended element counter by format (max 8 for Card, 10 for Roll). You can add more anytime from the editor.
When done, click Create design. The design is created as "Standard ticket" with a starter layout scaled proportionally to the canvas size — including square or custom formats.
The ticket designer
Once the design is created, the visual editor opens. The first time, a 6-step guided tour is offered (replay it from the help button in the top bar).
General view
| Area | Purpose |
|---|---|
| Center | Ticket canvas. Move, resize, and align elements |
| Top bar | Name, dimensions, preview, save status, and close |
| Bottom bar | Select/hand tools, undo/redo, and add elements |
| Right sidebar | Elements and Design tabs |
| Bottom-left | Zoom control (50%–300%) |
| Bottom-right | Keyboard shortcuts (?) |
Top bar
- X (close) — Closes the designer. If there are unsaved changes or layout errors, it guides you before leaving.
- Design name — Click to edit inline (Enter saves, Escape cancels).
- Dimensions — Shows current size (e.g.
467×141mm). - Tour — Button to replay the guided walkthrough.
- Preview — Opens the preview modal (PDF or live samples).
- Save status — Saving… / Saved / Save failed (when elements are out of bounds).
The design autosaves as you edit. There is no manual save button.
Canvas tools
Floating bottom toolbar
- Select — Default tool. Click, drag, multi-select, and resize.
- Hand (drag to pan) — Pan the canvas view. Activating it deselects all elements.
- Undo / Redo — Up to 50 states in history.
- Add elements — Split buttons with dropdown menus (chevron) for text, image, shape, and QR. The designer remembers your last-used variant.
Zoom and navigation
| Action | How |
|---|---|
| Zoom in/out | Mouse wheel (±10% per scroll) |
| Zoom with buttons | − / + in the bottom control (±25% per click) |
| Reset to 100% | Click the percentage (e.g. 100%) |
| Pan canvas | Hand tool + drag, or middle mouse button + drag |
| Pan with scroll | Ctrl + scroll (Windows/Linux) or ⌘ + scroll (Mac) |
When zoom exceeds 100%, scrollbars appear so you can reach every edge of the ticket.
Working with elements on the canvas
Selecting
- Click — Select one element and open its editor in the sidebar.
- Shift + click — Add or remove an element from the selection.
- Drag on empty canvas — Draw a selection rectangle (marquee) to pick multiple elements.
- Ctrl/Cmd + A — Select all elements.
Moving and resizing
- Drag — Move the element (or all selected elements).
- Bottom-right corner — Resize (lines have endpoint handles).
- Arrow keys — Move 1 mm per press.
- Shift + arrows — Move 10 mm per press.
- Space + drag — Lock movement to horizontal or vertical axis.
- Alt + drag — Duplicate while dragging (+10 mm offset).
- Double-click — Open element properties.
Positions snap to a 1 mm grid. Alignment guides appear while moving or resizing.
Floating toolbar (single selection)
- Layers — Send to back, send backward, bring forward, bring to front
- Duplicate — (not available for QR)
- Delete
Multi-selection (2+ elements)
The sidebar shows "X elements selected" with:
- Alignment — Left, center, right, top, middle, bottom
- Layers — Move all selected while preserving relative order
- Duplicate / Delete
Keyboard shortcuts
Open the full reference with the ? button (bottom-right). Shortcuts adapt to Mac (⌘) or Windows/Linux (Ctrl).
Editing
| Action | Mac | Windows/Linux |
|---|---|---|
| Undo | ⌘ + Z | Ctrl + Z |
| Redo | ⌘ + ⇧ + Z | Ctrl + Y |
| Select all | ⌘ + A | Ctrl + A |
| Copy | ⌘ + C | Ctrl + C |
| Cut | ⌘ + X | Ctrl + X |
| Paste | ⌘ + V | Ctrl + V |
| Duplicate | ⌘ + D | Ctrl + D |
| Delete | ⌫ | Delete |
Selection and interaction
| Action | Shortcut |
|---|---|
| Select | Click |
| Add/remove from selection | Shift + click |
| Marquee select | Drag on empty canvas |
| Lock axis while moving | Space + drag |
| Duplicate while dragging | Alt + drag |
Canvas
| Action | Shortcut |
|---|---|
| Pan | Middle click + drag |
| Pan with scroll | Ctrl/⌘ + scroll |
| Zoom | Scroll |
Sidebar: Elements tab
Block list
All canvas elements grouped by category (Text, Images, Shapes, QR). Click any row to select it.
Selected block editor
When you select a block, the panel shows its properties. Text blocks use a Dynamic | Static toggle to switch between auto-filled fields and fixed text.
Block types in detail
Dynamic text
Fields that auto-fill with real data:
| Field | Example |
|---|---|
| Ticket name | "General Admission" |
| Seat number | "A-15" |
| Ticket price | "$50.00" |
| Ticket rate | "Early Bird" |
| Event title | "Rock Concert" |
| Event date | "December 25, 2024" |
| Event time | "9:00 PM" |
| Location | "Madison Square Garden" |
| Address | "4 Pennsylvania Plaza" |
| User name | "John Smith" |
| Assistant name | "Jane Doe" |
| User email | "john@email.com" |
| User ID | "12345678" |
| Purchase ID | "PUR-123456" |
| Purchase date | "December 20, 2024" |
Additional options:
- Prefix / Suffix — Text before or after the value
- Include time in date — For the event date field
- Show full name — For the attendee name field
Styles:
- Font size (1–350 mm)
- Color (solid or gradient)
- Font: Helvetica, Helvetica Bold, Times, Courier
- Alignment: Left, Center, Right
Transform:
- Layers, position (center horizontally/vertically), rotation (0–359°), opacity (0–100%)
Static text
Fixed text you write. Same style and transform options as dynamic text.
Common uses: access instructions, parking info, hashtags, sponsor acknowledgments, legal text.
Image
Image source (Dynamic | Custom toggle):
| Option | Description |
|---|---|
| Brand logo | Taken from your branding settings |
| Event banner | Taken from the event |
| Custom image | Upload any image (sponsors, etc.) — max 5 MB, JPG/PNG/GIF/WebP |
Additional options:
- Fit: Contain, Cover, Fill
- Replace image, Remove background (logo and custom images), Remove
- Rotation, opacity, layers, and horizontal/vertical flip
QR code
The QR is generated automatically from the ticket ID for entry validation.
Important: You can only add one QR code per design. Minimum size: 60 mm (always square). Cannot be duplicated.
The QR encodes the ticket ID, not the purchase ID. The QR code contains the Ticket ID (the unique identifier of each ticket, the same one exported from Assistants). The dynamic Purchase ID field identifies the whole order, which can group several tickets. That's why the two values differ and shouldn't be compared as if they were the same: the QR/Ticket ID is used for validation, and the Purchase ID to locate the order.
Shapes
| Shape | Options |
|---|---|
| Rectangle, circle, triangle, star | Fill (solid or gradient), border color, border width (0–100) |
| Line | Color, border width; adjustable from either endpoint |
Sidebar: Design tab
Ticket-level settings (applied live, no separate modal):
Ticket size
- Width / Height (mm) — Between 70 and 1000 mm
- Reset to original size — Reverts to the size when the design was created
If any element would overflow when changing size, the change is rejected with a warning.
Background
Segmented control: Solid | Gradient | Image
Background image:
- Upload an image (max 5 MB, JPG/PNG/GIF/WebP)
- Fit: Cover, Contain, Fill
- Select the background on the canvas to:
- Drag to choose the visible area
- Adjust X / Y with sliders (0–100%)
- Change fit mode
- Fit to ticket — Reprocesses the image to ticket dimensions
- Remove background image
Tip: Design in Canva at the exact size, export as an image, and use it as a background. Then add QR and dynamic text on top.
Preview
The Preview button opens a modal with two modes:
Preview (default)
Three browser-rendered examples with long, short, and varied text. Navigate with arrows or ← / → keys to see how the design behaves with different content.
Generates a real ticket PDF. Download and print it to test the physical result.
Validation and saving
Autosave
The design saves automatically as you edit. The status chip shows:
- Saving… — In progress
- Saved — All good
- Save failed — Elements are out of bounds
Out-of-bounds elements
If a block extends beyond the ticket:
- It is highlighted in red temporarily
- Saving is blocked until you fix it
- When closing with errors, you can Fix layout, Go back, or Delete ticket
When closing the designer
After a successful save, you can:
- Set as default
- Also apply to active events
- Delete ticket
- Go back to the listing
Saving and managing designs
Designs table
| Column | Description |
|---|---|
| Name | Design name |
| Format | Vertical, Horizontal, or Custom |
| Block count | How many elements it has |
| Default | ⭐ if it's the default design |
| Creation date | When it was created |
| Actions | Menu with more options |
Available actions
- Edit — Opens the designer
- Set as default — Used for new tickets
- Duplicate — Creates a copy
- Delete — Permanently removes the design
Note: If you delete a design assigned to tickets, those tickets use Fanz's default design instead. Already sold tickets are not affected.
Assigning design to tickets
Designs are assigned per ticket, not per event. You can have different designs for VIP and General within the same event.
The option only appears if you have at least one design created.
During event creation
- When creating the first ticket, select the design
- Subsequent tickets inherit that design by default
- You can change each ticket's design individually
After creating the event
- Events → select the event → Tickets tab
- Ticket ⋮ menu → Edit
- Choose the design and use Preview or Download PDF
The design marked as default is automatically selected for new tickets.
Next steps
No. Fanz has default designs that are used automatically. Creating a custom design is optional but recommended if you want to professionalize your brand.
No. Tickets already generated keep the design they had at the time of purchase. Changes only apply to future purchases.
Yes. You can create multiple designs and assign a different one to each ticket type, even within the same event.
Use Shift + click to add or remove elements, or drag on empty canvas to draw a selection area. Ctrl/Cmd + A selects everything.
Activate the Hand tool in the bottom bar, use middle mouse button + drag, or Ctrl/⌘ + scroll.
It autosaves. The chip in the top bar shows status (Saving… / Saved).
It's highlighted in red and saving is blocked until you move or resize it to fit within the canvas.
Use the Image block with a custom source and upload the logo. You can add as many images as you need.
Roll for digital tickets scanned from phones. Card for premium printed tickets. Custom for specific sizes (70–1000 mm).
Yes. Design at the exact size, export as an image, and use it as a background image in the Design tab. Then add QR and dynamic text on top.
Each ticket has a unique QR validated at the door. Multiple QRs would cause validation confusion.
Font size ranges from 1 to 350 mm in the designer.
No. They are two identifiers for different entities:
- The QR code encodes the Ticket ID (the unique identifier of each ticket, the same one exported from Assistants). It's what gets scanned to validate at the door.
- The number printed in the top-right corner (
ID: XXXXXXXX) is the first 8 characters of the purchase (order) ID — the dynamic Purchase ID field — which works as a quick reference to locate the purchase in the Orders list.
Since a purchase can group several tickets, the printed number (the purchase) and the QR's ID (the ticket) are different on purpose and shouldn't match.