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

# Affichez les points dans votre boutique

Pour que votre programme de points fonctionne, vos clients doivent le voir à chaque étape de l'achat. Depuis la section '**Boutique**' de Livy, vous activez les composants qui le rendent visible : ils découvrent le programme, voient leurs points et les échangent en réduction.

### Activez Livy dans votre thème

Dans "**Boutique**", vous voyez les composants regroupés selon ce qu'ils aident à obtenir.

Chacun vient avec son propre "*Comment l'activer ?*" (une courte vidéo qui montre où l'ajouter dans votre thème) et un bouton "*Activer*".

Activez ceux qui ont du sens pour votre boutique, un par un, en suivant le tutoriel de chacun.

#### **Pour qu'ils découvrent le programme**

<Frame>
  <Columns cols={2}>
    <Column>
      <img alt="Image page d'accueil" title="A 1" lightAlt="Image page d'accueil" darkAlt="Image page d'accueil" 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>
      * **Page de fidélité :** une page dédiée où vos clients voient leur solde, les récompenses disponibles et comment fonctionne le programme.
    </Column>
  </Columns>
</Frame>

#### **Pour qu'ils sachent combien de points ils gagnent**

<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="Fiche produit" width="500" height="276" data-path="images/22.png" />
    </Column>

    <Column>
      * **Points sur la fiche produit :** montre les points que le client gagnera en achetant ce produit. Idéal pour encourager l'achat.
    </Column>
  </Columns>
</Frame>

<Frame>
  <Columns cols={2}>
    <Column>
      <img alt="Fiche produit" title="Fiche produit" lightAlt="Fiche produit" darkAlt="Fiche produit" 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 à gagner au checkout :** lui rappelle combien de points il gagnera avec son achat, juste avant de confirmer la commande.
    </Column>
  </Columns>
</Frame>

<Frame>
  <Columns cols={2}>
    <Column>
      <img alt="Fiche produit" title="Fiche produit" lightAlt="Fiche produit" darkAlt="Fiche produit" 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>
      * **Confirmation d'achat :** lui montre les points qu'il vient de gagner sur la page de confirmation de la commande.
    </Column>
  </Columns>
</Frame>

#### **Pour qu'ils échangent leurs 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="Tiroir du panier" width="500" height="276" data-path="images/44.png" />
    </Column>

    <Column>
      * **Échange dans le tiroir du panier :** applique les points en réduction depuis le tiroir latéral du panier.
    </Column>
  </Columns>
</Frame>

<Frame>
  <Columns cols={2}>
    <Column>
      <img alt="Tiroir du panier" title="Tiroir du panier" lightAlt="Tiroir du panier" darkAlt="Tiroir du panier" 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>
      * **Échange sur la page du panier :** applique les points en réduction depuis la page du panier, avant d'arriver au checkout.
    </Column>
  </Columns>
</Frame>

<Frame>
  <Columns cols={2}>
    <Column>
      <img alt="Tiroir du panier" title="Tiroir du panier" lightAlt="Tiroir du panier" darkAlt="Tiroir du panier" 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>
      * **Échange au checkout :** applique les points en réduction directement dans le processus de paiement.
    </Column>
  </Columns>
</Frame>

<Warning>
  Il est important d'activer Livy dans votre thème. Sinon, vos clients ne verront pas le programme de points et ne pourront pas les échanger, même si vous avez activé les composants.
</Warning>