> ## 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 y tienda

> Mostrá los puntos y el canje en tu tienda con el widget y el drawer de Livy.

El widget de Livy es la cara del programa en tu tienda: donde el cliente ve sus
puntos y canjea descuentos.

## Componentes

<CardGroup cols={2}>
  <Card title="Drawer de puntos" icon="sidebar">
    Panel lateral donde el cliente consulta su saldo y aplica descuentos por puntos.
  </Card>

  <Card title="Bloque de app" icon="puzzle-piece">
    Bloque que agregás al tema desde el editor de Shopify, sin tocar código.
  </Card>
</CardGroup>

## Instalación en el tema

<Steps>
  <Step title="Verificá la compatibilidad">
    Livy detecta si tu tema soporta el drawer al instalar o publicar temas.
  </Step>

  <Step title="Activá el bloque">
    Desde el editor de temas de Shopify, agregás el bloque de Livy donde quieras.
  </Step>

  <Step title="Configurá el comportamiento">
    Ajustá qué se muestra y cuándo desde el panel de administración.
  </Step>
</Steps>

## Cancelar un canje desde el drawer

Si el cliente aplicó un descuento por puntos y se arrepiente, puede quitarlo desde el
drawer. Livy **repone los puntos** automáticamente y limpia el descuento del carrito.

<Note>
  El descuento por puntos vigente se controla desde el atributo del carrito, no desde
  el navegador, para evitar mostrar descuentos viejos tras completar una compra.
</Note>