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

# Zeige die Punkte in deinem Shop

Damit dein Punkteprogramm funktioniert, müssen deine Kunden es in jedem Schritt des Kaufs sehen. Über den Bereich '**Shop**' von Livy aktivierst du die Komponenten, die es sichtbar machen: Sie entdecken das Programm, sehen ihre Punkte und lösen sie als Rabatt ein.

### Aktiviere Livy in deinem Theme

Unter "**Shop**" siehst du die Komponenten danach gruppiert, was sie erreichen helfen.

Jede kommt mit ihrem eigenen "*Wie aktiviere ich es?*" (ein kurzes Video, das zeigt, wo du es in deinem Theme hinzufügst) und einer Schaltfläche "*Aktivieren*".

Aktiviere die, die für deinen Shop sinnvoll sind, eine nach der anderen, und folge der Anleitung zu jeder.

#### **Damit sie das Programm entdecken**

<Frame>
  <Columns cols={2}>
    <Column>
      <img alt="Bild Landingpage" title="A 1" lightAlt="Bild Landingpage" darkAlt="Bild Landingpage" 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>
      * **Treueseite:** eine eigene Seite, auf der deine Kunden ihr Guthaben, die verfügbaren Prämien und die Funktionsweise des Programms sehen.
    </Column>
  </Columns>
</Frame>

#### **Damit sie wissen, wie viele Punkte sie verdienen**

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

    <Column>
      * **Punkte auf der Produktseite:** zeigt die Punkte, die der Kunde beim Kauf dieses Produkts verdient. Ideal, um zum Kauf anzuregen.
    </Column>
  </Columns>
</Frame>

<Frame>
  <Columns cols={2}>
    <Column>
      <img alt="Produktseite" title="Produktseite" lightAlt="Produktseite" darkAlt="Produktseite" 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>
      * **Punkte, die im Checkout verdient werden:** erinnert daran, wie viele Punkte er mit seinem Kauf verdient, kurz vor der Bestellbestätigung.
    </Column>
  </Columns>
</Frame>

<Frame>
  <Columns cols={2}>
    <Column>
      <img alt="Produktseite" title="Produktseite" lightAlt="Produktseite" darkAlt="Produktseite" 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>
      * **Kaufbestätigung:** zeigt ihm die Punkte, die er gerade verdient hat, auf der Bestellbestätigungsseite.
    </Column>
  </Columns>
</Frame>

#### **Damit sie ihre Punkte einlösen**

<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="Warenkorb-Schublade" width="500" height="276" data-path="images/44.png" />
    </Column>

    <Column>
      * **Einlösung in der Warenkorb-Schublade:** wendet Punkte als Rabatt aus der seitlichen Warenkorb-Schublade an.
    </Column>
  </Columns>
</Frame>

<Frame>
  <Columns cols={2}>
    <Column>
      <img alt="Warenkorb-Schublade" title="Warenkorb-Schublade" lightAlt="Warenkorb-Schublade" darkAlt="Warenkorb-Schublade" 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>
      * **Einlösung auf der Warenkorbseite:** wendet Punkte als Rabatt auf der Warenkorbseite an, bevor es zum Checkout geht.
    </Column>
  </Columns>
</Frame>

<Frame>
  <Columns cols={2}>
    <Column>
      <img alt="Warenkorb-Schublade" title="Warenkorb-Schublade" lightAlt="Warenkorb-Schublade" darkAlt="Warenkorb-Schublade" src="https://mintcdn.com/livy-apps/Osm49KftxuuigDNB/images/canje_checkout.png?fit=max&auto=format&n=Osm49KftxuuigDNB&q=85&s=3f4ccdfec546b8a18edaaa16c79c6930" className="dark:hidden" width="500" height="276" data-path="images/canje_checkout.png" />

      <img alt="Warenkorb-Schublade" title="Warenkorb-Schublade" lightAlt="Warenkorb-Schublade" darkAlt="Warenkorb-Schublade" src="https://mintcdn.com/livy-apps/Osm49KftxuuigDNB/images/canje_checkout-1.png?fit=max&auto=format&n=Osm49KftxuuigDNB&q=85&s=5068e8d699218fa3e86bd135905b53db" className="hidden dark:block" width="500" height="276" data-path="images/canje_checkout-1.png" />
    </Column>

    <Column>
      * **Einlösung im Checkout:** wendet die Punkte als Rabatt direkt im Bezahlvorgang an.
    </Column>
  </Columns>
</Frame>

<Warning>
  Es ist wichtig, dass du Livy in deinem Theme aktivierst. Wenn du es nicht tust, sehen deine Kunden das Punkteprogramm nicht und können keine Punkte einlösen, selbst wenn du die Komponenten aktiviert hast.
</Warning>
