Adding links on passes can help you direct your pass holders to useful and relevant information.
You can link to your website, social media, online store or even make it a single tap to send you an email or give you a call. Think of these links as super bookmarks.
The difference between Apple Wallet and Google Wallet links
When creating links Apple and Google approach this differently.
Apple Wallet
Links can be added to any field on the back of the pass. They cannot be placed on the front of the pass.
Links are automatically detected and made 'clickable'. As well as web links the following information will also be made 'clickable' when detected.
Telephone numbers
Email addresses
Addresses
Google Wallet
Links can be placed in a dedicated section on the pass. The types of links that can be used are,
Web
Telephone
Email
Location
Calendar
How to add links on Google Wallet passes
Navigate to the Google Design
Open your design to the Google Wallet section, and click on the plus icon on the details section to add a field.
Select the Links option
Select the links option from the left hand menu. From here you can choose a link you have already used, or add a new link. In this example I will add a new link. Click "Add" to continue.
Select the link type, the titled and add the URL, click "Done" to finish.
Make sure to to click the save icon in the left hand menu.
Use the following prefixes for different link types:
Link Type | Format | Example |
Web | https:// | |
Phone Number | tel: | tel:+85258049269 |
mailto: | support@PassKit.com?subject=Request%20Support | |
Location | geo: | geo:22.3526629,113.9872706 |
The format for Google Wallet follows the URI standard. If you want to learn more about the URI (Uniform Resource Identifier) standard please visit Wikipedia here.
β
How to re-order links on Google Wallet passes.
To change where your links show in the Details section, you can just drag them into the new position.
Creating simple links in Apple Wallet
Apple will automatically create 'clickable' links when it recognises certain text.
URL's starting with https://
Correctly formatted telephone numbers
Addresses
A link can be added to to any field on the back of the pass and can be a single link in a field, or part of a larger text field.
Adding a single link
First, Open your design to the Apple Wallet section, and click on the 'add field' icon
Click on New Data, New Link Field and then click "Add"
Select "This value is the same for each member" then complete the field name and label, I am using "Links".
Now we can add the links. In this example I will add all my links in the same field 'Links'
Web: https://www.sydneyoperahouse.com/
Tel: +61 2 9250 7111
Address: Bennelong Point, Sydney NSW 2000, Australia
Make sure to click save.
I have installed a pass in Apple Wallet, you can see the three links are clickable.
Creating 'pretty' links in Apple Wallet using HTML
Apple Wallet allows the use of <a> tags to create links using HTML.
Example:
Instead of showing the full link 'https://www.sydneyoperahouse.com/'
we can use the following HTML.
<a href="https://www.sydneyoperahouse.com/">Visit our website</a>
This will then show as,
Visit our website ( try it! )
Adding a link using <a> tags
First, Open your design to the Apple Wallet section, and click on the 'add field' icon
Click on New Data, New Link Field and then click "Add"
Select "This value is the same for each member" then complete the field name and label, I am using "Pretty Links".
You can use the URL tool we provide by adding the Link Title and Link URL in the fields provided, and then add the link. This will add the link enclosed in the correct format.
Alternatively follow the example we have provided in the Default Value field.
On my pass below you can see the formatted URL.
Add a link to any text field in Apple Wallet
Raw links or 'Pretty links" can be added to any text field on the back of the Apple Wallet pass. They can be added on their own, or as part of a block of text.
First, navigate to the field you want to add links to. I'm going to use the information field.
Then add you link as a stand alone link, or as part of a block of text. In this case I am going to make the text "Exclusive Benefits" clickable.
Finally, we can take a look at my example pass to see all types of link displayed.