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

# Bloque Express payments

> El bloque Express payments del Aftersell Cart: muestra los botones de checkout acelerado de Shop Pay, PayPal y otros dentro del drawer.

> El bloque **Express payments** muestra botones de checkout acelerado (como Shop Pay, PayPal, Google Pay o Apple Pay) dentro del carrito, dando a los compradores las opciones de pago exprés que tu tienda ya ofrece para que puedan saltar directamente a un checkout de un solo toque.

<div id="behavior">
  ## Comportamiento
</div>

* El bloque **no renderiza sus propios botones.** Muestra los propios botones de checkout acelerado de Shopify dentro del drawer, así que qué métodos aparecen lo determina por completo la configuración de pagos de tu tienda.
* **Si tu tienda no tiene métodos de pago acelerado habilitados, no se renderiza nada.** Habilita métodos exprés (Shop Pay, PayPal, etcétera) en tu configuración de Shopify.
* **Por lo general, tu tema también necesita un cambio de código único.** El bloque *clona* los botones de checkout acelerado de Shopify desde la página de tu tienda, así que esos botones tienen que renderizarse allí en primer lugar.
* En el editor, el bloque muestra un placeholder en lugar de los botones reales.

<div id="adding-the-theme-snippet">
  ### Agregar el snippet al tema
</div>

El panel de configuración del bloque tiene una sección **Show recommended guide to edit your theme code** con el snippet exacto y un botón **Copy code**. En resumen:

1. Abre el editor de código de tu tema y luego `layout/theme.liquid`.
2. Encuentra la línea `<body>` y agrega una nueva línea debajo de ella.
3. Pega el snippet que te da el panel. Renderiza los botones de checkout acelerado de Shopify en un contenedor oculto, para que el carrito tenga algo que clonar.
4. Guarda.

<div id="settings">
  ## Configuraciones
</div>

| Configuración                 | Qué controla                                                                                          | Predeterminado |
| ----------------------------- | ----------------------------------------------------------------------------------------------------- | -------------- |
| **Default button height**     | La altura del botón en escritorio, en píxeles.                                                        | `42`           |
| **Mobile button height**      | La altura del botón en móvil, en píxeles.                                                             | `42`           |
| **Checkout button alignment** | `left`, `center`, `right` o `space-between`. Solo se aplica cuando los botones caben en una fila.     | `center`       |
| **Row gap**                   | Espaciado vertical entre filas, en píxeles. Solo se aplica cuando los botones ocupan más de una fila. | `8`            |

<div id="placement-and-limits">
  ## Ubicación y límites
</div>

* **Región:** parte inferior.
* **Máximo:** 1 por estado del carrito.
* **Estado:** solo carrito con artículos.
* No se agrega de forma predeterminada. No está bloqueado — puedes eliminarlo u ocultarlo.

<div id="custom-template">
  ## Plantilla personalizada
</div>

El bloque Express payments **no** admite una plantilla personalizada, porque aloja los propios botones de pago de Shopify. Dale estilo con las configuraciones de Design del bloque en su lugar.

<div id="design">
  ## Diseño
</div>

Dale estilo a este bloque con su sección **Design** en el panel de configuración. Son anulaciones por bloque que se aplican encima de tu diseño global y recurren a él cuando están en blanco.

¿Qué son las configuraciones de diseño? Aprende más aquí: [Configuraciones de diseño](/es/aftersell/cart/design-settings).
