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

# Casos de uso comunes

> Soluciones completas y ejecutables del Aftersell Cart SDK para lo que los comerciantes más piden: seguimiento de analítica, regalos gratis, ocultar líneas, metafields, bundles y page builders.

Soluciones completas a las solicitudes que surgen con más frecuencia. Cada una es un fragmento ejecutable con una explicación paso a paso y notas sobre cómo adaptarlo.

<div id="before-you-write-a-script">
  ## Antes de escribir un script
</div>

Mucho de lo que los comerciantes solían resolver con scripts ahora es un ajuste integrado. Revisa esto primero, porque un ajuste sigue funcionando tras los rediseños del carrito y tu script podría no hacerlo:

| Si quieres…                                                       | Usa esto en lugar de código                                                                                                                                                            |
| ----------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Abrir el drawer cada vez que se agrega un artículo                | **Cart settings → Content → Behavior → Open cart when an item is added**                                                                                                               |
| Mantener sincronizado el contador del ícono de carrito de tu tema | Integrado. Configura el **cart count selector** en los ajustes del carrito si tu tema necesita un empujón.                                                                             |
| Mostrar ajustes diferentes por país, mercado o moneda             | [Condiciones](/es/aftersell/cart/blocks-overview#show-or-hide-by-market-country-or-currency) (UI completa en [Rewards](/es/aftersell/cart/rewards-block#per-market-rewards) por ahora) |
| Ofrecer un regalo gratis en un umbral de gasto                    | El bloque [Rewards](/es/aftersell/cart/rewards-block)                                                                                                                                  |
| Agregar un upsell, un complemento o protección de envío           | El [bloque de carrito](/es/aftersell/cart/blocks-overview) correspondiente                                                                                                             |
| Cambiar el estilo de cualquier cosa                               | [Ajustes de diseño](/es/aftersell/cart/design-settings), luego [CSS personalizado](/es/aftersell/cart/custom-css)                                                                      |

Recurre al SDK cuando la lógica sea genuinamente tuya: una regla que ningún ajuste expresa, una integración con otra app o datos que solo tu tienda tiene.

<div id="how-to-use-these">
  ## Cómo usarlos
</div>

Pega un fragmento en el script de **Initialization** de tu carrito. En el editor del carrito, ve a **Cart settings → Custom script → Initialization**. Escribe JavaScript puro; sin etiquetas `<script>`. Consulta [Scripts personalizados](/es/aftersell/cart/custom-scripts) para los detalles.

<div id="the-use-cases">
  ## Los casos de uso
</div>

<Columns cols={2}>
  <Card title="Rastrear el agregar al carrito en una herramienta de terceros" icon="chart-line" href="/es/aftersell/cart/sdk-use-case-analytics">
    Envía eventos del carrito a Klaviyo, Triple Whale, GA4 o cualquier píxel de analítica.
  </Card>

  <Card title="Agregar automáticamente un regalo gratis en un umbral" icon="gift" href="/es/aftersell/cart/sdk-use-case-free-gift">
    Agrega un regalo cuando el total cruza un umbral y quítalo cuando vuelve a bajar.
  </Card>

  <Card title="Ocultar y renombrar líneas del carrito" icon="eye-slash" href="/es/aftersell/cart/sdk-use-case-hide-lines">
    Oculta líneas inyectadas por apps o líneas gratuitas, renómbralas y controla su orden.
  </Card>

  <Card title="Mostrar datos de metafields en las líneas del carrito" icon="tags" href="/es/aftersell/cart/sdk-use-case-metafields">
    Trae una estimación de entrega, una insignia o cualquier metafield a cada línea.
  </Card>

  <Card title="Abrir el drawer desde un page builder" icon="wand-magic-sparkles" href="/es/aftersell/cart/sdk-use-case-page-builder">
    Haz que Replo, PageFly, GemPages y botones personalizados abran el carrito.
  </Card>

  <Card title="Exigir aceptación de términos antes del checkout" icon="square-check" href="/es/aftersell/cart/sdk-use-case-terms-checkbox">
    Bloquea el checkout hasta que el comprador acepte tus términos.
  </Card>

  <Card title="Agrupar líneas de bundle de otra app" icon="boxes-stacked" href="/es/aftersell/cart/sdk-use-case-bundles">
    Haz que las líneas de carrito separadas de una app de bundles se rendericen como un solo artículo.
  </Card>
</Columns>