Wallet cards

Add Apple Wallet and Google Wallet card links for signed-in customers. First, complete the installation.

Wallet card links

Use data-tiquo-wallet-card to link a signed-in customer to an Apple Wallet or Google Wallet card. The attribute value is the wallet card design name from the dashboard.

<a
  data-tiquo-wallet-card="member-card"
  data-tiquo-wallet-type="apple"
>
  Add to Apple Wallet
</a>

<a
  data-tiquo-wallet-card="member-card"
  data-tiquo-wallet-type="google"
>
  Add to Google Wallet
</a>

Optional attributes:

• data-tiquo-wallet-type="apple" links directly to the Apple Wallet install flow.
• data-tiquo-wallet-type="google" links directly to the Google Wallet install flow.
• Omit data-tiquo-wallet-type to link to the general wallet card install page.
• data-tiquo-wallet-card-loading="Loading..." changes the text while the link is being resolved.

The design name must match the wallet card design name configured in the dashboard. If the account has multiple wallet card designs, use one link per design name.

Advanced sites can also call:

const links = await window.Tiquo.getWalletCardLinks({
  designName: "member-card"
});

console.log(links.appleWalletUrl);
console.log(links.googleWalletUrl);