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

# Páginas vs. widgets independientes

En Checkout, hay dos formas de añadir widgets a tu Checkout: **Páginas** y **Widgets independientes**. Este artículo explica cómo funciona cada una, cuándo usarlas y cómo colocarlas en tu Checkout de Shopify.

<div id="which-should-i-use">
  ### **¿Cuál debo usar?**
</div>

|                           | **Páginas**                                            | **Widgets independientes**                |
| :------------------------ | :----------------------------------------------------- | :---------------------------------------- |
| **Ideal para**            | Mostrar varios widgets juntos                          | Mostrar un solo widget                    |
| **Activadores**           | Compartidos entre todos los widgets de la página       | Configurados individualmente por variante |
| **Límite de bloques**     | Máx. 5 bloques por tipo de widget                      | Máx. 3 bloques por tipo de widget         |
| **Colocación de bloques** | Un bloque de aplicación por widget dentro de la página | Un bloque de aplicación por widget        |

***

<div id="pages">
  ## **Páginas**
</div>

Una Página es un grupo de widgets que comparten un único grupo de activadores. Cuando se cumplen las condiciones de activación, todos los widgets de la página se muestran juntos. Las Páginas son ideales cuando quieres mostrar varios widgets a la misma audiencia al mismo tiempo.

<div id="creating-a-page">
  ### [**<u>​</u>**](/es/aftersell/pages-vs-standalone-widgets#creating-a-page)
</div>

**Crear una Página**

Al crear una página, tienes dos opciones: **Guided setup** o **Start from scratch**.

**Guided setup**

La configuración guiada te lleva por una configuración recomendada según el objetivo que elijas. La configuración sigue cuatro pasos: **Goal, Triggers, Widgets y Placement.**

**Paso 1: Goal**

Elige el objetivo que mejor se ajuste a lo que quieres lograr. Cada objetivo viene con un conjunto recomendado de widgets preconfigurados para ti.

| **Objetivo**                                                        | **Widgets recomendados**               |
| :------------------------------------------------------------------ | :------------------------------------- |
| Aumentar el valor promedio del pedido (AOV) y la tasa de conversión | Upsells, Trust Badges, Testimonials    |
| Generar confianza en el cliente y reducir el abandono               | Trust Badges, Cart Controls, Text      |
| Promocionar complementos y accesorios                               | Checkbox Upsells, Images, Testimonials |
| Animar a los clientes a alcanzar el umbral de envío gratuito        | Upsells (con Rewards), Text            |

**Importante:** tu objetivo no se puede cambiar después de guardar. Si necesitas un objetivo diferente, tendrás que eliminar la página y crear una nueva. Sin embargo, los widgets se pueden añadir o eliminar de una página en cualquier momento. Tómate un momento para elegir el objetivo que mejor se ajuste a tu estrategia antes de continuar.

Una vez que hayas seleccionado tu objetivo, haz clic en **Save and next** para continuar.

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/standalone-widgets-guided-setup-goal-step.gif?s=78da82a883425b9129df6cdfcb2009bf" alt="Paso Goal de la configuración guiada del Checkout con la lista de objetivos recomendados para elegir" width="1524" height="1080" data-path="images/aftersell/standalone-widgets-guided-setup-goal-step.gif" />

**Paso 2: Triggers**

Establece las condiciones bajo las cuales se mostrará tu página, o elige mostrar la página a todos los clientes sin condiciones. Para una lista completa de los activadores disponibles, consulta[ <u>Activadores del checkout</u>](/es/aftersell/checkout_triggers).

**Paso 3: Widgets**

Revisa los widgets que se han recomendado para tu objetivo. En esta etapa puedes añadir o eliminar widgets, y acceder a la configuración avanzada de cada widget. Para una lista completa de los tipos de widgets disponibles y sus ajustes, consulta[ <u>Tipos de widgets del checkout</u>](/es/aftersell/checkout_widget_types).

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/standalone-widgets-guided-setup-widgets-step.gif?s=b98a4e134d7764babe866dafc395ae98" alt="Paso Widgets de la configuración guiada revisando los widgets del checkout recomendados con una vista previa en vivo" width="1524" height="1080" data-path="images/aftersell/standalone-widgets-guided-setup-widgets-step.gif" />

**Paso 4: Placement**

Cada widget de tu página necesita colocarse individualmente en tu editor del Checkout de Shopify. A cada widget se le asigna un **BlockID** (p. ej., page-upsell-001, page-upsell-002) que se usa para identificarlo al añadir el bloque de aplicación en Shopify.

Se proporcionan recomendaciones de ubicación para ayudarte a decidir dónde colocar cada widget en la página de Checkout. Para colocar un widget:

1. Toma nota del **BlockID** asignado a tu widget en el panel de Aftersell.
2. Abre el **editor del Checkout de Shopify**.
3. Añade el **bloque de aplicación de Aftersell**.
4. En el menú desplegable, selecciona el BlockID que coincide con tu widget (p. ej., page-upsell-003).

**Nota:** cada widget dentro de una página **tiene su propio BlockID y debe añadirse como un bloque de aplicación independiente en el editor del Checkout de Shopify.** Un widget no se mostrará hasta que haya sido colocado.

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/standalone-widgets-checkout-editor-add-app-block.gif?s=5a9b1a8e9d9874dd4f7873d1893d10ee" alt="Editor del Checkout de Shopify añadiendo el bloque de aplicación de Aftersell y seleccionando su ubicación por BlockID" width="1052" height="1080" data-path="images/aftersell/standalone-widgets-checkout-editor-add-app-block.gif" />

***

**Start from scratch**

Start from scratch sigue el mismo proceso que Guided setup, pero omite el paso Goal. Configuras tus activadores, añades tus widgets manualmente y luego los colocas en tu editor del Checkout de Shopify usando sus BlockID.

**Editar una Página**

Puedes editar una página en cualquier momento después de crearla, incluyendo añadir o eliminar widgets y actualizar los activadores. Lo único que no se puede cambiar es el objetivo. Si necesitas cambiar el objetivo, elimina la página y crea una nueva.

**Duplicar una Página**

Para crear una copia de una página existente, haz clic en el icono **Duplicate** en la fila de la página en el panel. La página duplicada se crea en estado inactivo con el nombre precedido por "(Duplicated)" e incluye los mismos widgets y la misma configuración de activadores que la original. Puedes renombrarla y activarla cuando esté lista.

***

<div id="standalone-widgets">
  ## **Widgets independientes**
</div>

Los widgets independientes son widgets individuales, cada uno con sus propios activadores y prioridad, y son ideales para cuando solo necesitas mostrar un único widget todo el tiempo o a un grupo específico de clientes.

<div id="creating-a-standalone-widget">
  ### [**<u>​</u>**](/es/aftersell/pages-vs-standalone-widgets#creating-a-standalone-widget)
</div>

**Crear un widget independiente**

Haz clic en **Create widget** desde el panel. Se te pedirá que selecciones dos cosas:

* **Widget type**: el tipo de widget que quieres crear (Upsells, Rewards, Trust Badges, Testimonials, Cart Controls, Notes, Text o Images). Para un desglose completo de cada tipo de widget y sus ajustes, consulta[ <u>Tipos de widgets del checkout</u>](/es/aftersell/checkout_widget_types).
* **Block**: a qué bloque añadir el widget. Hay tres bloques disponibles, y la nomenclatura sigue el tipo de widget que hayas seleccionado. Por ejemplo:
  * Upsells: Default upsell, Additional upsell 1, Additional upsell 2
  * Trust Badges: Default trust badge, Additional trust badge 1, Additional trust badge 2
  * Y así sucesivamente para cada tipo de widget

Cada bloque puede contener varias variantes. El contador de bloques en la parte superior derecha del selector muestra cuántos de los 3 bloques disponibles has creado (p. ej., 2/3 significa 2 bloques creados, 1 restante).

<div id="block-limit">
  ### [**<u>​</u>**](/es/aftersell/pages-vs-standalone-widgets#block-limit)
</div>

**Límite de bloques**

Se puede usar un máximo de **3 bloques** para los widgets independientes. Una vez que los 3 bloques estén en uso, la opción **Add new block** no estará disponible y no se podrán crear widgets adicionales del mismo tipo hasta que se elimine un bloque existente.

<div id="placement">
  ### [**<u>​</u>**](/es/aftersell/pages-vs-standalone-widgets#placement)
</div>

**Colocación**

Cada widget independiente debe colocarse en tu editor del Checkout de Shopify como su propio bloque de aplicación. Al añadir un bloque de aplicación en Shopify, verás las opciones de BlockID para tus widgets independientes listadas como:

* Default placement
* Additional placement 1
* Additional placement 2

Estas opciones de colocación determinan el orden en que los widgets aparecen en tu experiencia de checkout.

**Nota:** para los widgets de upsell, la colocación también corresponde a la secuencia en la que se muestran las ofertas de upsell (p. ej., primer, segundo, tercer upsell mostrado).

Para colocar un widget:

1. Abre el **editor del Checkout de Shopify**.
2. Añade el **bloque de aplicación de Aftersell** en la ubicación deseada.
3. En el menú desplegable, selecciona el BlockID que corresponde a tu widget.

***

<div id="analytics">
  ## **Analíticas**
</div>

Las analíticas están disponibles tanto para las Páginas como para los widgets independientes. Puedes ver los datos de rendimiento de cualquier página o widget individual haciendo clic en el **icono de gráfico de barras** junto a él en el panel, desde dentro del propio editor o desde la pestaña Analytics en la navegación lateral
