Ticket designs

Create fully customized PDF designs for your tickets. Your logo, your colors, your sponsors, your data. All with a visual builder that shows results in real-time.

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

Step 1: Start creation

Click the "Create design" button to open the initial configuration modal.

Step 2: Configure name and format

Design name: For internal reference only. Helps you identify the design later (e.g., "Theater Design 2024", "Tickets with Coca-Cola Sponsor"). Not displayed anywhere.

Format: Choose the ticket size:

Format	Dimensions	Ideal for
Roll	176 × 329 mm	Online tickets, large centered QR, vertical design
Card	467 × 141 mm	Premium card-style tickets, large concerts, horizontal design
Custom	Customizable	Define exact width and height in pixels for specific needs

Step 3: Choose starting point

You have two options:

1. Create from scratch — Start with an empty canvas
2. Use a template — Pre-designed Fanz templates (one for Roll, one for Card) that you can modify

Tip: If it's your first design, we recommend using a template and modifying it. You'll learn the builder faster.

---

The ticket builder

When you choose to create or use a template, the visual builder opens. Here you'll design your ticket by dragging blocks and seeing results in real-time.

General view

• Center: Canvas in the size you chose. Here you see the ticket and can add, move, and resize blocks
• Top bar: Navigation and action controls
• Right sidebar: Add blocks and view element list

---

Top bar (Navbar)

Left side

• X (close) — Closes the builder (asks if you want to save)
• Ticket name — The name you gave the design
• Format — Shows the selected size

Right side

• Undo / Redo — Buttons to undo or redo any action
• Settings — Opens the general ticket configuration modal
• Preview — Generates a real PDF to see how it looks (you can download it)
• Save and close — Saves the design and returns to the listing

---

General settings

When clicking Settings, a modal opens with:

Ticket size

You can edit the ticket width and height at any time.

Background color

Choose a background color using the color picker.

Background image

Upload an image that fills the entire ticket. Very useful if you designed something in Canva or Photoshop and want to use it as a base.

Image fit options:

Option	Behavior
Cover	Fills the entire ticket, may crop edges
Contain	Shows the full image, may leave space around
Fill	Stretches to fill, may distort

When done, click Save changes or Cancel to discard.

---

Preview

The Preview button generates the ticket in real PDF format. You can:

• See exactly how it will look
• Download it to view on your computer
• Print it to test how it looks physically

---

Right sidebar

Adding blocks

Click "Add block" to see available options:

Block type	Description
Dynamic text	Fields that auto-fill with event/purchase data
Static text	Fixed text that you write
Image	Brand logo, event banner, or custom image
QR code	The QR to validate the ticket at the door
Shapes	Lines, rectangles, circles, triangles, stars

Block list

Below the add button, you see the list of all blocks on the canvas with their name and coordinates. Click any item to select it on the canvas.

---

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: Text before the field (e.g., "Seat: ")
• Suffix: Text after the field (e.g., " USD")

Available styles:

• Font size
• Text color
• Font: Helvetica, Helvetica Bold, Times, Courier
• Alignment: Left, Center, Right

Static text

Fixed text that you write. Same style options as dynamic text.

Common uses:

• Access instructions
• Parking information
• Event hashtags
• Sponsor acknowledgments
• Legal text or terms

Image

Image source:

Option	Description
Brand logo	Automatically taken from your branding settings
Event banner	Automatically taken from the event
Custom image	Upload any image (sponsor logos, etc.)

Image fit: Contain, Cover, Fill (same as background image)

QR code

The QR code to validate the ticket at the door.

Important: You can only add one QR code per design. It has no customization options—it's added directly to the canvas.

Shapes

Decorative elements for your design:

Shape	Options
Rectangle	Fill color, border color, border width
Circle	Fill color, border color, border width
Triangle	Fill color, border color, border width
Star	Fill color, border color, border width
Line	Fill color, border color, border width

---

Working with blocks on the canvas

Selecting a block

Click any block on the canvas to select it. A blue frame appears around it.

Moving a block

With the block selected, click and drag to move it to the desired position.

Resizing a block

Drag the corners of the blue frame to change the size.

Editing properties

• Double-click on the block, or
• Click the Edit button that appears when selected

The properties modal opens where you can modify everything.

Available actions

Action	Description
Edit	Opens the properties modal (not available for QR)
Duplicate	Creates an exact copy of the block (not available for QR)
Delete	Removes the block from the canvas

---

Saving and managing designs

Saving the design

Click "Save and close" to save your work and return to the creation modal. From there, click "Create design" to finish.

Designs table

Your designs appear in a table with:

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 builder to modify the design
• Set as default — This design will be used automatically for all new events
• Duplicate — Creates a copy of the design
• Delete — Permanently removes the design

Note: If you delete a design that's assigned to tickets, those tickets will use Fanz's default design instead.

---

Assigning design to tickets

Designs are assigned per ticket, not per event. This allows you to have different designs for different ticket types within the same event (for example, one design for VIP and another for General).

Note: The option to select a ticket design only appears if you have at least one design created. If you don't see this option, it's because you haven't created any custom designs yet.

Option 1: During event creation

When you're creating an event and reach the create tickets step:

1. When creating the first ticket, select the design you want to use
2. All tickets you add after will have that same design as default
3. You can change each ticket's design individually if you want to use different designs

Option 2: After creating the event

If you've already created the event and want to change a ticket's design:

1. Go to Events and select the event
2. Navigate to the Tickets tab
3. Find the ticket you want to modify and click the 3 dots (options menu)
4. Select Edit
5. Choose the ticket design you want to use
6. You can click Preview to see how it looks with that specific ticket's data
7. You can also download the PDF to view or print it

Tip: The design marked as default in your designs list is automatically selected when you create new tickets.

---

Next steps

1. Configure social proof →
2. Customize site branding →

---