Skip to main content
All CollectionsDesign
Know the pass designer
Know the pass designer

The different areas of the designer and what they mean

Janet John avatar
Written by Janet John
Updated over a year ago

The pass designer enables users to create digital passes. It makes it easy for you to design and customize your pass. If you're new to using the designer tool, it's important to familiarize yourself with the various areas and features available.

This article will show you the different areas of the designer and what they mean.

In the top left corner of the designer, you'll find three distinct sections: "Add Items", "Theme", and "Barcode". Let's take a closer look at what each of these sections entails.

Add Items

Here you can add or remove fields in your pass.

There are different fields in the “add items” sections. We have custom fields, present fields and advanced fields.

Custom Fields allows you to add additional data fields to your pass that are specific to your requirements. These fields can be dynamic, which means that users can create their own specific fields, or static, which cannot be changed. You can also add Google Wallet links from this section

Present Fields are existing fields available on your pass.

Lastly, the "Advanced Fields" section contains predefined fields such as name, email address, date of birth, and points. You can add them to your pass by simply dragging them into your design.

Theme

Next up is the "Theme" section. Here, you can select your preferred background colour, label colour and text colour to create a custom theme that suits your needs. You can also preview it to see how it will appear.

You can also add/edit the images for the pass, like logo images and strip/hero images.

QR Code

Finally, the "Barcode" section is where you can generate and customize different types of barcodes for your project.

To add a barcode to a pass, simply select the type of barcode you need, and the designer will adjust the Pass layout accordingly.

You can toggle between google wallet and apple wallet to see how it will be displayed on your wallet. You can also provide a message that will be encoded within the barcode.

Apart from the google wallet and apple wallet layout design layout, we also have the data collection tab also known as enrolment form. This form allows you to collect information from your customers before they can download and install their Membership Card, Loyalty Card or Coupon.

The designer also provides the flexibility to switch between the old and new Google open design. The new design provides better functionality and the toggle can be found at the top right corner of the screen.

Apart from choosing a barcode for your pass, you also have the option to encode your barcode content.

Encoded barcode content: To encode a message within a barcode, you have the option to make it unique for each pass or common for all passes. For example, if you want to identify the individual pass holder, you can encode unique data for each pass, such as a membership card, loyalty card, event ticket or coupon.

Text below barcode: You can also add a text below the barcode, which can be customized to your preference. Typically, the text below the barcode displays the barcode number or a unique identifier that you can manually input into the Point of Sale terminal, in case the scanning equipment fails. However, you can enter any text that is relevant to your specific needs.

Security animation: security animation is a visual effect added to a barcode or pass to increase its security and prevent fraudulent activities. It typically involves a shimmering or flashing effect that is applied to the barcode and that is difficult to replicate and is often activated only under specific conditions, such as when the pass is in motion or being scanned. By using security animations, you can enhance your pass security and prevent unauthorized access or fraud.

Simply toggle on the security animation button. It is important to note that security animation is not compatible with rotating barcodes.

Rotating barcode: Rotating barcodes appear similar to normal barcodes but they change at regular intervals, usually every minute. The reader is designed to accept only the most current barcode. This security protocol minimizes the risk associated with capturing screenshots of barcodes, particularly in the case of ticket theft or unauthorized resale. To enable this, toggle on the security animation button to use it.

Use NFC: Passes are compatible with Near Field Communication (NFC) readers, allowing for contactless redemption. By holding their device near an NFC reader that displays the contactless symbol, users can easily use their pass without the need for a barcode.

To enable this, scroll down to the bottom of the barcode tab and check 'Use NFC'. In the Payload box, add the payload you wish to use. The payload can be any type of data, such as a URL, text, contact information, or other types of data that can be read by an NFC-enabled device. When you are done click on “save”.

Thats it! Now you know the different areas of the pass designer. For further information refer to the links below.

Did this answer your question?