> ## 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.

# Quick Start (EN)

> Get your loyalty program up and running in minutes using the petakopi.my mobile app

A quick guide for shop owners starting a loyalty program — using the petakopi.my mobile app.

<Info>Don't have the app yet? [Download here](/getting-started/download-app). The Bahasa Melayu version is available at [Quick Start (BM)](/loyalty-card/quick-start-bm).</Info>

<Warning>
  **Before you start, make sure:**

  * Your shop is listed on petakopi.my
  * You're verified as the owner of that shop

  Without both, the **"Manage"** menu won't appear in the app. Haven't claimed your shop yet? See the [claim guide](/getting-started/claim-ownership) or [WhatsApp us](/getting-started/contact).
</Warning>

## Try the full workflow

We recommend running through the full flow once — both as the owner and as a customer (use two phones or two accounts so you experience both sides):

* Create the loyalty program (as owner)
* Get the loyalty card (as owner and customer)
* Award stamps (as owner and customer)
* Redeem the reward (as owner and customer)
* Get a fresh card (as owner and customer)

<Note>**Customers don't need to download the app.** They can get and use the card directly from a web browser on their phone. We designed the flow this way deliberately — so customers don't have to wait at the counter to install anything. A faster process means the queue keeps moving, which is good for business.</Note>

## 1. Create the program

<Frame caption="Home tab with the Manage menu">
  <img src="https://mintcdn.com/petakopimy/G8R_d079Fqqnqro8/images/loyalty-card/quick-start-bm-home-manage.png?fit=max&auto=format&n=G8R_d079Fqqnqro8&q=85&s=54b25e7f79cc0426626f189b506201c9" alt="Home tab in the petakopi.my app showing the Manage menu" width="1920" height="1440" data-path="images/loyalty-card/quick-start-bm-home-manage.png" />
</Frame>

<Steps>
  <Step title="Open Home">
    Tap **Home** at the bottom left.
  </Step>

  <Step title="Go to Manage">
    You'll see a **"Manage"** menu here.
  </Step>

  <Step title="Pick your shop">
    After tapping, your shop's name will appear in the list. Tap your shop.
  </Step>

  <Step title="Open Loyalty">
    Then tap **Loyalty**.
  </Step>

  <Step title="Tap Create Program">
    Next, tap **"Create Program"** at the top right.
  </Step>
</Steps>

<Frame caption="Loyalty programs list with the Create Program button">
  <img src="https://mintcdn.com/petakopimy/G8R_d079Fqqnqro8/images/loyalty-card/quick-start-bm-loyalty-list.png?fit=max&auto=format&n=G8R_d079Fqqnqro8&q=85&s=4396ad94f5357c044c1166c3d4ed1c98" alt="Loyalty programs list in the app with the Create Program button at the top right" width="1920" height="1440" data-path="images/loyalty-card/quick-start-bm-loyalty-list.png" />
</Frame>

<Steps>
  <Step title="Fill in the details">
    Fill in the program details. To test, keep it simple — we just want to try things out.

    Just entering the program name is enough. The other fields don't need to be filled in for a test run.

    <Tip>If you're unsure about anything, [WhatsApp us](/getting-started/contact).</Tip>
  </Step>

  <Step title="Confirm">
    Tap the **"Create Program"** button at the bottom of the form. Done — your program is live.
  </Step>
</Steps>

<Frame caption="Create Program form">
  <img src="https://mintcdn.com/petakopimy/G8R_d079Fqqnqro8/images/loyalty-card/quick-start-bm-create-form.png?fit=max&auto=format&n=G8R_d079Fqqnqro8&q=85&s=fbeb7ded56e790fabda6fe4057fd40f6" alt="Form for creating a new loyalty program in the app" width="1920" height="1440" data-path="images/loyalty-card/quick-start-bm-create-form.png" />
</Frame>

## 2. Customers get the card

<Steps>
  <Step title="Open the shop page">
    Customers open `https://petakopi.my/your-shop-name` in a web browser.
  </Step>

  <Step title="Tap Get Loyalty Card">
    There's a black **"Get Loyalty Card"** button.
  </Step>

  <Step title="Add to wallet">
    Tap it — the card is downloaded into **Apple Wallet** or **Google Wallet**. The customer needs to sign in first.
  </Step>
</Steps>

<Frame caption="Get Loyalty Card button on the shop page">
  <img src="https://mintcdn.com/petakopimy/G8R_d079Fqqnqro8/images/loyalty-card/quick-start-bm-get-card.png?fit=max&auto=format&n=G8R_d079Fqqnqro8&q=85&s=937e03e3c61cd4789eb37e2f72434004" alt="Shop page on petakopi.my with the black Get Loyalty Card button" width="1920" height="1440" data-path="images/loyalty-card/quick-start-bm-get-card.png" />
</Frame>

<Frame caption="Loyalty card in Apple Wallet / Google Wallet">
  <img src="https://mintcdn.com/petakopimy/G8R_d079Fqqnqro8/images/loyalty-card/quick-start-bm-wallet-card.png?fit=max&auto=format&n=G8R_d079Fqqnqro8&q=85&s=c2bd39da6c75642174ec3a3f61531200" alt="Loyalty card after being added to wallet" width="1920" height="1440" data-path="images/loyalty-card/quick-start-bm-wallet-card.png" />
</Frame>

Done — the card is in the customer's wallet. Now we can scan and stamp.

## 3. Award stamps

<Frame caption="Scan menu on the Home tab">
  <img src="https://mintcdn.com/petakopimy/G8R_d079Fqqnqro8/images/loyalty-card/quick-start-bm-scan-menu.png?fit=max&auto=format&n=G8R_d079Fqqnqro8&q=85&s=187d412423717d5f3eb6ba7ca8addc07" alt="Home tab in the app with the Scan menu" width="1920" height="1440" data-path="images/loyalty-card/quick-start-bm-scan-menu.png" />
</Frame>

<Steps>
  <Step title="Customer opens the card">
    Ask the customer to open Apple Wallet or Google Wallet, then open your shop's loyalty card. The QR code will be displayed.
  </Step>

  <Step title="Open Scan in the app">
    As the owner, open the app and tap the **"Scan"** menu (also under the Home tab).
  </Step>

  <Step title="Scan the QR">
    Scan the customer's QR code, then choose how many stamps to award.

    <Tip>For testing, give 5 stamps first, then another 5 until you reach 10. This makes sure the whole flow works smoothly before you use it with real customers.</Tip>
  </Step>

  <Step title="Confirm">
    Each time a stamp is added, the customer's card in their wallet updates automatically.
  </Step>
</Steps>

<Frame caption="Pick the number of stamps and confirm">
  <img src="https://mintcdn.com/petakopimy/G8R_d079Fqqnqro8/images/loyalty-card/quick-start-bm-add-stamps.png?fit=max&auto=format&n=G8R_d079Fqqnqro8&q=85&s=f97c1ad150848be05a90123b2d1ff703" alt="Screen after scanning a QR code, with stamp count selector and Add Stamps button" width="1920" height="1440" data-path="images/loyalty-card/quick-start-bm-add-stamps.png" />
</Frame>

## 4. Redeem the reward

<Steps>
  <Step title="Card is full">
    Once the customer has collected enough stamps (10 by default, or whatever you set), they can redeem the reward.
  </Step>

  <Step title="Scan again">
    Same flow as awarding stamps — scan the customer's QR code again to mark the reward as redeemed.
  </Step>

  <Step title="Card retires">
    After redemption, that card can no longer be used.
  </Step>

  <Step title="Fresh card">
    To rejoin the program, the customer taps **"Get Loyalty Card"** again from your shop's page to get a fresh card.
  </Step>
</Steps>

<Frame caption="Redeem the reward and finish the card">
  <img src="https://mintcdn.com/petakopimy/G8R_d079Fqqnqro8/images/loyalty-card/quick-start-bm-redeem.png?fit=max&auto=format&n=G8R_d079Fqqnqro8&q=85&s=6154ee07325f5dfca56a9bf9c50b3913" alt="Reward redemption screen and confirmation that the reward has been claimed" width="1920" height="1440" data-path="images/loyalty-card/quick-start-bm-redeem.png" />
</Frame>

## Promo material

Display a printable QR code at your counter so customers can scan and enroll without typing your shop's URL. See the [QR template page](/loyalty-card/qr-template) to pick a design and request a print-ready file for your shop.

## What's next

<CardGroup cols={2}>
  <Card title="For Shop Owners" icon="store" href="/loyalty-card/for-owners">
    Full guide on managing programs, customizing card appearance, and messaging customers.
  </Card>

  <Card title="For Customers" icon="user" href="/loyalty-card/for-customers">
    How customers collect stamps, view cards, and redeem rewards.
  </Card>
</CardGroup>
