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

# Módulo de pagos exprés

> Muestra botones de checkout acelerado debajo del botón de checkout principal en el cajón de Upcart.

<div id="overview">
  # Resumen
</div>

Esta función te permite mostrar las opciones de pago exprés de Shopify (como Shop Pay, Apple Pay o Google Pay) para una experiencia de checkout más rápida usando los métodos de pago guardados del comprador.

Los botones de checkout exprés o acelerado ayudan a los clientes recurrentes a completar sus compras más rápido al omitir la introducción manual de los datos de pago y envío. Estos botones aparecen **debajo del botón principal de Checkout** en el carrito y son gestionados por Shopify.

Upcart admite estos botones a nivel visual y estructural, pero **Shopify controla su comportamiento y visibilidad**.

📘 Más información en:\
Documentación de Shopify sobre checkouts acelerados\
Notas de la versión de Shopify sobre las reglas de estilo

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/express-payments-shop-pay-paypal-google.png?fit=max&auto=format&n=uxKAdY-e0h16xa48&q=85&s=dece6cba6c512237980466fd1b02dd87" alt="Botones exprés de Shop Pay, PayPal y Google Pay debajo del botón de checkout de Upcart" width="600" data-path="images/upcart/express-payments-shop-pay-paypal-google.png" />

<div id="getting-express-payments-to-show">
  # **Hacer que los pagos exprés se muestren**
</div>

Para mostrar los botones de checkout acelerado dentro de Upcart, tu tema de Shopify ya debe incluirlos en la tienda. Puedes hacerlo de la siguiente manera:

1. **Agregando un snippet al código de tu tema**

   * Ve a **Online Store > Themes > Edit Code**
   * Abre el archivo **layout/theme.liquid**
   * Busca la etiqueta de apertura `<body>` (no `</body>`)
   * Debajo de esa etiqueta, pega el siguiente código:

     ```
     {% if additional_checkout_buttons %} <div style="display: none !important"> {{ content_for_additional_checkout_buttons }} </div> {% endif %}
     ```
2. Guarda el archivo

Aquí tienes un ejemplo de cómo debería verse:

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/express-payments-additional-checkout-buttons-liquid.png?fit=max&auto=format&n=uxKAdY-e0h16xa48&q=85&s=25dd197de897db2a448ed1d15c4a8b1e" alt="El snippet Liquid de los botones de checkout adicionales agregado debajo de la etiqueta body en theme.liquid" width="1076" height="388" data-path="images/upcart/express-payments-additional-checkout-buttons-liquid.png" />

Una vez hecho esto, Upcart podrá detectar y renderizar tus opciones de pago exprés.

💡 Si prefieres no editar código, contacta a tu desarrollador o a un [Shopify Expert](https://experts.shopify.com).

<div id="accelerated-checkout-buttons-design">
  # Diseño de los botones de checkout acelerado
</div>

Una vez configurados tus botones, puedes personalizar cómo se ven dentro de Upcart.

<div id="button-height">
  ## **Altura del botón**
</div>

* Controla la altura para las vistas de escritorio y móvil de forma independiente (rango de 25–55 px)

<div id="checkout-button-alignment">
  ## **Alineación del botón de checkout**
</div>

* Elige cómo se alinean los botones exprés:

  * **Left**
  * **Right**
  * **Center**
  * **Space Between**

<div id="row-gap">
  ## **Espacio entre filas**
</div>

* Establece el espaciado vertical (en píxeles) entre los botones apilados

<div id="advanced-display-options">
  # **Opciones avanzadas de visualización**
</div>

<div id="hide-buyer-consent">
  ## **Ocultar el consentimiento del comprador**
</div>

Cuando está habilitada, esta opción oculta el mensaje de consentimiento del comprador que normalmente se muestra cuando hay un producto de suscripción en el carrito. Puede ayudar a reducir el desorden visual si ya proporcionas información relacionada en otro lugar.

<div id="render-cart-in-shadow-dom">
  ## **Renderizar el carrito en Shadow DOM**
</div>

Habilita esta opción para evitar que el CSS de tu tema de Shopify interfiera con el estilo de Upcart.\
Esto garantiza un diseño consistente en todos los navegadores y dispositivos.

Habilitarla también aplica la misma configuración de **Settings > Advanced Settings**.

<div id="theme-compatibility-notes">
  ## **Notas de compatibilidad con temas**
</div>

* Shopify ahora aplica **reglas de estilo estrictas** para los botones de checkout acelerado.
* La nueva versión de Upcart admite completamente estas reglas y seguirá el comportamiento de estilo de Shopify.

⚠️ Si estás usando **configuraciones antiguas de Express Payment**, se recomienda encarecidamente que:

* Hagas clic en **"Revert to Old Version"** solo si es necesario para temas desactualizados (v1.0.0)
* Desmarques cualquier opción de estilo guardada del módulo anterior para evitar interferencias con la nueva versión

##
