> ## 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 und Shop

> Zeigen Sie Punkte und Einlösung in Ihrem Shop mit dem Widget und dem Drawer von Livy.

Das Widget von Livy ist das Gesicht des Programms in Ihrem Shop: Hier sieht der Kunde seine
Punkte und löst Rabatte ein.

## Komponenten

<CardGroup cols={2}>
  <Card title="Punkte-Drawer" icon="sidebar">
    Seitliches Panel, in dem der Kunde sein Guthaben einsieht und Punkte-Rabatte anwendet.
  </Card>

  <Card title="App-Block" icon="puzzle-piece">
    Block, den Sie über den Shopify-Editor zum Theme hinzufügen, ohne Code anzufassen.
  </Card>
</CardGroup>

## Installation im Theme

<Steps>
  <Step title="Kompatibilität prüfen">
    Livy erkennt beim Installieren oder Veröffentlichen von Themes, ob Ihr Theme den Drawer unterstützt.
  </Step>

  <Step title="Block aktivieren">
    Über den Theme-Editor von Shopify fügen Sie den Livy-Block dort hinzu, wo Sie möchten.
  </Step>

  <Step title="Verhalten konfigurieren">
    Passen Sie über das Verwaltungspanel an, was und wann angezeigt wird.
  </Step>
</Steps>

## Eine Einlösung über den Drawer stornieren

Falls der Kunde einen Punkte-Rabatt angewendet hat und es sich anders überlegt, kann er ihn
über den Drawer entfernen. Livy **führt die Punkte zurück** und entfernt automatisch den
Rabatt aus dem Warenkorb.

<Note>
  Der aktuell gültige Punkte-Rabatt wird über das Warenkorb-Attribut gesteuert, nicht über
  den Browser, um zu vermeiden, dass nach Abschluss eines Kaufs alte Rabatte angezeigt werden.
</Note>