Skip to main content

Customize Your Loyalty Pass Template

Flowhub Loyalty Pass makes it quick and easy to create a branded digital card for your customers. This article covers how to configure your pass template with your logo, colors, dynamic fields, and back-of-pass details.

Written by Madison Bunce
Updated over a week ago

Your Loyalty Pass is a daily touchpoint with your customers. It lives in their mobile wallet and shows your branding, their loyalty point balance, and a scannable barcode for pass-only deals. By customizing the template, you make the pass feel professional, trustworthy, and aligned with your brand. Changes you make to the template will automatically update for any customers who already have the pass installed.


Open the Pass Template Editor

  1. Navigate to Marketing > Passes from the left navigation

  2. Select Edit Pass Template

  3. The editor will open with your customization options


Add Your Branding

A branded pass builds trust and ensures customers know it's from you.

  1. Upload your Logo. This is what customers see front and center on the pass

  2. Upload an Icon. This small badge helps the pass stand out in their mobile wallet view

  3. Set a Cover Image and Accent Colors to match your brand

πŸ’‘ Tip: Use high-contrast colors and clean imagery so the pass stays easy to read on any phone.


Choose Front-of-Pass Dynamic Fields

Select which customer details should display on the front of the pass. Options include:

  • Name

  • Loyalty point balance

Keep the selection simple. Show only what is most helpful for both staff and customers.

πŸ’‘ TIP: Displaying loyalty points is a great way to remind customers of their rewards at a glance.


Barcode Settings

By default, the pass uses a Code 128 barcode. Scanning this at checkout activates any β€œpass-only” deals you've set up.

πŸ’‘ Tip: Do not change the barcode settings. If you do, pass-only deals will not work correctly.


Customize the Back of the Pass

  1. Edit the Pass Name (this defaults to your business name)

  2. Use the back of the pass to add helpful details such as:

    • Store hours

    • Links to your online menu or promotions

    • Reminders or special offers (for example, "Double points on Tuesdays")

The back of the pass works like a mini info board. Make it useful without overcrowding it.

πŸ’‘Tip: Preview both the front and back of your pass on different devices or with test data by using the visualizer on the right of the screen.


Save & Publish

  1. When your design is ready, select Save

  2. Select Publish to push updates live

Any customers who already have your Loyalty Pass will see the changes automatically.


Frequently Asked Questions

Will existing customers see my template changes?

  • Yes. Once you publish, updates are reflected automatically on already installed passes.

Can I change the barcode type or format?

  • No. Leave the default barcode settings. Changing them will disrupt pass-only deals.

How many fields should I show on the front?

  • Less is more. Display only the essential fields (such as name and points) to keep the pass clean and easy to read.


Whoohoo! πŸ’ƒ

Your Loyalty Pass template is now customized and ready to go. Customers will see a polished, branded pass that represents your business and works reliably for rewards.

Did this answer your question?