> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Abrir al agregar al carrito

> Controla si el carrito deslizante se abre automáticamente cuando un cliente agrega un artículo a su carrito.

<div id="overview">
  ## Descripción general
</div>

El ajuste Open on Add to Cart controla si el carrito deslizante de Upcart se abre automáticamente cada vez que un cliente hace clic en "Add to Cart" en tu tienda.

<div id="where-to-find-it">
  ## Dónde encontrarlo
</div>

Ve a: Cart Editor > Settings > Cart Settings
Busca el interruptor etiquetado "Open cart drawer on add to cart".

<div id="default-behavior">
  ## Comportamiento predeterminado
</div>

Este ajuste está habilitado de forma predeterminada. Cuando está habilitado, el carrito deslizante se abre inmediatamente cada vez que un cliente agrega un producto a su carrito.

<div id="enabled-default">
  ## Habilitado (predeterminado)
</div>

* El carrito deslizante se abre automáticamente con cada acción de "Add to Cart".
* Los clientes ven inmediatamente lo que hay en su carrito, incluidos los upsells o las recompensas.
* Recomendado para la mayoría de las tiendas.

<div id="disabled">
  ## Deshabilitado
</div>

* El carrito deslizante no se abre automáticamente cuando se agregan artículos.
* Los clientes deben hacer clic manualmente en el ícono del carrito para abrir el carrito deslizante.
* Usa esto si tu tema ya muestra una confirmación de agregar al carrito y no quieres que el carrito deslizante compita con ella.

<div id="opening-the-cart-programmatically">
  ## Abrir el carrito de forma programática
</div>

Si deshabilitas este ajuste pero aún quieres que el carrito se abra bajo condiciones específicas, puedes activarlo cuando se agrega un artículo usando la API pública:

```javascript theme={"theme":{"light":"snazzy-light","dark":"github-dark"}}
<script>
  window.upcartSubscribeAddedToCart(function(event) {
    window.upcartOpenCart();
  });
</script>
```

Coloca esto en Cart Editor > Settings > Custom HTML > Scripts (Before Load). Este ejemplo abre el carrito cuando se agrega un artículo. Puedes cambiar upcartSubscribeAddedToCart por cualquier otro evento de suscripción dependiendo de cuándo quieras que se abra el carrito.

<div id="best-practice">
  ## Mejor práctica
</div>

Mantén este ajuste habilitado para la mayoría de las tiendas. Que el carrito deslizante se abra al agregar al carrito es una de las formas más efectivas de mostrar upsells, el progreso de las recompensas y el botón de pago en el momento de mayor intención de compra.