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

# Show points in your store

For your points program to work, your customers have to see it at every step of the purchase. From Livy's '**Store**' section you activate the components that make it visible: they discover the program, see their points and redeem them as a discount.

### Activate Livy in your theme

In "**Store**" you see the components grouped by what they help you achieve.

Each one comes with its own "*How to activate it?*" (a short video showing where to add it in your theme) and an "*Activate*" button.

Activate the ones that make sense for your store, one by one, following the instructions for each.

#### **So they discover the program**

<Frame>
  <Columns cols={2}>
    <Column>
      <img alt="Landing page image" title="A 1" lightAlt="Landing page image" darkAlt="Landing page image" src="https://mintcdn.com/livy-apps/Al5jTXQQtAOIoJPx/images/11.png?fit=max&auto=format&n=Al5jTXQQtAOIoJPx&q=85&s=5b325fbb108e9fa1ca802b6f8051151a" width="500" height="276" data-path="images/11.png" />
    </Column>

    <Column>
      * **Loyalty page:** a dedicated page where your customers see their balance, the available rewards and how the program works.
    </Column>
  </Columns>
</Frame>

#### **So they know how many points they earn**

<Frame>
  <Columns cols={2}>
    <Column>
      <img src="https://mintcdn.com/livy-apps/Al5jTXQQtAOIoJPx/images/22.png?fit=max&auto=format&n=Al5jTXQQtAOIoJPx&q=85&s=6e119cfd6b683593e22bebc052ae0dd6" alt="Product page" width="500" height="276" data-path="images/22.png" />
    </Column>

    <Column>
      * **Points on the product page:** shows the points the customer will earn by buying that product. Ideal for encouraging the purchase.
    </Column>
  </Columns>
</Frame>

<Frame>
  <Columns cols={2}>
    <Column>
      <img alt="Product page" title="Product page" lightAlt="Product page" darkAlt="Product page" src="https://mintcdn.com/livy-apps/Al5jTXQQtAOIoJPx/images/55.png?fit=max&auto=format&n=Al5jTXQQtAOIoJPx&q=85&s=60a36066fffd386026f19a32947a65f5" width="500" height="276" data-path="images/55.png" />
    </Column>

    <Column>
      * **Points to earn at checkout:** reminds them how many points they'll earn with their purchase, right before confirming the order.
    </Column>
  </Columns>
</Frame>

<Frame>
  <Columns cols={2}>
    <Column>
      <img alt="Product page" title="Product page" lightAlt="Product page" darkAlt="Product page" src="https://mintcdn.com/livy-apps/Al5jTXQQtAOIoJPx/images/77.png?fit=max&auto=format&n=Al5jTXQQtAOIoJPx&q=85&s=59c214cd31d3e710a5229805f58a5016" width="500" height="276" data-path="images/77.png" />
    </Column>

    <Column>
      * **Order confirmation:** shows them the points they've just earned on the order confirmation page.
    </Column>
  </Columns>
</Frame>

#### **So they redeem their points**

<Frame>
  <Columns cols={2}>
    <Column>
      <img src="https://mintcdn.com/livy-apps/Al5jTXQQtAOIoJPx/images/44.png?fit=max&auto=format&n=Al5jTXQQtAOIoJPx&q=85&s=b3cad1b9a97bfeadceff38a6a84da23e" alt="Cart drawer" width="500" height="276" data-path="images/44.png" />
    </Column>

    <Column>
      * **Redemption in the cart drawer:** applies points as a discount from the side cart drawer.
    </Column>
  </Columns>
</Frame>

<Frame>
  <Columns cols={2}>
    <Column>
      <img alt="Cart drawer" title="Cart drawer" lightAlt="Cart drawer" darkAlt="Cart drawer" src="https://mintcdn.com/livy-apps/Al5jTXQQtAOIoJPx/images/33.png?fit=max&auto=format&n=Al5jTXQQtAOIoJPx&q=85&s=f58d15e3783cdc843a16974bfcd0fc8d" width="500" height="276" data-path="images/33.png" />
    </Column>

    <Column>
      * **Redemption on the cart page:** applies points as a discount from the cart page, before reaching checkout.
    </Column>
  </Columns>
</Frame>

<Frame>
  <Columns cols={2}>
    <Column>
      <img alt="Cart drawer" title="Cart drawer" lightAlt="Cart drawer" darkAlt="Cart drawer" src="https://mintcdn.com/livy-apps/Al5jTXQQtAOIoJPx/images/66.png?fit=max&auto=format&n=Al5jTXQQtAOIoJPx&q=85&s=699f855e754c745348ead407d92b6cb7" width="500" height="276" data-path="images/66.png" />
    </Column>

    <Column>
      * **Redemption at checkout:** applies points as a discount directly in the payment process.
    </Column>
  </Columns>
</Frame>

<Warning>
  It's important that you activate Livy in your theme. If you don't, your customers won't see the points program and won't be able to redeem points, even if you've activated the components.
</Warning>
