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

# Widget and store

> Show points and redemption in your store with Livy's widget and drawer.

Livy's widget is the face of the program in your store: where the customer sees their
points and redeems discounts.

## Components

<CardGroup cols={2}>
  <Card title="Points drawer" icon="sidebar">
    Side panel where the customer checks their balance and applies points discounts.
  </Card>

  <Card title="App block" icon="puzzle-piece">
    Block you add to the theme from the Shopify editor, without touching code.
  </Card>
</CardGroup>

## Installation in the theme

<Steps>
  <Step title="Check compatibility">
    Livy detects whether your theme supports the drawer when installing or publishing themes.
  </Step>

  <Step title="Enable the block">
    From the Shopify theme editor, you add the Livy block wherever you want.
  </Step>

  <Step title="Configure the behavior">
    Adjust what is shown and when from the admin panel.
  </Step>
</Steps>

## Cancel a redemption from the drawer

If the customer applied a points discount and changes their mind, they can remove it from the
drawer. Livy **restores the points** automatically and clears the cart discount.

<Note>
  The active points discount is controlled from the cart attribute, not from
  the browser, to avoid showing stale discounts after completing a purchase.
</Note>