Looking for the official Add to Apple Wallet or Add to Google Wallet button?
This guide brings together the official artwork, implementation requirements and practical guidance for using wallet buttons across websites, emails, loyalty programs, membership portals and digital campaigns.
You will also learn how to support desktop users, improve wallet download rates and create a smoother experience across Apple Wallet, Google Wallet and Samsung Wallet.
Quick Links to Official Wallet Button Artwork
Use the official artwork supplied by each wallet provider. Do not recreate, recolor modify the buttons.
Add to Apple Wallet Button #
Download the official Add to Apple Wallet button artwork directly from Apple or via Litecard here.
Available formats and options may include:
- SVG
- PNG
- EPS
- Multiple languages
- Web and print versions
Add to Google Wallet Button #
Download the official Add to Google Wallet button artwork directly from Google or via Litecard here.
Available formats may include:
- SVG
- PNG
- Light background version
- Dark background version
- Localized versions
Add to Samsung Wallet Button #
Samsung also provides approved Add to Samsung Wallet artwork for compatible devices and regions.
Why the Button Is Only Part of the Experience
Adding the correct artwork is important, but it does not guarantee a good wallet download experience.
Brands also need to consider:
- Which wallet button should appear on each device
- How desktop users move the experience to their phone
- Where wallet buttons appear in the customer journey
- Accessibility and responsive design
- QR code implementation
- Download tracking
- Existing pass holders
- Secure personalised wallet links
This is where many wallet implementations create unnecessary friction.
Show the Right Wallet Option for Each Device
Customers should not need to choose between wallet providers they cannot use.
The recommended experience is:
iPhone #
Show the Add to Apple Wallet button.
Android #
Show the Add to Google Wallet button.
Samsung Wallet may also be offered where the customer is using a compatible Samsung device.
Desktop #
Show a QR code that opens the wallet download journey on the customer’s phone.
Always Include a QR Code for Desktop Users
Many customers first access wallet experiences through:
- Welcome emails
- Loyalty portals
- Order confirmation emails
- Membership pages
- Customer dashboards
- Promotional landing pages
A customer viewing these pages on desktop cannot always add the pass directly to their mobile wallet.
The recommended desktop experience includes:
- Add to Apple Wallet
- Add to Google Wallet
- A QR code to continue on mobile
The QR code should open the same wallet link on the customer’s phone.
Use One Wallet Link Across Every Channel
Managing separate Apple Wallet, Google Wallet and desktop links can create unnecessary complexity.
A device-responsive wallet link can detect the customer’s device and automatically show the correct experience. For example, Litecard’s link is: https://demo.litecard.io/welcome/?id=XXXXXXXXX – and this link resolves and knows what device you are on, so you will see a QR code if you open it on desktop and if you open it on mobile, you will see the wallet buttons, and it will automatically open up your mobile wallet.
The same link can be used across:
- Websites
- Email campaigns
- SMS
- CRM journeys
- Loyalty portals
- QR codes
- Digital receipts
- In-store signage
Litecard provides a single device-responsive wallet link that automatically presents Apple Wallet, Google Wallet, Samsung Wallet or a desktop QR code based on the customer’s device.
Common Apple Wallet and Google Wallet Button Mistakes
Avoid:
- Designing your own Wallet buttons
- Using low-resolution screenshots of official buttons
- Stretching or compressing the artwork
- Showing irrelevant wallet providers for the customer’s device
- Linking every customer to the same personalised pass
- Forgetting desktop users
- Using very small QR codes
- Placing wallet buttons too far from the relevant action
- Using outdated wallet branding
Frequently Asked Questions
Where can I download the Add to Apple Wallet button? #
Use Apple’s official Add to Apple Wallet artwork rather than recreating the button. Apple provides localised SVG and EPS artwork through its developer resources.
Where can I download the Add to Google Wallet button? #
Google provides official Add to Google Wallet artwork in SVG, PNG and Android XML formats.
Should I use PNG or SVG for wallet buttons? #
SVG is generally preferable for websites because it remains sharp at different display sizes. PNG is useful when SVG is unsupported, particularly in some email platforms.
Can I change the colour of an Apple Wallet or Google Wallet button? #
No. Use the official artwork and approved variants rather than modifying the colour, shape or typography.
Should I show both Apple Wallet and Google Wallet buttons? #
You can support both. On mobile, prioritise the wallet appropriate to the customer’s device. On desktop, consider displaying both alongside a QR code.
Can I add Apple Wallet and Google Wallet buttons to email? #
Yes. Both Apple and Google provide guidance for using wallet buttons in email.
Need More Than the Button Artwork?
Official wallet button artwork is only one part of delivering a complete wallet experience.
Litecard helps brands manage:
- Apple Wallet passes
- Google Wallet passes
- Samsung Wallet passes
- Device detection
- QR code generation
- Personalised wallet links
- CRM and loyalty integrations
- Automated pass delivery
- Pass updates
- Push notifications
- Download and engagement reporting
Get a demo today!
