Design

How to design digital loyalty cards, coupons, membership cards and event tickets

By Paul and 3 others4 authors92 articles

Introduction to Designing PassesDesigning Apple and Google Wallet Passes with PassKit Pass Designer

Wallet Pass Design LimitationsUnderstanding Font, Text Size, and Image Size and Placement Limitations

Choosing a Pass Type DesignThe different pass type designs and typical uses.

Multi-Use vs Single-UseA guide to help you decide between Multi-Use Passes and Single-Use Passes

Pass Designer Essentials

A Guide to Navigation, Design Settings, and Common Features

The Pass Designer MenuNavigating the Pass Designer

Design SettingsHow to Use the Design Settings in the Pass Designer

Changing the organisation nameDisplayed on the Google Wallet pass

Adding a locationWhere to add GPS locations to your template

Adding a beaconThis guide will show you how to add a beacon to your cards.

How to add links on passesAdding links to Apple and Google Passes.

Using the Data Field ManagerEdit, Manage and permanently delete fields in one place

Introduction to TiersOrganizing and Customizing Your Membership and Loyalty Programs

Tier SettingsHow to access your Membership/Loyalty tier settings

Introduction to Coupon OffersUnderstand the relationship between campaigns and offers

Offer settingsHow to access and edit the offer settings

Coupon Expiry DatesHow expiry dates on coupons work

Introduction to Ticket TypesOrganising your attendees

Encoding Dynamic Values in the BarcodeThe encoded value can be different for each pass

Using Batch DeleteDelete multiple records in one go

Allow users to recover an existing passUsing the enrolment form to recover an existing pass.

Membership Card

Step by step guides to creating a membership card

Choose a Membership Card Pass DesignChoose the correct pass design for your membership card

Add and Edit your Membership Card fieldsAdd new fields and edit and move existing fields

Edit the Membership ColoursChange the background and text colours

Adding Images to your Membership CardAdd your business logo and other images

Barcode Settings for your Membership CardEditing the barcode type and contents

Change description and business name for your digital membership cardUsing the Designer settings

Adding a Location to your Membership CardAdd GPS coordinates for location based lock screen notifications.

Customise your Membership Card Welcome EmailChange the Subject, Sender Name and Body Text

Using the Data Collection Form with your Membership CardsAllow users to get their membership card via a form

Profile Image for the Data Collection PageInstructions for Setting Profile Image Settings in PassKit Designer

Adding a Tier to your Membership Card ProgramAdd tiers to distinguish between different membership levels.

Membership card tier settingsChange the Tier Name, Timezone and Expiry settings

Loyalty Card

Step by Step guides for creating a Loyalty Card

Choose a Loyalty Card Pass DesignChoose the correct pass design for your loyalty card

Add and Edit your Loyalty Card fieldsAdd new fields and edit and move existing fields

Edit the Loyalty Card ColoursChange the background and text colours

Adding Images to your Loyalty CardAdd your business logo and other images

Barcode Settings for your Loyalty CardEditing the barcode type and contents

Change description and business name for your digital loyalty cardUsing the Designer settings

Customise your Loyalty Card Welcome EmailChange the Subject, Sender Name and Body Text

Adding a Location to your Loyalty CardAdd GPS coordinates for location based lock screen notifications.

Adding a Tier to your Loyalty Card ProgramAdd tiers to distinguish between different levels or groups

Loyalty card tier settingsChange the Tier Name, Timezone and Expiry settings

Coupon

Step by step guides for creating your digital coupon

Choose a Coupon Pass DesignChoose the correct pass design for your digital coupon

Add and Edit your Coupon fieldsAdd new fields, edit and move existing fields

Edit the Coupon ColoursChange the background and text colours

Adding Images to your Digital CouponAdd your business logo and other images

Barcode Settings for your Digital CouponEditing the barcode type and contents

Change description and business name for your digital couponUsing the Designer settings

Editing the Offer SettingsEdit offer settings and dates

Adding an Offer to your Coupon CampaignAdd offers to distinguish between different discounts or promotions

Adding a Location to your Digital CouponAdd GPS coordinates for location based lock screen notifications.

Customise your Digital Coupon Welcome EmailChange the Subject, Sender Name and Body Text

Using the Data Collection Form with your Digital CouponsAllow users to get their coupons via a form

Event Tickets

Step by step guides to creating an Event Ticket

Choose an Event Ticket Pass DesignChoose the correct pass design for your digital Event Ticket

Add and Edit your Event Ticket fieldsAdd new fields and edit and move existing fields

Edit the Event Ticket ColoursChange the background and text colours

Adding Images to your Event TicketAdd your business logo and other images

Barcode Settings for your Event TicketEditing the barcode type and contents

Change description and business name for your digital event ticketUsing the Designer settings

Adding and Editing Ticket TypesManage your ticket types

Adding more dates and venues to your Event Ticket productionAdd and edit occurrences

Customise your Event Ticket Welcome EmailChange the Subject, Sender Name and Body Text

Adding a Location to your Event TicketAdd GPS coordinates for location based lock screen notifications.

Business Card

Step by step guides to creating your business card

An Introduction to Dynamic Digital Business CardsCreate and Manage Professional Digital Business Cards for Apple and Google Wallet.

Choose a Business Card Pass DesignChoose the correct pass design for your digital business card

Add and Edit your Business Card fieldsAdd new fields and edit and move existing fields

Adding Images to your Business CardAdd your business logo and other images

Edit the Business Card coloursChange the background and text colours

Barcode Settings for your Business CardEncoding a vCard into your barcode

Change description and business name for your digital business cardUsing the Designer settings

Business Card Tier settingsChange the Tier Name, Timezone and Expiry settings

Adding a Tier to your Business Card ProjectAdd tiers to distinguish between different staff groups, departments or locations.

Adding a Location to your Business CardAdd GPS coordinates for location based lock screen notifications.

Customise your Business Card Welcome EmailChange the Subject, Sender Name and Body Text

Using the Data Collection Form with your Business CardsAllow users to get their business card via a form

Preparing Images

Optimizing images for Apple and Google Wallet Passes

Optimizing ImagesImage Requirements for Apple and Google Wallet Passes

Designing Enrollment Forms

Using the PassKit Data Collection Forms

Introduction to Data Collection FormsEnrol your customers or members using the Data Collection Form

Designing your data collection formAdding and removing fields from the form design

Edit the Data Collection Form SettingsSet Title, Description, Colours and Overrides

Changing the default telephone country code using the APIUsing Postman to change the default country code on your Data Collection form

Multiple choice answers on enrollment pagesEnabling multiple choice answers on your data collection pages

Creating custom enrollment formsCreate & design your own branded custom enrolment forms that can be embedded in your own website

Changing the Default Country Code for the Data Collection FormDefault country code for the telephone number field

Troubleshooting and FAQs

Common Issues and Solutions

Known Formatting Issues in Google Wallet

What's the difference between a Loyalty Card and a Membership Card?Difference between loyalty cards and membership cards

Why can't the image or font size be bigger?Apple and Google automatically size the image and font to comply with their design requirements

What Information Can Be Stored in the Barcode?Understanding the Data You Can Encode and How Barcodes Work

How do I use my own enrolment form?Use your own Data Collection Form with a Zapier integration.

What is the difference between Dynamic Fields and Static Fields?Static vs Dynamic Fields Explained Simply

Why are the links on the Apple Wallet pass not working?Conditions when the links on the back of the pass will not be clickable

Using rotating barcodes on Google Wallet passesWhat are rotating barcodes and how to enable this feature.

What is barcode security animation?Add an additional layer of security to Google Wallet passes