How do I design the loyalty card?

Customise card colours, logo, banner and visible fields with per-platform previews — and what Google Wallet shows until you add a logo.

The Card design section of Settings → Loyalty controls how your members' cards look — in Apple Wallet, Google Wallet and the customer portal. To get there, press the gear at the top right of the Loyalty page (or open Settings → Loyalty, in the Grow group). The page opens with your card at a glance (What members carry — an example member, in your colours), and the designer sits right in the Card design section below it. Once you save your changes (Save changes in the bar at the bottom of the page), the cards already on members' phones update by themselves — you never need to re-issue them.

What you can customise

• Card colours — Background, Text and Field labels. Each shows a small Automatic tag until you pick your own colour: Background automatic uses your brand colour from Settings → Branding, Text automatic picks dark or light to stay readable on your background, and Field labels automatic follows the text colour. Text and labels always stay easy to read: if a text or label colour — yours or the automatic one — would be too faint against the background, the card makes it just light or dark enough to read clearly (a colour that already reads clearly is kept exactly as it is). The stamp pictures keep your text colour as you set it. A colour you've picked gets an Automatic reset button (Use brand colour on the Background) to put it back.
• Logo — leave it empty to use your venue's logo from Settings → Branding. For a card-specific one, drop a picture on the box or click Choose a picture (a square transparent PNG, 512×512, works best — it opens the square crop), use From your images to reuse one from your image library or pick a ready-made mark from Ready-made, or paste a web address under Or paste a web address and click Add from link — we copy the picture into your image library so the card keeps working. Adjust crop re-frames it; Remove puts your Branding logo back. A logo on a plain solid background is conservatively trimmed for the Apple pass, and the designer warns you when an opaque or JPG logo can't be trimmed safely.
• Banner image (optional) — the strip image across the card (a wide banner — the crop frame matches the wallet pass exactly). Drop a dedicated banner on the box or click Choose a picture, use From your images for one from your library or the ready-made set, or click Use cover photo to reuse your cover photo (a little comes off each side to fit the pass). Remove takes the banner off. On a stamp card, leave it blank and the card shows the member's stamps there instead, on Apple and Google alike. Google Wallet gives the banner a near-square space of its own: a wide banner shows whole on your card colour, and a photo is trimmed at the edges to fill it (the Google Wallet preview shows which). The Apple pass keeps the strip exactly as you framed it. A banner saved earlier as a link to another website shows on neither wallet pass — add it again through the box, which copies the picture into your image library.
• Name beside the logo — blank uses your venue's name (max 40 characters).
• Show the member's name and Show the scheme name — visibility toggles for the card's fields.
• Show "Member since", Show the next reward and Show your contact details — three more toggles, all on by default: the month the member joined, how far to their next reward, and your phone, address and website. Member since and the next reward appear on both the wallet pass and the portal card; your contact details appear on the back of the wallet pass.
• Back-of-card note (optional) — shown under "About" on the back of the Apple pass (max 200 characters).
• Your word for “Member” (optional) — the small label above the member's name on the Apple Wallet pass, for example "Regular" or "Friend" (up to 20 characters). Google Wallet uses its own label; the card in the customer portal shows your word too.
• Show the card near your venue — off by default; works on Apple Wallet and Google Wallet. When it is on, a member's phone can bring the card up when they are near your saved address. The phone decides this by itself from your venue's address: nobody — not you, not ResoFlow — is ever told where a member is. It needs your address saved in Settings → Venue profile first.

One thing no wallet allows: you cannot change the type size or the typeface on a pass. Apple Wallet and Google Wallet both set their own — the previews here are a guide to the layout, not a promise of exact sizes.

The live preview

The preview shows all three platforms at once — Apple Wallet, Google Wallet and Portal card — each rendering your design in that platform's real slot layout and updating live as you edit, so what you see matches what lands on the phone. The portal card (the loyalty card in a member's online account) follows this same pass design.

Google Wallet and your logo

Google requires a logo on every loyalty card. If you haven't set one under Settings → Branding (or chosen / pasted a card-specific logo here), Google cards show your venue's first letter on your card's colour until you add one — never a ResoFlow mark — so members can always add the card to Google Wallet. The Logo field and the Google Wallet preview both say so. Your own logo looks better, and it replaces the letter on saved cards as soon as you add it.

Lock-screen notices

The Lock-screen notices setting controls what members' phones say when their card updates:

• Reward moments (the recommended default) — a lock-screen notice only when a reward unlocks, the card fills, or a reward is redeemed.
• Every change — a notice on every balance move, every stamp and point. Engaging, but can feel noisy.
• Silent — the card updates quietly in the background, no notices at all.

One honest platform difference, stated on the page itself: this applies to Apple Wallet only — Google cards never notify on updates. And balance-expiry warnings and data-removal updates never notify on any setting.

Related: What do members see on their wallet pass? · How do I set up a loyalty scheme? · How do I add my logo, colours and images?