> ## Documentation Index
> Fetch the complete documentation index at: https://docs.petakopi.my/llms.txt
> Use this file to discover all available pages before exploring further.

# Loyalty Card

> How to collect loyalty stamps and redeem rewards on petakopi.my

This guide covers how to get loyalty cards, collect stamps, and redeem rewards at your favourite coffee shops.

## Getting a loyalty card

<Steps>
  <Step title="Visit the shop's page">
    Find the coffee shop on [petakopi.my](https://petakopi.my) or in the mobile app.
  </Step>

  <Step title="Tap 'Add to Wallet'">
    On the shop's page, look for the loyalty card section and tap **"Get Loyalty Card"**.

    <Frame caption="Get Loyalty Card button on a coffee shop's page">
      <img src="https://mintcdn.com/petakopimy/k4j2cdHaZSNV4Vtr/images/loyalty-card/quick-start-get-loyalty-card.png?fit=max&auto=format&n=k4j2cdHaZSNV4Vtr&q=85&s=be833e66fc0e9a443538c62d112a5d5b" alt="Get Loyalty Card button shown on a coffee shop page" width="1920" height="1440" data-path="images/loyalty-card/quick-start-get-loyalty-card.png" />
    </Frame>
  </Step>

  <Step title="Sign in">
    You'll need to sign in to your petakopi.my account. You can sign in with your Apple or Google account.
  </Step>

  <Step title="Choose a program">
    If the shop has multiple loyalty programs (e.g. "Coffee Card" and "Pastry Card"), select the one you want.
  </Step>
</Steps>

## Earning stamps

<Steps>
  <Step title="Show your QR code">
    When making a purchase, show your loyalty card QR code to the shop staff. You can show it from:

    * The petakopi.my website or app
    * Apple Wallet or Google Wallet
  </Step>

  <Step title="Staff scans your code">
    The staff will scan your QR code using the petakopi.my mobile app and award your stamps.
  </Step>
</Steps>

## Redeeming rewards

When you've collected all the stamps on your card:

1. The card is automatically marked as complete
2. Show your QR code to the staff as usual
3. The staff will redeem your reward through the petakopi.my app
4. To start collecting stamps again, visit the shop's page on petakopi.my and tap **"Get Loyalty Card"** to get a new card

## Viewing your cards

You can view all your loyalty cards in two places:

* **On the web** — Visit [My Cards ↗](https://petakopi.my/my-cards) on petakopi.my
* **On the app** — Open the petakopi.my app and tap **"My Cards"** on the Home tab

<Frame caption="View your cards on My Cards page">
  <img src="https://mintcdn.com/petakopimy/k4j2cdHaZSNV4Vtr/images/loyalty-card/for-customers-my-cards.png?fit=max&auto=format&n=k4j2cdHaZSNV4Vtr&q=85&s=5eded16a41552b556af3f283a8ad4e90" alt="My Cards page showing loyalty cards" width="1920" height="1440" data-path="images/loyalty-card/for-customers-my-cards.png" />
</Frame>

## Apple Wallet & Google Wallet

After adding a loyalty card, you can save it to **Apple Wallet** (iPhone) or **Google Wallet** (Android). Your stamp count updates in real time — you'll receive a push notification each time a stamp is added.

This means you can show your loyalty card directly from your phone's wallet without opening the petakopi.my app or website.

<Frame caption="Loyalty card in Apple Wallet">
  <img src="https://mintcdn.com/petakopimy/k4j2cdHaZSNV4Vtr/images/loyalty-card/apple-wallet-preview.png?fit=max&auto=format&n=k4j2cdHaZSNV4Vtr&q=85&s=86347e3fd3a3f226091bff0617ae400e" alt="Loyalty card in Apple Wallet showing stamp progress" width="1920" height="1440" data-path="images/loyalty-card/apple-wallet-preview.png" />
</Frame>

<Frame caption="Loyalty card in Google Wallet">
  <img src="https://mintcdn.com/petakopimy/k4j2cdHaZSNV4Vtr/images/loyalty-card/google-wallet-preview.png?fit=max&auto=format&n=k4j2cdHaZSNV4Vtr&q=85&s=1ad184d5918045e864467012b033cc32" alt="Loyalty card in Google Wallet showing stamp progress and QR code" width="1920" height="1440" data-path="images/loyalty-card/google-wallet-preview.png" />
</Frame>
