> ## 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 et boutique

> Affichez les points et l'échange dans votre boutique avec le widget et le drawer de Livy.

Le widget de Livy est le visage du programme dans votre boutique : là où le client voit ses
points et échange des remises.

## Composants

<CardGroup cols={2}>
  <Card title="Drawer de points" icon="sidebar">
    Panneau latéral où le client consulte son solde et applique des remises en points.
  </Card>

  <Card title="Bloc d'app" icon="puzzle-piece">
    Bloc que vous ajoutez au thème depuis l'éditeur de Shopify, sans toucher au code.
  </Card>
</CardGroup>

## Installation dans le thème

<Steps>
  <Step title="Vérifiez la compatibilité">
    Livy détecte si votre thème prend en charge le drawer lors de l'installation ou de la publication de thèmes.
  </Step>

  <Step title="Activez le bloc">
    Depuis l'éditeur de thèmes de Shopify, vous ajoutez le bloc Livy où vous le souhaitez.
  </Step>

  <Step title="Configurez le comportement">
    Ajustez ce qui est affiché et quand, depuis le panneau d'administration.
  </Step>
</Steps>

## Annuler un échange depuis le drawer

Si le client a appliqué une remise en points et se ravise, il peut la retirer depuis le
drawer. Livy **recrédite les points** automatiquement et retire la remise du panier.

<Note>
  La remise en points en vigueur est contrôlée depuis l'attribut du panier, et non depuis
  le navigateur, afin d'éviter d'afficher d'anciennes remises après la finalisation d'un achat.
</Note>