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

# Agregar un widget de checkout a tu checkout de Shopify

> Cómo personalizar el checkout de Shopify con widgets de Aftersell, agregar bloques de app como Testimonials y ajustar su posición antes de publicarlos

Después de [crear tus primeros widgets de checkout en Aftersell](/es/aftersell/creating_your_first_checkout_widget), el siguiente paso es agregar los widgets en tu checkout de Shopify.

***

<div id="step-1-navigate-to-shopify-checkout-customization-page">
  ## Paso 1: Navega a la página de personalización del checkout de Shopify
</div>

Hay dos maneras de hacerlo:

1. Navega a la pestaña "Settings" en Shopify. Haz clic en "Checkout" en la navegación del lado izquierdo. Haz clic en "Customize" junto al perfil de checkout deseado.
2. Haz clic en "Open Shopify Checkout Editor" en la parte inferior derecha de la página del editor de checkout de Aftersell.

La primera opción te dará más granularidad sobre qué perfil de checkout estás editando, mientras que la segunda opción te llevará a la versión activa (live) de tu checkout. Recomendamos probar primero en una versión de borrador para asegurarte de que todo funcione como deseas antes de publicarla.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-install-settings-tab-customize-button.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=77442f8be63f9a08ae3dc3fe0d1e569a" alt="Configuración del checkout de Shopify con la pestaña Checkout y el botón Customize resaltados" width="2216" height="934" data-path="images/aftersell/checkout-widget-install-settings-tab-customize-button.png" />

***

<div id="step-2-add-an-app-block">
  ## Paso 2: Agrega un bloque de app
</div>

Haz clic en "Add app block" en la página de personalización del checkout de Shopify.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-install-add-app-block-button.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=f6ba0d6ab535b750f8487c408e99ef69" alt="Editor de checkout de Shopify con una flecha apuntando al botón Add app block" width="3486" height="1964" data-path="images/aftersell/checkout-widget-install-add-app-block-button.png" />

Se te presentarán las diferentes opciones de widgets que ofrece Aftersell. En este ejemplo, seleccionaremos el Trust Badges Widget.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-install-block-picker-listing-rokt.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=6b6c6f415043aff812c76705409501c6" alt="Selector de bloques de Shopify mostrando las opciones de widgets de Aftersell by Rokt, como Trust Badges Widget" width="3478" height="1954" data-path="images/aftersell/checkout-widget-install-block-picker-listing-rokt.png" />

Después de seleccionar el widget deseado, selecciona la ubicación correcta y luego presiona guardar en la esquina superior derecha. Puedes considerar marcar la opción "Include app block in Shop Pay" si quieres que tus widgets de checkout se muestren en el checkout de Shop Pay.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-install-trust-badges-block-settings.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=114dab51d2102e86e8b8f0865ee8dc33" alt="Configuración del bloque Trust Badges Widget con un menú desplegable de ubicación y el botón Save resaltado" width="3482" height="912" data-path="images/aftersell/checkout-widget-install-trust-badges-block-settings.png" />

***

<div id="step-3-change-app-block-position">
  ## Paso 3: Cambia la posición del bloque de app
</div>

Arrastra y suelta el bloque de app a la ubicación deseada y presiona guardar en la esquina superior derecha.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-install-drag-app-block.gif?s=7d17314d5e47e74b202e18baf3867e7a" alt="Arrastrando un bloque de app de Aftersell para reposicionarlo en el editor de checkout de Shopify" width="1916" height="1080" data-path="images/aftersell/checkout-widget-install-drag-app-block.gif" />