Skip to main content

​
Widgets a nivel de embudo

​
Barra de progreso

La barra de progreso muestra a los clientes en qué punto del flujo post-compra se encuentran. Cuando está habilitada, la barra de progreso aparece en todas las ofertas de upsell dentro del embudo. Cualquier cambio realizado en la barra de progreso se aplica a todo el embudo. Barra de progreso post-compra con los pasos Cart, Order placed, Special offer y Done Opciones de configuración
  • Activa o desactiva la barra de progreso para el embudo
  • Elige un estilo de visualización:
    • Minimal
    • Minimal with labels
    • Maximal
  • Selecciona una apariencia Black o White
  • Ajusta el relleno superior e inferior para controlar el espaciado

​
Widgets a nivel de oferta

Los widgets a nivel de oferta controlan el contenido y el comportamiento de una oferta de upsell individual. Estos widgets definen lo que el cliente ve en un paso de upsell específico, incluyendo mensajes, urgencia, información del producto, detalles de precios y acciones. Cada oferta de un embudo se puede personalizar de forma independiente usando widgets a nivel de oferta, lo que te permite adaptar la experiencia en cada paso. Estos widgets incluyen:
Texto
Temporizador
Producto de upsell
Selección de producto
Descuento
Insignia
Envío
Imagen
Botones
Desglose de precios
Detalles del producto
Opciones de variante y plan
Diseño
Vídeo
Testimonios

​
Texto

El widget de Texto se usa para títulos y textos de apoyo a lo largo de una oferta. Admite un título y un texto de cuerpo opcional, con controles para el tamaño de fuente, color, grosor, alineación, tachado y espaciado. Usa la variable dinámica {first-name} para personalizar los mensajes para cada cliente.

​
Temporizador

El widget de Temporizador añade urgencia mostrando una cuenta regresiva en vivo. Mientras el temporizador está en marcha, la oferta permanece visible. Cuando el temporizador llega a cero, la oferta de upsell desaparece automáticamente y el cliente avanza en el embudo.

​
Producto de upsell

El widget de Producto de upsell es el corazón de la oferta. Define qué producto se muestra y actúa como contenedor de todos los widgets relacionados con el producto que se describen a continuación. Todo lo que sigue se configura dentro de este widget.

​
Selección de producto

El widget de selección de producto controla qué producto se muestra en una oferta de upsell. Puedes seleccionar un producto fijo o determinar dinámicamente el producto de upsell según el pedido original del cliente, lo que permite experiencias de upsell tanto estáticas como adaptativas.

​
Opciones de tipo de producto

  • Specific product
    Muestra siempre el mismo producto en el upsell.
  • Automatic upsell
    Selecciona dinámicamente un producto usando una lógica de upsell predefinida.
  • Most expensive in cart
    Usa el artículo de mayor precio del pedido original del cliente.
  • Least expensive in cart
    Usa el artículo de menor precio del pedido original del cliente.

​
Cambiar el producto

El producto seleccionado aparece en la parte superior del widget. Para cambiarlo:
  1. Haz clic en Change product
  2. Selecciona un tipo de producto
  3. Elige o confirma el producto
Al navegar por la pestaña Products del selector, puedes marcar Active products only para ocultar de la lista los productos en borrador (Draft) y archivados (Archived). Este filtro está desactivado por defecto y solo se aplica a la pestaña Products — las colecciones no se ven afectadas. Editor de ofertas de Aftersell mostrando el panel Edit upsell product junto a una vista previa en vivo de la oferta

​
Identificar productos con nombres idénticos

Si tu tienda tiene varios productos o variantes con el mismo título, habilita el conmutador Show IDs en el selector de productos para mostrar el ID numérico de producto de Shopify y el ID de variante debajo de cada nombre. Esto facilita confirmar que estás seleccionando el producto correcto. El conmutador Show IDs está disponible en la pestaña Product del selector y está desactivado por defecto. No está disponible en la pestaña Collection.

​
Descuento

El widget de Descuento aplica y muestra precios promocionales. Puedes elegir entre un descuento porcentual (%) o un descuento de importe fijo ($). Se puede añadir un texto de descuento personalizado si lo deseas, y el descuento puede hacer referencia al precio de comparación del producto o ignorarlo.

​
Atajo de descuento masivo para ofertas multiproducto

Para las ofertas multiproducto y de colección, aparece una sección de Discount directamente en los ajustes del widget Upsell Products — debajo del área de selección de productos. Esto te ofrece una forma más rápida de establecer o actualizar descuentos en varios productos sin abrir los ajustes individuales de cada producto. La sección está contraída por defecto. Cuando la expandes:
  • Se muestra una lista de todos los productos de la oferta, cada uno con una casilla y una insignia que muestra su descuento actual (por ejemplo, 17% off o $18.00 off).
  • Selecciona los productos que quieres actualizar usando las casillas. Todos los productos están seleccionados por defecto.
  • Una etiqueta debajo de la lista muestra a cuántos productos se aplicarán tus cambios.
  • Usa los campos de tipo y valor del descuento para establecerlo. Los cambios se aplican solo a los productos seleccionados — los no seleccionados conservan sus descuentos existentes.

​
Descuentos mixtos entre productos

Cuando los productos seleccionados tienen diferentes ajustes de descuento, los campos muestran texto indicativo para señalar la variación:
  • Si los productos tienen diferentes tipos de descuento (por ejemplo, algunos son % de descuento y otros $ de descuento), el selector de tipo muestra Mixed.
  • Si los productos tienen diferentes valores de descuento o tipos, el campo de valor muestra Multiple values con una nota indicando que introducir un nuevo valor sobrescribirá el descuento actual de cada producto seleccionado.

​
Icono de información en las filas de productos

Aparece un icono de información (i) junto a la insignia de descuento de un producto cuando ese producto tiene ajustes de descuento adicionales configurados — como un título de descuento personalizado, un precio de comparación o un descuento de suscripción. Al pasar el cursor sobre el icono se muestra un resumen de esos extras.

​
Insignia

El widget de Insignia destaca atributos clave del producto, como la popularidad o la urgencia. Puedes seleccionar una etiqueta de insignia predefinida, elegir entre varios estilos visuales, incluir un icono y controlar dónde aparece la insignia en la oferta o directamente sobre la imagen del producto. Oferta post-compra mostrando una insignia Trending encima del título del producto Se pueden subir imágenes de insignia personalizadas desde Advanced badge settings (SVG o PNG, hasta 10 MB).
La edición de insignias está disponible solo en las ofertas V2. Las ofertas V1 conservan las insignias que se hayan configurado previamente, pero los ajustes de insignia no se pueden editar en las ofertas V1.

​
Sección Badges: insignia de oferta e insignia de imagen de producto

Los ajustes del widget Badge forman una sección unificada de Badges con dos controles independientes, cada uno de los cuales extrae de tu biblioteca de insignias guardadas:
  • Offer badge — se coloca en el contenido de la oferta, no sobre la imagen del producto. Selecciona cualquier insignia guardada y configura:
    • Position in offer — Above product title (el valor predeterminado para las insignias nuevas), Adjacent to product price o Below product price.
    • Spacing from price — la separación cuando la insignia está adyacente al precio (0–3); se muestra solo para la posición Adjacent.
    • Badge size — cómo de grande aparece la insignia en la oferta.
  • Product image badge — superpuesta sobre la imagen del producto. Selecciona una insignia guardada y configura:
    • Size on image — Small (1×), Medium (1.5×, the default) o Large (2×).
    • Position on image — las nueve posiciones desde Top left hasta Bottom right.
    • Show badge on all product images — desactivado por defecto, por lo que solo se pone la insignia en la imagen principal; actívalo para mostrar la insignia en todas las imágenes del carrusel del producto. Se aplica tanto a ofertas de un solo producto como multiproducto.
Ambas insignias son opcionales y se configuran de forma independiente — eliminar una no afecta a la otra. En un diseño spotlight multiproducto, el producto destacado (hero) no admite una insignia de imagen de producto. Para las ofertas box, tanto la insignia de oferta como la de imagen de producto están disponibles en cada candidato del box.

​
Crear y gestionar insignias guardadas

Las insignias guardadas son reutilizables en todas las ofertas y se crean y editan desde el generador de insignias, al que se accede desde la sección Badges. Abre la sección, haz clic en Create badge (o elige una insignia existente), dale un nombre interno, elige un tipo y guárdala.
  • Text badge — configura el texto, una shape (Pill, Rectangle, Circle, Ribbon o Starburst), un icono opcional, un color de fondo y un color de texto. Hay disponibles sugerencias de texto predefinidas (por ejemplo, Bestseller, Free shipping, New, Lowest price o Limited time offer) para una configuración rápida. Font size establece el tamaño del texto en píxeles, medido respecto a una imagen de referencia de 500 px y escalado proporcionalmente cuando se renderiza la insignia.
  • Image badge — sube una imagen ráster (PNG, JPEG, WebP, GIF o AVIF). Badge size establece la altura de la imagen en píxeles; la anchura se ajusta para conservar la relación de aspecto.
Una vista previa en vivo se actualiza a medida que configuras la insignia. Editar una insignia guardada actualiza todas las ofertas que la usan una vez que se guarda el embudo, y eliminarla la elimina de todas las ofertas que la usan.

​
Envío

El widget de Envío controla cómo se comunican los costes de envío. Puedes ofrecer envío gratuito o cobrar por el envío estableciendo un precio de envío específico.

​
Imagen

El widget de Imagen controla cómo se muestran las imágenes del producto. Incluye opciones para ajustar el tamaño de la imagen principal, añadir un borde, habilitar un carrusel de imágenes y subir una imagen de producto personalizada desde Advanced image settings.

​
Idioma

La sección de Idioma controla qué idioma se usa para todo el texto del sistema en la oferta, incluyendo el texto de los botones, las etiquetas de suscripción, las etiquetas de precios y otras cadenas no editables. Selecciona un idioma en el desplegable Language para traducir automáticamente el texto del sistema para esa oferta. Aftersell admite 32 idiomas. Este ajuste no afecta a las insignias ni a los campos de texto personalizados — solo se traduce el texto generado por el sistema.

​
Botones

El widget de Botones controla cómo los clientes aceptan o rechazan un upsell durante el checkout. Puedes personalizar el comportamiento y la apariencia de los botones, incluyendo:
  • Seleccionar el texto predeterminado del botón de aceptación
  • Requerir un clic de confirmación antes de aceptar un upsell
  • Cambiar el estilo del botón de rechazo (por ejemplo, botón o enlace)
  • Ajustar la alineación de los botones y su anchura
  • Añadir texto de apoyo opcional encima o debajo de los botones, con controles de estilo y compatibilidad con variables dinámicas

​
Texto de los botones

Puedes configurar el texto del botón de aceptación de tus ofertas post-compra usando el desplegable Default accept button text. Las opciones disponibles dependen del tipo de oferta: Ofertas estándar:
  • Pay Now - Muestra “Pay Now • [precio total del producto]” (o “Add Now • Free” para productos gratuitos)
  • Accept Offer - Muestra “Accept Offer” independientemente del precio
Ofertas de Subscription Upgrade:
  • Upgrade Subscription - Muestra “Upgrade Subscription” (predeterminado para nuevas ofertas de Subscription Upgrade)
  • Accept Offer - Muestra “Accept Offer” independientemente del precio
  • Pay Now - Muestra “Pay Now • [precio total del producto]” (o “Add Now • Free” para productos gratuitos)
Para traducir el texto de los botones, usa la sección Language situada encima de la sección Buttons.

​
Opciones de disposición de los botones

También puedes controlar la posición de los botones de aceptar y rechazar uno respecto al otro. Se admiten las siguientes disposiciones:
  • Accept above decline - Muestra el botón de aceptar encima de la opción de rechazar
  • Decline above accept - Muestra la opción de rechazar encima del botón de aceptar
  • Accept beside decline - Muestra los botones de aceptar y rechazar uno al lado del otro
Estas opciones de disposición te dan más flexibilidad para adaptarte a la experiencia de checkout y la jerarquía de mensajes que desees.

​
Desglose de precios

El widget de Desglose de precios añade claridad en torno a los precios. Puede mostrar el envío y los impuestos, incluir detalles adicionales como el subtotal y los descuentos, y alinearse o posicionarse cerca de los botones de pago para lograr la máxima claridad.

​
Ocultar la línea de ajuste de envío

Cuando tu oferta está configurada como un replacement upsell (usando el ajuste “Replace item in original order with upsell”), el desglose de precios incluye una línea de Shipping adjustment que refleja cualquier diferencia de coste de envío entre el producto original y el de reemplazo. Puedes suprimir esta línea usando la casilla Hide shipping adjustment line, que aparece en la sección Price Breakdown solo cuando hay un replacement upsell configurado. Este ajuste está desactivado por defecto, por lo que las ofertas existentes no se ven afectadas.
  • Cuando está marcada, la línea de ajuste de envío se oculta del desglose de precios del cliente.
  • Cuando no está marcada, la línea de ajuste de envío se muestra con normalidad.
Este ajuste solo afecta a la línea de ajuste de envío en las ofertas de replacement upsell. La línea de envío estándar en ofertas que no son de reemplazo no se ve afectada.

​
Detalles del producto

El widget de Detalles del producto controla cómo se presenta la información clave del producto. Admite valoraciones de reseñas del producto (ocultas automáticamente si no existen reseñas), un selector de cantidad opcional y la posibilidad de omitir la oferta si el producto ya existe en el pedido original. Los títulos y precios de los productos son completamente estilizables y admiten algunas variables dinámicas como {product}, {original-price}, {current-price}, {savings} y {savings-line}. Se puede añadir una descripción de oferta opcional para reforzar el valor o la urgencia. Las valoraciones de reseñas provienen de tu app de reseñas de productos. La mayoría de las apps de reseñas, incluidas Judge.me, Stamped, ReviewsIO, Junip, Okendo y Shopify Product Reviews, funcionan automáticamente sin credenciales. Yotpo Product Reviews requiere una configuración adicional. Consulta Integración de Aftersell y Yotpo Reviews.

​
Colores de las estrellas de las reseñas del producto

Cuando Show product reviews rating está habilitado, puedes personalizar los colores de la visualización de la valoración por estrellas:
  • Star color — el color de las estrellas rellenas (activas). Por defecto es #fdcc0d (amarillo).
  • Empty star color — el color de las estrellas sin rellenar (inactivas). Por defecto es #d1d5db (gris claro).
Para cambiar los colores, abre los ajustes del widget Product Details, habilita Show product reviews rating y usa los campos de color para establecer los valores hexadecimales que prefieras.

​
Cantidad predefinida

La configuración Quantity preset controla cuántas unidades se agregan cuando se acepta la oferta. Aparece en la configuración de Product Details de todas las ofertas V2, independientemente de si se muestra el selector de cantidad. Están disponibles las siguientes opciones predefinidas:
  • Fixed — Establece una cantidad específica. El cliente no puede cambiarla.
  • Percentage of purchased quantity — Establece la cantidad como un porcentaje del número de unidades que el cliente compró originalmente.
  • Minimum quantity — Establece un mínimo de cantidad. El cliente empieza en este valor y puede aumentarlo a partir de ahí.
  • Maximum quantity — Establece un tope de cantidad. El cliente empieza en 1 y no puede aumentar más allá del máximo configurado (hasta 20). Solo se muestra un mensaje que indica el máximo cuando el selector de cantidad también está habilitado.

​
Posición de la descripción

Para las ofertas de un solo producto, puedes controlar dónde aparece la descripción del producto en relación con los botones CTA:
  • Default (above buttons) - La descripción aparece encima de los botones de aceptar y rechazar
  • Below buttons - La descripción aparece debajo de los botones de aceptar y rechazar
Este ajuste te permite adaptar el diseño para que se ajuste mejor a tu jerarquía de mensajes y preferencias de diseño.

​
Opciones de variante y plan

El widget de Variant & Plan Options controla la visibilidad de las variantes, la selección y el bloqueo del plan de suscripción. Puedes mostrar u ocultar las variantes agotadas, ocultar todo el producto si todas las variantes no están disponibles y controlar si se muestran las opciones de variante con una sola opción. Los ajustes avanzados te permiten ocultar por completo el selector de variantes. Las opciones de preselección de variantes incluyen Smart matching con la compra inicial, Unselected (que requiere la selección del usuario) o First available variant. Para productos con varias opciones de variante, se muestran todas las opciones y se preselecciona una variante en stock cuando está disponible; las opciones agotadas se muestran como no disponibles. Para productos con una sola opción de variante, las opciones agotadas se ocultan.

​
Bloqueo del plan de suscripción

Al ofrecer productos de suscripción con varios planes de suscripción, puedes bloquear la oferta a un plan específico. Esto impide que los clientes cambien el plan de suscripción durante la experiencia post-compra, garantizando que reciban exactamente la opción de suscripción que has configurado. Para bloquear un plan de suscripción:
  1. En la sección Variant & Plan Options, localiza el desplegable Lock subscription plan
  2. Selecciona un plan específico en el desplegable
  3. El plan ya está bloqueado — los clientes verán el nombre del plan como texto estático en lugar de un desplegable modificable
Panel Variant and Plan Options con el desplegable Lock subscription plan
Cuando un plan está bloqueado:
  • Los clientes ven el nombre del plan mostrado como texto
  • El desplegable de selección de plan se oculta
  • Los clientes no pueden cambiar el plan de suscripción
  • Si el plan bloqueado ya no está disponible en Shopify, la oferta vuelve de forma controlada a mostrar todos los planes disponibles
Restablecimiento automático: El ajuste de plan bloqueado se restablece automáticamente si cambias la opción de compra del producto a solo compra única (eliminando la opción de suscripción).

​
Posición del selector de variantes

Puedes controlar dónde aparece el selector de variantes en relación con los botones CTA:
  • Above CTA buttons (default) - El selector de variantes aparece encima de los botones de aceptar y rechazar
  • Below CTA buttons - El selector de variantes aparece debajo de los botones de aceptar y rechazar
Cuando tanto el selector de variantes como la descripción del producto están posicionados debajo de los botones CTA, puedes controlar su orden:
  • Variant selector first - El selector de variantes aparece antes de la descripción del producto
  • Description first - La descripción del producto aparece antes del selector de variantes
También puedes ajustar el relleno superior e inferior del selector de variantes para afinar el espaciado y crear el diseño visual deseado.

​
Diseño

El widget de Diseño controla la estructura general y el espaciado del upsell. Puedes elegir entre un diseño de una o dos columnas, ajustar la anchura máxima del diseño y afinar el relleno superior e inferior para crear una experiencia limpia y legible.

​
Vídeo

El widget de Vídeo añade una miniatura clicable a una oferta que abre un reproductor de vídeo alojado en una pestaña nueva, con un fondo estilizado y un botón para volver al upsell. El vídeo se reproduce en una pestaña nueva en lugar de en línea, por lo que la oferta de upsell permanece abierta en la pestaña original. El widget también admite un color de fondo para que coincida con tu marca o para centrar la atención en el reproductor, y ajustes de diseño para la alineación (izquierda, centro, derecha) y el relleno superior e inferior. Para previsualizar la experiencia del cliente, haz clic en la miniatura en la vista previa de la oferta del editor. El reproductor de vídeo alojado se abre en una pestaña nueva exactamente como lo hará en el escaparate, para que puedas confirmar la miniatura, el CTA y los comportamientos de cierre antes de publicar.

​
Compatibilidad con navegadores

El widget de vídeo abre el reproductor en una pestaña nueva. En escritorio esto siempre funciona, así que el widget siempre se muestra. En móvil funciona al revés: Aftersell muestra el widget solo en navegadores que reconoce como capaces de abrir una pestaña nueva sin sacar al cliente del checkout. Eso incluye los navegadores móviles nativos — Safari, Chrome, Firefox y otros bien conocidos — junto con los navegadores integrados de Facebook e Instagram. Todos los demás navegadores móviles ocultan el widget. Eso incluye navegadores integrados como los de la app de Google, TikTok y Pinterest, webviews genéricos y cualquier cosa que Aftersell no reconozca. Como los navegadores no reconocidos se ocultan en lugar de mostrarse, el conjunto de entornos donde el widget no aparecerá no es una lista fija — un navegador que Aftersell no haya visto antes también lo oculta. Donde el widget está oculto, puedes subir una imagen de respaldo para mostrar en su lugar — una imagen promocional estática o un gráfico de marca, por ejemplo. Se muestra sin enlace ni botón de reproducción. Si no se establece ninguna imagen de respaldo, no se renderiza nada en lugar del widget.
Establece una imagen de respaldo en cualquier widget de vídeo que publiques. Como todo lo no reconocido se oculta, tus fuentes de tráfico por sí solas no te dirán si algunos clientes no están viendo el widget — y sin una imagen de respaldo, esos clientes no ven nada en absoluto.

​
Fuente del vídeo

El widget reproduce un único vídeo desde una de dos fuentes. Usa el conmutador Upload / Link en los ajustes del widget para elegir qué fuente usa el reproductor:
  • Upload — arrastra y suelta o selecciona un archivo MP4, WebM o MOV (hasta 50 MB) para alojarlo directamente en tus Shopify Files. Después de subirlo, Shopify procesa el archivo y aparece una vista previa en el editor.
  • Link — pega una URL de YouTube, una URL de Vimeo o un enlace directo a un archivo de vídeo alojado (por ejemplo, un MP4 en tu propio CDN).
Puedes rellenar ambas, pero solo se reproduce la fuente seleccionada en el conmutador — la otra se mantiene detrás de su pestaña y no se usa como respaldo automático. Si solo hay una fuente establecida, esa fuente se reproduce independientemente del conmutador. Debes establecer al menos una fuente — un vídeo subido o un enlace de vídeo — antes de poder guardar el widget. El campo de enlace acepta lo siguiente:
  • YouTube — usa la URL estándar del vídeo (por ejemplo, https://youtu.be/VIDEO_ID o https://www.youtube.com/watch?v=VIDEO_ID). Las URL de YouTube Shorts (youtube.com/shorts/...) no se admiten — abre el vídeo en YouTube y usa el enlace de compartir en su lugar.
  • Vimeo — usa la URL estándar del vídeo (por ejemplo, https://vimeo.com/VIDEO_ID). Las URL de showcase, y las páginas de canal o perfil que no apuntan a un vídeo específico, no se admiten — usa la URL del vídeo individual desde su barra de direcciones. Una URL de canal o grupo que incluya el ID numérico del vídeo sí funciona.
  • Archivo directo — una URL HTTPS de acceso público que apunte a un archivo de vídeo (por ejemplo, un MP4 en tu CDN).
El editor valida tu enlace en dos momentos:
  • Cuando sales del campo — si la forma de la URL es claramente incorrecta (por ejemplo, un enlace de YouTube Shorts o una URL de showcase de Vimeo), un error en línea explica qué usar en su lugar.
  • Cuando guardas — el editor comprueba con el proveedor de vídeo que el vídeo se puede insertar. Si el vídeo es privado, se ha eliminado o tiene la inserción desactivada, el guardado se bloquea y el motivo se muestra en el campo del enlace. Corrige el enlace y guarda de nuevo para continuar.
Si la comprobación del proveedor no está disponible (por ejemplo, por un problema de red), el guardado continúa sin bloquearse.

​
Permiso de Shopify Files

Subir un vídeo requiere el permiso write_files. Si este permiso no se ha concedido, aparece un banner en el área de subida con un botón Update. Haz clic en él para conceder el permiso y habilitar las subidas.

​
Procesamiento de la subida

Después de soltar o seleccionar un archivo, el cargador muestra Uploading… mientras el archivo se transfiere, y luego Processing… mientras Shopify lo transcodifica. Una vista previa aparece una vez completado el procesamiento. Puedes seguir editando otros ajustes del widget mientras el vídeo se procesa. No puedes guardar un widget cuya única fuente sea un vídeo que aún se está procesando — el guardado se bloquea hasta que finalice la transcodificación, o hasta que añadas un enlace de vídeo para usarlo como fuente mientras tanto. Si descartas los cambios o cierras el editor antes de guardar, cualquier subida en curso se elimina de Shopify Files. Los enlaces de vídeo se validan cuando guardas el widget.

​
Miniatura y CTA de ver vídeo

Sube la imagen que verán los clientes en la oferta antes de abrir el vídeo. Un CTA de ver vídeo se coloca automáticamente sobre la miniatura para llamar la atención hacia la acción de reproducir. Puedes estilizar el texto de la etiqueta del CTA para que coincida con tu marca. Las miniaturas no se generan automáticamente a partir del vídeo — deben subirse. También puedes subir una miniatura exclusiva para móvil. Cuando está establecida, la miniatura móvil se muestra en dispositivos móviles y la miniatura predeterminada se usa en escritorio, para que puedas adaptar la imagen a cada tamaño de pantalla.

​
Imagen de respaldo

El ajuste de Fallback image te permite subir una imagen para mostrar cuando el widget de vídeo está oculto porque el navegador del cliente no puede abrir el reproductor — consulta Compatibilidad con navegadores. La imagen de respaldo se muestra sin enlace ni superposición de reproducción; es solo una imagen estática. Si no se sube ninguna imagen de respaldo, no se renderiza nada en lugar del widget.

​
Reproducción automática

El conmutador de Autoplay controla si el vídeo empieza a reproducirse automáticamente cuando se abre el reproductor alojado. Cuando la reproducción automática está habilitada, el vídeo empieza silenciado. La mayoría de los navegadores modernos bloquean la reproducción automática de vídeos con sonido hasta que el cliente interactúa con la página, por lo que reproducir en silencio es necesario para que la reproducción automática realmente funcione de forma fiable. Los clientes pueden activar el sonido del vídeo usando los controles del reproductor una vez iniciado. Si prefieres que el audio se reproduzca desde el primer fotograma, deja la reproducción automática desactivada y confía en que el cliente haga clic manualmente en reproducir en el vídeo.

​
Cerrar el vídeo

Hay tres formas de que un cliente cierre el reproductor alojado y vuelva a la oferta de upsell:
  • Botón Back to offer — un botón debajo del reproductor que cierra la pestaña y vuelve al upsell.
  • Doble clic en cualquier lugar — hacer doble clic en cualquier parte del fondo cierra el reproductor.
  • Cierre automático al finalizar — cuando el vídeo termina de reproducirse, el reproductor se cierra automáticamente.
Como el vídeo se abre en una pestaña nueva, cerrar el reproductor cierra esa pestaña — el upsell permanece en la pestaña original.

​
Idioma y traducciones

Los textos de la página del reproductor de vídeo — la etiqueta del botón de volver a la oferta, los avisos de escritorio y móvil, y el título y el mensaje que se muestran cuando el vídeo no está disponible — siguen el ajuste de Language de la oferta y se pueden personalizar en Settings > Translations.

​
Testimonios

El widget de Testimonios muestra reseñas reales de productos en tu oferta post-compra para generar confianza y reforzar la decisión del cliente de aceptar un upsell. Las reseñas se extraen de tu app de reseñas conectada. El widget aparece en el selector del editor de ofertas como “Testimonials” con un icono de estrella. Para usar este widget, debes tener una app de reseñas conectada en Settings > Product Reviews. Las apps compatibles incluyen Judge.me, Klaviyo, Okendo y Yotpo. Consulta Integraciones de apps de reseñas para las instrucciones de configuración.

​
Modos de selección

El widget de Testimonios admite dos modos:
  • Manual — Seleccionas un conjunto seleccionado de reseñas para mostrar. Las reseñas se muestran en el orden en que las guardaste.
  • Dynamic — Las reseñas se extraen automáticamente de la caché sincronizada de tu app de reseñas según los productos de la oferta de upsell. Las reseñas están vinculadas a los productos de la oferta, no al pedido original del cliente.

​
Opciones de configuración

  • Review app — Selecciona de qué app de reseñas conectada extraer las reseñas.
  • Mode — Elige Manual o Dynamic.
  • Minimum rating — Establece la valoración mínima por estrellas para que las reseñas se muestren (por ejemplo, 4 estrellas o más).
  • Display toggles — Muestra u oculta elementos individuales de la reseña:
    • Valoración por estrellas
    • Título de la reseña
    • Nombre del autor de la reseña
    • Fecha de la reseña
    • Insignia de comprador verificado
  • Truncate review text — Establece una longitud máxima de caracteres para el texto de la reseña. Las reseñas que superan este límite se recortan con puntos suspensivos.
  • Max reviews to show — Establece cuántas reseñas aparecen, de 1 a 3.
  • Layout — Organiza las reseñas en Horizontal (una al lado de otra) o Vertical (apiladas).
  • Padding — Ajusta el espaciado alrededor del widget.

​
Modo dinámico y sincronización de reseñas

En el modo dinámico, Aftersell importa reseñas de tu app de reseñas y las almacena para poder mostrarlas en la oferta. La primera importación ocurre automáticamente en las 24 horas siguientes a la conexión de tu app de reseñas, y luego una vez a la semana. Para importar reseñas inmediatamente, ve a Settings > Product Reviews y haz clic en Sync now para tu app de reseñas.

​
Insignia de comprador verificado

Cuando la insignia de comprador verificado está habilitada, se muestra una etiqueta de “Verified buyer” en las reseñas que cumplen los requisitos. Esta etiqueta se traduce automáticamente al idioma establecido para la oferta y admite 32 idiomas.

​
Añadir widgets adicionales

Los widgets se pueden añadir encima o debajo del widget Upsell Product, lo que te permite controlar el flujo de información antes o después del propio producto. Los widgets adicionales que se pueden añadir incluyen:
  • Image - Muestra una imagen de apoyo para reforzar visualmente la oferta.
  • Text - Añade texto de apoyo para comunicar mensajes clave.
  • Text & Image - Combina texto y elementos visuales para destacar el valor o explicar la oferta.
  • Extra Buy Button - Añade una llamada a la acción adicional para fomentar la aceptación de la oferta. No disponible en ofertas que muestran más de un producto.
  • Trust Badge - Muestra señales de confianza como garantías, seguridad o indicadores de credibilidad.
  • FAQs - Responde a preguntas comunes de los clientes para reducir la fricción y aumentar la confianza.
  • Video - Incrusta un vídeo para demostrar el producto o contar la historia de tu marca. Consulta Vídeo.
  • Testimonials - Muestra reseñas reales del producto desde tu app de reseñas conectada. Disponible en las ofertas V2. Consulta Testimonios.
Para añadir un widget:
  1. Elige si quieres que el widget aparezca encima o debajo del widget Upsell Product
  2. Haz clic en Add widget en la sección seleccionada
  3. Selecciona y configura el widget que quieras incluir
Para saber más sobre qué son las ofertas post-compra, cómo funcionan y cómo empezar a usarlas con Aftersell, echa un vistazo a este artículo para más información.
El comportamiento y la apariencia de los widgets están limitados a las opciones de configuración disponibles en el editor.
No se admiten personalizaciones adicionales debido a las limitaciones de Shopify.

​
¿Necesitas ayuda?

Si tienes preguntas o necesitas ayuda para configurar tus ofertas post-compra, nuestro equipo de soporte está aquí para ayudarte. Puedes contactarnos en cualquier momento a través del chat de la app o por correo electrónico.