Overview

The ticket and pass screens in your app have been redesigned to be more modern and clean, and you can now brand them with your own graphics from the CMS.

• TicketLeap Pro tickets: the redesign covers linking an email to find tickets, the QR ticket display (for one or several tickets), the ticket details, empty states and the anti-screenshot animation. You can add your own background image and logo.
• Leap Activations Event Pass: the in-app QR pass now matches the ticket screen. You can add a background image, logo and color, a custom title and subtitle, and content fields that show as badges below the pass (for example "Superman Panel Eligible").
• Both are set up in the CMS under App Styling > App Screen Graphics, with a Ticket Integration tab and an Event Pass tab. You only see the tabs for the features enabled on your project.

TicketLeap Pro Ticket Screen

Mobile Visuals

CMS Visuals

Step 1 - Upload a Background Image or Change the Background Color (Optional)

• Go to App Styling > App Screen Graphics and open the Ticket Integration tab
• Use the Background Image uploader to add an image that appears behind the ticket card in the app
• A vertical image at least 360px high is recommended, 20MB max. Format and size guidance is shown below the uploader
• If you don't upload a background image, the ticket screen uses the Ticket Background Color, which is grey by default and can be changed

Step 2 - Upload a Logo (Optional)

• Use the Logo uploader to add your logo to the ticket card
• Format and size guidance is shown below the uploader
• If you don't upload a logo, the ticket card is shown without one

Step 3 - Publish and Check

• Publish the CMS so your changes reach the app
• Open the app and go to the Tickets section to check that your background and logo look the way you want

Event Pass Screen

Mobile Visuals

CMS Visuals

Step 1 - Set the QR Graphics

• Go to App Styling > App Screen Graphics and open the Event Pass tab
• Background Image: the image behind the QR code. JPG or PNG, 20MB max. A vertical image at least 360px high is recommended
• Background Logo: your logo on the pass. JPG or PNG, 20MB max. A horizontal image at least 654px wide is recommended
• Background Color: the color used when no background image is uploaded (grey #A6A6A6 by default)
• Larger images are scaled down to fit

Step 2 - Set the Event Card Title and Subtitle

• Event Card Title is the event name shown at the top of the pass screen. By default, it uses your project name
• Event Card Subtitle is the line below it. By default, it reads: "Your Event QR Pass grants you access to the event venue. Scan it to participate at interactive stations throughout the venue"
• Both are free text and update over the air

Step 3 - Add Content Fields (Optional)

• Under Additional Content, select + Add Content Field to create an image card that shows below the pass
• Each content field has a Content Field Title (required, for your own reference), Accessibility Text (read by screen readers) and a Background Image (required). JPG, JPEG, WEBP or PNG, 20MB max. A horizontal image at least 327x40px is recommended
• Set who sees each card under Visibility: Segment (Everyone by default), Custom Condition and Scheduled Visibility with Set Time Interval
• Saved fields appear in the Content Fields list, where you can drag them to reorder, preview, edit or delete them

Step 4 - Publish and Check

• Publish the CMS so your changes reach the app
• Open the app and go to the Event Pass to check your graphics, text and content fields

Screenshot Prevention

• On the TicketLeap Pro ticket screen, the anti-screenshot animation is always on
• On the Event Pass, if screenshot prevention is turned on for your app, a moving line appears over the QR code
• The QR code is hidden from any screenshot or screen recording
• A message above the QR code reads: Screenshots and recordings will be prevented and will not be accepted for entry

FAQ

Q: Do I need a new app release for these changes?
A: A one-time app update is needed to get the new screens. After that, changes to your graphics, text and content fields in the CMS are delivered over the air, with no new app store release needed.

Q: Where do I set this up?
A: In the CMS under App Styling > App Screen Graphics. Ticket branding is on the Ticket Integration tab and the Event Pass is on the Event Pass tab.

Q: I don't see the Ticket Integration or Event Pass tab. Why?
A: Each tab only appears when that feature is enabled on your project. Reach out to your Implementation Manager, Account Manager or Strategic Client Success Manager to get it enabled.

Q: Are the background image and logo required?
A: No, both are optional. Without a background image, the screen uses the background color. Without a logo, the ticket or pass is shown without one.

Q: What information shows on the Event Pass?
A: The attendee's name and Pass ID.

Q: What shows in the ticket details?
A: Ticket Type, Name, Event Time and Ticket ID. Event and Location currently show as N/A and will be added in a future update.

Q: What are content fields used for?
A: They are image cards shown below the pass, often used as eligibility or status badges, for example "Superman Panel Eligible". Staff scanning at an activation can see at a glance what the attendee qualifies for.

Q: Can I control who sees a content field?
A: Yes. Each field has its own Segment, Custom Condition and Scheduled Visibility settings, so a card can target some attendees or only show during a set time.

Q: Can I reorder the content fields?
A: Yes. Drag the handle on the left of each row in the Content Fields list. The order in the list is the order they appear in the app.

Q: Can I preview the ticket or pass before publishing?
A: Not at this time.

Q: Which ticketing provider does the ticket screen support?
A: The ticket screen improvements apply to the TicketLeap Pro integration.