> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.pandectes.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Checkout block

Permite que los clientes den su consentimiento en las páginas de checkout. Comprende cómo usar la función checkout block en tu tienda Shopify con nuestra guía completa. Garantiza un proceso de pago fluido y conforme a la normativa.

Todos los planes de Shopify pueden añadir nuestro checkout block a la página de agradecimiento.

### Introducción

En este artículo describimos cómo puedes añadir nuestro banner de cookies dentro de tu checkout añadiendo nuestra extensión de checkout. Nuestra extensión sigue las recientes actualizaciones de Shopify sobre Shopify Checkout Extensibility.

### Transición a Shopify Checkout Extensibility

A partir del **13 de agosto de 2024**, checkout.liquid para las páginas de información, envío y pago se desactivará y dejará de ser compatible.

A partir del **28 de agosto de 2025**, checkout.liquid para las páginas de agradecimiento y de estado del pedido se desactivará y dejará de ser compatible. Esto también incluye la desactivación de las apps que usan etiquetas script y scripts adicionales en las páginas posteriores a la compra y de estado del pedido. Shopify Scripts seguirá funcionando junto con checkout extensibility hasta esa fecha.

Los comerciantes de **Shopify Plus** ahora pueden utilizar checkout extensibility para personalizar sus páginas de checkout, agradecimiento, estado del pedido y cuenta de cliente.

### Añadir el checkout block con el banner de cookies

Si es la primera vez que añades un checkout block a tu checkout, primero tendrás que añadir el bloque al editor de checkout. Una vez que hayas accedido a la sección checkout block dentro de los ajustes de nuestra app, haz clic en el botón add to editor. Esto te permitirá abrir el editor de checkout que proporciona Shopify.

![](https://storage.crisp.chat/users/helpdesk/website/1a5af239e847cf00/chrome-capture-2024-3-25-3_1x2i96s.gif =800x576)

Verás que aquí está el checkout block de nuestra app. Haz clic en él y añadirá uno a la página; luego arrástralo y suéltalo donde quieras que aparezca tu checkout block. En este caso, queremos que aparezca dentro del encabezado.

Ahora verás una vista previa a la derecha en la sección del encabezado. 

![](https://storage.crisp.chat/users/helpdesk/website/1a5af239e847cf00/image_11vllj4.png =600x327)

Haz clic en save en la parte superior derecha del editor de páginas. Ahora tu checkout block aparecerá dentro del checkout.

Este proceso de añadir el checkout block y seleccionar su ubicación es común para las páginas: **Information**, **Shipping** y **Payment**. 
Para la página **Thank you** debes repetir los mismos pasos para añadir y colocar el bloque allí.

![](https://storage.crisp.chat/users/helpdesk/website/1a5af239e847cf00/image_m28bzs.png =800x430)

Sal del editor de checkout, vuelve a la app y luego ve a **All settings > Checkout block**.

### Opciones del checkout block

En primer lugar, el banner que se carga como checkout block dentro del checkout tiene algunas limitaciones de Shopify en cuanto al diseño y el estilo. Esto significa que el banner dentro del checkout utiliza los siguientes ajustes de nuestra app:

**1. Banner type**
**2. Privacy / Imprint links**
**3. Content & Translations**

Además, ofrecemos algunas opciones más específicas para el proceso de checkout. Son:

1. **Persist Banner Post-Consent**: activa esta opción para mantener el banner visible en el checkout, incluso después de que se haya dado el consentimiento inicial (desde la tienda y antes de entrar en el checkout). Esta opción mejora la transparencia y reafirma el consentimiento.
2. **Collapsible Banner Mode**: esta opción permite que el banner se cargue en estado contraído en el checkout, lo que ahorra espacio en la página. Un botón permitirá expandirlo para ver más detalles.

||| Nota: las extensiones de la interfaz de usuario del checkout para los pasos de información, envío y pago solo están disponibles para tiendas con un plan Shopify Plus.

### Motivos habituales por los que el bloque no aparece en el checkout

* No has añadido la extensión de checkout dentro del editor de checkout de Shopify. Puedes encontrarlo en los ajustes de tu tienda, en "Checkout". Asegúrate de añadir la extensión correspondiente al checkout.
* La opción Persist Banner Post-Consent está desmarcada y ya has dado el consentimiento antes del checkout.

Si ninguno de los puntos anteriores se aplica a tu bloque, puede que haya un error. Ponte en contacto con nosotros a través del chat de soporte de la app y estaremos encantados de ayudarte.