Skip to main content
Esta guía te explica cómo configurar y colocar los widgets de checkout en Aftersell, desde habilitar los widgets hasta optimizar su ubicación en Shopify Checkout para maximizar las tasas de conversión.. Nota: Los widgets de checkout solo están disponibles para comerciantes de Shopify Plus debido a las restricciones de la API de Checkout Extensibility de Shopify.

​
Paso 1: Habilita tu widget en Aftersell

Antes de agregar widgets a tu checkout, necesitas habilitarlos en el panel de administración de Aftersell.
  1. Ve a la pestaña Checkout en tu panel de administración de Aftersell
  2. Selecciona el tipo de widget que quieres configurar (Upsells, Cart Controls, Rewards, Trust Badges, Testimonials, Notes, Images o Text)
  3. Haz clic en Create para construir un nuevo widget o selecciona un widget existente para editarlo
  4. Configura los ajustes de tu widget (consulta Tipos de widgets y configuración más abajo)
  5. Haz clic en el interruptor Enable en la esquina superior derecha de la configuración del widget
  6. Para upsells restringidos o avanzados, asegúrate de habilitar los activadores personalizados antes de continuar

​
Paso 2: Abre el Shopify Checkout Editor

Hay dos formas de acceder al Shopify Checkout Editor: Opción 1: Desde el panel de administración de Shopify
  1. Ve a Settings en tu panel de administración de Shopify
  2. Haz clic en Checkout en la navegación izquierda
  3. Haz clic en Customize junto al perfil de checkout deseado
Opción 2: Desde Aftersell
  1. Haz clic en el botón Open Shopify Checkout Editor en la parte inferior derecha de la página del editor de Checkout de Aftersell
💡 Consejo: La opción 1 te da más control sobre qué perfil de checkout estás editando. Recomendamos probar primero en una versión de borrador antes de activarla.

​
Paso 3: Agrega el bloque de aplicación a tu checkout

  1. En el Shopify Checkout Editor, haz clic en Add app block
  2. Selecciona el widget de Aftersell deseado de la lista de widgets disponibles
  3. Elige la ubicación correcta para tu widget (consulta Opciones de ubicación más abajo)
  4. Si quieres que tus widgets se muestren en el checkout de Shop Pay, marca la opción Include app block in Shop Pay
  5. Haz clic en Save en la esquina superior derecha

​
Paso 4: Posiciona tu widget

  1. Arrastra y suelta el bloque de aplicación en la ubicación deseada dentro del área de colocación seleccionada
  2. Haz clic en Save en la esquina superior derecha

​
Tipos de widgets y configuración

​
Ubicaciones

Las ubicaciones se crean en el editor de Checkout de Aftersell y te permiten ejecutar varios widgets del mismo tipo en la misma página de checkout. Por ejemplo, si quieres mostrar dos ofertas de upsell en la misma página, cada una debe asignarse a una ubicación diferente.

​
Ubicaciones disponibles

  • Default placement: La ubicación principal. Todos los tipos de widget comienzan aquí.
  • Additional placement 1: Un segundo espacio de ubicación para mostrar otro widget del mismo tipo en la misma página.
  • Additional placement 2: Un tercer espacio de ubicación para una separación adicional.
También puedes crear nuevas ubicaciones directamente desde el menú desplegable de ubicaciones en Aftersell seleccionando + Add new placement.

​
Cuándo usar varias ubicaciones

Usa varias ubicaciones cuando quieras:
  • Mostrar más de un widget del mismo tipo en una sola página de checkout
  • Mostrar widgets en diferentes secciones de la página
  • Segmentar diferentes audiencias con diferentes ofertas
  • Ejecutar widgets con activadores similares o superpuestos
Aftersell usa un sistema de prioridades. No puedes ejecutar varios widgets con activadores idénticos dentro de la misma ubicación. Si dos widgets comparten las mismas condiciones de activación en una ubicación, solo uno se mostrará según la prioridad. Para usar activadores similares, asigna cada widget a una ubicación diferente para que puedan ejecutarse de forma independiente sin conflicto.

​
Hacer coincidir las ubicaciones en el Shopify Checkout Editor

Cada ubicación en Aftersell corresponde a un bloque de aplicación separado en el Shopify Checkout Editor. La ubicación seleccionada en Shopify debe coincidir con la ubicación establecida en Aftersell. Por ejemplo, si un widget está asignado a Additional placement 1 en Aftersell, el bloque de aplicación en Shopify también debe configurarse en Additional placement 1. Si las ubicaciones no coinciden, el widget puede no aparecer o mostrarse en el lugar equivocado. Importante: Una discrepancia de ubicación es una de las razones más comunes por las que un widget no se muestra. Si un widget no aparece, confirma que la ubicación coincida tanto en Aftersell como en Shopify antes de seguir investigando.

​
Upsells

Ofrece productos a los clientes durante el checkout para aumentar tu valor promedio de pedido (AOV). Opciones de configuración: Modos de widget:
  • Single Product Upsell: Muestra un producto con un botón de agregar al carrito
  • Multi-Product Upsell: Muestra varios productos en un diseño de pila o carrusel, permitiendo a los clientes aceptar varias ofertas
  • Checkmark Upsell: Muestra un solo producto con una casilla en lugar de un botón de agregar al carrito (ideal para complementos de bajo costo como protección de envío)
Métodos de selección de productos:
  • Specific Products: Selecciona manualmente productos individuales para el upsell
  • Collection: Selecciona una colección y muestra hasta 5 productos aleatorios (los productos que ya están en el carrito se excluyen automáticamente)
  • AI Recommendations: Recomienda productos automáticamente según el contenido del carrito
  • Most Expensive Product: Ofrece automáticamente como upsell el producto más caro del carrito
  • Spend Threshold: Recomienda productos que ayuden a los clientes a alcanzar los umbrales de recompensa (requiere la barra de recompensas)
Funciones adicionales:
  • Agrega descuentos directamente dentro del widget
  • Bloquea los planes de suscripción a opciones específicas
  • Muestra las estrellas de reseñas de productos (requiere una aplicación de reseñas compatible)
  • Establece un número máximo de ofertas aceptadas por widget (solo tipos de upsell Single y Multi)
Más información sobre los widgets de upsell

​
Cart Controls

Permite a los clientes modificar su carrito directamente en la página de checkout. Controles disponibles:
  • Variant selector: Cambiar a otra variante en stock
  • Quantity selector: Ajustar las cantidades de productos
  • Remove item: Eliminar productos de upsell del carrito
  • Subscription selector: Cambiar la frecuencia de la suscripción
  • Subscription upgrade: Convertir compras únicas en suscripciones
  • Custom text: Agregar texto personalizado debajo de los artículos
Segmentación de productos:
  • Aplicar a todos los productos del carrito
  • Aplicar solo a los productos seleccionados
  • Aplicar a todos los productos excepto los seleccionados
Funciones adicionales:
  • Muestra las estrellas de reseñas de productos para los productos en el carrito
Más información sobre los controles del carrito

​
Rewards

Muestra una barra de progreso que indica a los clientes qué tan cerca están de obtener una recompensa. Opciones de configuración:
  • Tipo de objetivo: Order Value o Item Count
  • Base del monto (para objetivos de Order Value): Order total, Subtotal o Post-discount subtotal
  • Mensaje de recompensa y estilo
  • Colores y diseño de la barra de progreso
Mejores prácticas:
  • Combínala con widgets de upsell para ayudar a los clientes a alcanzar los umbrales de recompensa
  • Usa el tipo de producto de umbral de gasto en los upsells para recomendar automáticamente productos que cierren la brecha
  • Crea recompensas en Shopify usando Automatic Discounts (para recompensas de descuento) o Shipping Rules (para envío gratuito)
  • Usa Post-discount subtotal como base del monto al ofrecer envío gratuito, para que la barra coincida con la evaluación de umbrales propia de Shopify cuando se aplican códigos de descuento
Más información sobre las recompensas

​
Trust Badges

Genera confianza con íconos y texto personalizados para aumentar las tasas de conversión del checkout. Opciones de configuración:
  • Diseño de insignias: Pila vertical o visualización horizontal
  • Íconos y texto personalizados para cada insignia
  • Opciones de estilo y espaciado
Mejores prácticas:
  • Destaca las características de seguridad (checkout seguro, cifrado SSL)
  • Muestra garantías (garantía de devolución de dinero, devoluciones gratuitas)
  • Muestra beneficios de envío (envío gratuito, entrega rápida)
Más información sobre las insignias de confianza

​
Testimonials

Muestra reseñas de clientes directamente en el checkout para generar confianza. Opciones de configuración:
  • Flex Testimonials (recomendado): Obtiene automáticamente reseñas reales de tu aplicación de reseñas (Judge.me, Klaviyo, Okendo o Yotpo)
  • Modo de selección: Manual (elige reseñas específicas) o Dynamic (obtiene automáticamente reseñas según el contenido del carrito)
  • Tipo de visualización: Carrusel horizontal o pila vertical
  • Filtro de calificación mínima
Requisitos de configuración:
  • Configura las credenciales de la aplicación de reseñas en Settings > Product Reviews
  • Las reseñas se sincronizan automáticamente en un plazo de 24 horas y luego semanalmente
Más información sobre los testimonios

​
Notes

Permite a los clientes agregar notas a su pedido. Opciones de configuración:
  • Notas manuales: Campo de texto libre para la entrada del cliente
  • Notas predefinidas: Casillas para opciones como envoltura de regalo o empaque ecológico
Más información sobre las notas

​
Images

Sube y muestra imágenes personalizadas en tu checkout. Opciones de configuración:
  • Carga de imágenes
  • Control deslizante de ajuste de ancho
  • Sin requisito de tamaño mínimo
Más información sobre las imágenes

​
Text

Inserta un banner con texto personalizado en tu checkout. Opciones de configuración:
  • Cuatro estilos de banner:
    • Information: Fondo azul con ícono de información
    • Success: Fondo verde con ícono de marca de verificación
    • Critical: Fondo rojo con ícono de signo de exclamación
    • Warning: Fondo amarillo con ícono de triángulo de advertencia
  • Ajustes de tamaño del encabezado, tamaño del contenido y espaciado
Más información sobre el texto

​
Solución de problemas

​
Los widgets no se muestran

Si tus widgets no aparecen después de la configuración:
  1. Verifica que el widget esté habilitado en el panel de administración de Aftersell
  2. Comprueba que el bloque de aplicación esté agregado en el Shopify Checkout Editor
  3. Confirma que el bloque de aplicación esté guardado en el Shopify Checkout Editor
  4. Verifica que esté seleccionada la ubicación correcta. Al agregar un bloque de aplicación en el Shopify Checkout Editor, debes elegir la ubicación coincidente, como Default placement, Additional placement 1 o Additional placement 2. Si se selecciona la ubicación incorrecta, el widget puede no aparecer o mostrarse en el lugar equivocado. Elimina el bloque de aplicación y vuelve a agregarlo, asegurándote de seleccionar la ubicación prevista.
  5. Para Shop Pay: Verifica que “Include app block in Shop Pay” esté marcado
  6. Borra la caché del navegador o prueba el modo incógnito
  7. Espera unos minutos para que los cambios se propaguen

​
Los widgets de Shop Pay no aparecen

Para mostrar widgets en el checkout de Shop Pay:
  1. Abre el widget en el Shopify Checkout Editor
  2. Marca la opción Include app block in Shop Pay en Checkout behaviour
  3. Guarda tus cambios
Más información sobre los widgets de Shop Pay

​
Próximos pasos