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

# Muestra los puntos en tu tienda

Para que tu programa de puntos funcione, tus clientes tienen que verlo en cada paso de la compra. Desde la sección '**Tienda**' de Livy activas los componentes que lo hacen visible: descubren el programa, ven sus puntos y los canjean como descuento

### Activa Livy en tu tema

En "**Tienda**" ves los componentes agrupados según lo que ayudan a lograr.

Cada uno trae su propio "*¿Cómo activarlo?*" (un video corto que muestra dónde agregarlo en tu tema) y un botón "*Activar*".

Activa los que tengan sentido para tu tienda, uno por uno, siguiendo el instructivo de cada uno.

#### **Para que descubran el programa**

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

      <img alt="A 1" title="A 1" lightAlt="Imagen landing page" darkAlt="Imagen landing page" src="https://mintcdn.com/livy-apps/Osm49KftxuuigDNB/images/landing_page-1.png?fit=max&auto=format&n=Osm49KftxuuigDNB&q=85&s=9db3f052f90aece2eaa5a3fb7a345b8e" className="hidden dark:block" width="500" height="276" data-path="images/landing_page-1.png" />
    </Column>

    <Column>
      * **Página de fidelización:** una página dedicada donde tus clientes ven su saldo, las recompensas disponibles y cómo funciona el programa.
    </Column>
  </Columns>
</Frame>

#### **Para que sepan cuántos puntos ganan**

<Frame>
  <Columns cols={2}>
    <Column>
      <img src="https://mintcdn.com/livy-apps/Osm49KftxuuigDNB/images/ficha_producto.png?fit=max&auto=format&n=Osm49KftxuuigDNB&q=85&s=bc37e7c2a4e775f8bfe43be21243a412" alt="Ficha Producto" width="500" height="276" data-path="images/ficha_producto.png" />
    </Column>

    <Column>
      * **Puntos en ficha de producto:** muestra los puntos que el cliente ganará al comprar ese producto. Ideal para incentivar la compra.
    </Column>
  </Columns>
</Frame>

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

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

    <Column>
      * **Puntos a ganar en el checkout:** le recuerda cuántos puntos ganará con su compra, justo antes de confirmar el pedido.
    </Column>
  </Columns>
</Frame>

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

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

    <Column>
      * **Confirmación de compra:** le muestra los puntos que acaba de ganar en la página de confirmación del pedido.
    </Column>
  </Columns>
</Frame>

#### **Para que canjeen sus puntos**

<Frame>
  <Columns cols={2}>
    <Column>
      <img src="https://mintcdn.com/livy-apps/Osm49KftxuuigDNB/images/cart_drawer.png?fit=max&auto=format&n=Osm49KftxuuigDNB&q=85&s=46f86438aa42a30f4b0132337e567aca" alt="Cart Drawer" width="500" height="276" data-path="images/cart_drawer.png" />
    </Column>

    <Column>
      * **Canje en el carrito lateral:** aplica puntos como descuento desde el cajón lateral del carrito.
    </Column>
  </Columns>
</Frame>

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

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

    <Column>
      * **Canje en la página del carrito:** aplica puntos como descuento desde la página del carrito, antes de llegar al checkout.
    </Column>
  </Columns>
</Frame>

<Frame>
  <Columns cols={2}>
    <Column>
      <img alt="Cart Drawer" title="Cart Drawer" lightAlt="Cart Drawer" darkAlt="Cart Drawer" 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="Cart Drawer" title="Cart Drawer" lightAlt="Cart Drawer" darkAlt="Cart Drawer" 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>
      * **Canje en el checkout:** aplica los puntos como descuento directamente en el proceso de pago.
    </Column>
  </Columns>
</Frame>

<Warning>
  Es importante que actives Livy en tu tema. Si no lo haces, tus clientes no verán el programa de puntos ni podrán canjearlos, aunque hayas activado los componentes.
</Warning>