Store appearance and branding

How to customise the storefront theme, store copy and voucher design so everything stays consistent with your brand.

You set the store’s look in the store editor (Stores → Edit), across the Theme, Store copy and Voucher tabs. Aim for consistency between the storefront, the printable voucher and the Mobile pass.

Theme

The Theme tab is where you set the storefront’s colours and brand elements. The brand colour also affects the Mobile pass if you enable syncing the card colour with your brand. Choose colours with legibility and contrast in mind.

Store copy

The Store copy tab lets you edit the text customers see on the storefront — headings and descriptions. Keep the language short and concrete, and remember to provide versions in all of the store’s enabled languages.

Voucher design

On the Voucher tab you customise the look of the voucher a customer receives and presents at redemption. The voucher shows, among other things, the value, code, QR code and expiry date, along with the store contact details filled in under Settings.

Consistency with Mobile pass

The voucher also has a phone-wallet version — the Mobile pass (Apple/Google Wallet). Make sure the card’s colours and logo match the storefront theme. See the Mobile pass article for details.

Preview

Before saving, check your changes: open the storefront from the panel (the Storefront link), and the Mobile pass editor has a Live preview of the card.