Un upsell bien planteado no solo aumenta el valor medio de cada pedido, sino que impacta directamente en las ventas, la fidelización y la personalización de la experiencia de compra.
En esta guía paso a paso aprenderás a crear y a automatizar upsells personalizados en la página de producto en cuestión de minutos con Planet.
El primer paso para crear un upsell es añadir una nueva promoción. Para ello, debes acceder a la página de promociones y clicar en el botón "añadir promoción".
Al hacerlo, aparecerá un pop-up con las plantillas disponibles para crear tu promoción. En este caso, para crear un upsell debes escoger la plantilla "Upsell".
Configuración de la promoción Upsell
Una vez creada la promoción, debemos configurar las distintas partes que la componen:
1. Productos
En este apartado se seleccionan los productos en los que aparecerá el upsell.
2. Acciones
En este caso, la única acción obligatoria es la configuración del upsell.
Algoritmo de recomendación: debemos elegir cómo queremos que sea la recomendación, de productos complementarios, de productos relacionados o por selección manual.
💡 Si eliges "Productos complementarios" o "Productos relacionados", es necesario tener instalada y configurada la app gratuita Shopify Search & Discovery.
Descuento: debemos seleccionar qué tipo de descuento queremos aplicar:
Sin descuento.
Porcentaje de descuento.
Importe de descuento por unidad.
Precio fijo por unidad.
Etiqueta en el carrito y página de pago: es el nombre del descuento que aparece aplicado en el carrito.
Otras combinaciones de descuento: permite escoger si queremos combinar este descuento con otros descuentos de producto y/o descuentos en envíos.
Conversión de moneda: cuando se vende en mercados que operan en monedas distintas a la de la tienda (por ejemplo, EUR), Planet aplica una conversión automática basada en las tasas de cambio proporcionadas por Shopify. Esto garantiza que el descuento se ajuste correctamente a la moneda local del cliente.
Si está habilitada, el descuento o el precio fijo se convierten automáticamente a la moneda del mercado.
Si está deshabilitada, el valor del descuento o precio fijo se aplicará directamente sin conversión, lo que puede generar pequeñas diferencias en el importe percibido por los clientes.
Ejemplo: si se establece un descuento fijo de 10 €, un cliente que compre en otra moneda, por ejemplo $ USD, recibirá un descuento fijo de $10.
3. Widgets
Es necesario habilitar la extensión de Planet para mostrar los widgets en tu página de producto.
3.1. Upsell en la página de producto
Podrás añadir un widget de upsell en tu página de producto para mostrar la promoción a tus clientes e incentivar la venta de más productos.
Este widget permite configurar y personalizar su apariencia para adaptarla al estilo de tu tienda.
Configuración general
Título (opcional)
Opciones: en este caso, el estilo del widget es con botón. Opcionalmente se podrá mostrar la opción de dejar a los clientes seleccionar las variantes de producto, redirigir a la página de producto desde el widget y limitar el número de productos recomendados.
Productos: opcionalmente se puede incluir una etiqueta con la variable de descuento en los productos y escoger qué precio comparado se muestra.
Botón de compra: podrás personalizar el texto que se muestra en el botón de compra.
Diseño
Podrás editar los colores, el tamaño de las fuentes y el redondeo de las diferentes secciones del upsell para adaptar el diseño 100% al de tu tienda.
Para personalizar aún más el widget, podrás añadirle opcionalmente un fondo y fijar la altura y anchura de las imágenes.
CSS Custom
Si necesitas configurar el estilo más allá de los campos disponibles en la app, todos los widgets permiten incrustar código CSS a través del editor del tema.
Haz clic sobre el bloque Planet - Upsell y en el panel derecho introduce el código CSS que quieras modificar en el widget.
3.2 Upsell Popup
El popup de upsell aparece justo después de que el cliente añada un producto al carrito, mostrando recomendaciones de otros productos.
El título del popup se configura desde Planet. Los estilos (textos, colores, bordes, mensajes y demás opciones) se configuran directamente desde el editor de tema de Shopify.
Configuración
Desde Planet, edita el campo de título de recomendaciones del popup (por ejemplo, "Completa tu pedido"). Si no se establece un título, se usará el valor por defecto del editor de tema.
Para personalizar el estilo, dirígete al editor de tema de tu tienda y activa la extensión de Planet.
Desde ahí podrás configurar:
Activar Upsell popup: habilita o deshabilita el popup.
Mantener el popup abierto en el editor de tema: útil para previsualizar los cambios mientras lo personalizas.
Selector de botones de acción del formulario: selector CSS que detecta los formularios que activan el popup (por defecto, los formularios de "añadir al carrito").
Botón de continuar: texto del botón para cerrar el popup y continuar (por ejemplo, "Abrir carrito").
Botón de añadir al carrito: texto del botón de compra dentro del popup.
Mensaje de producto añadido (singular/plural): mensajes que confirman que el producto se ha añadido al carrito. Se puede usar la variable
{quantity}para mostrar el número de unidades añadidas.Texto de etiqueta de descuento: mensaje que muestra el ahorro aplicado, usando la variable
{discount}.Máximo de productos a mostrar: número de productos recomendados que se muestran en el popup.
Precio comparado: elige si se muestra el precio original tachado.
Ocultar productos ya en el carrito: evita recomendar productos que el cliente ya ha añadido.
No mostrar el popup dos veces: evita que el popup se muestre más de una vez para el mismo producto en la misma sesión.
Diseño: bordes de botones e imágenes, y colores de textos, botones y precio con descuento.
4. Programa la promoción
Al crear la promoción, se establecerá por defecto como fecha de inicio la fecha de creación de la misma. Puedes editar la fecha de inicio y añadir opcionalmente una fecha de finalización u otros periodos.
5. Opciones avanzadas
Las condiciones para aplicar la promoción son:
Mercado: Selecciona los mercados en los que se aplica la promoción.
El cliente ha iniciado sesión: Permite aplicar la promoción a clientes en función de si han iniciado o no sesión.
Etiquetas de clientes: Elige el tag que deben tener o no tener tus clientes.
Total de pedidos por el cliente: Escoge el número de pedidos totales que ha tenido que realizar un cliente para que se aplique la promoción.
Total gastado por el cliente: Escoge el gasto total de un cliente para que se aplique la promoción.
Es un producto con suscripción: Escoge si la promoción se aplica o no a productos con suscripción.
Excluir productos con/sin descuento de precio: Escoge si la promoción se aplica a productos que ya tienen un descuento o a los que no lo tienen.
País: Filtra la promoción según el país del cliente. Puedes establecer la condición como igual a o distinto de, y los países disponibles son los que tienes configurados en tu tienda.
Es un cliente B2B: Escoge si la promoción se aplica exclusivamente a clientes B2B o solo a clientes que no lo sean.
Empresa B2B: Filtra por la empresa B2B a la que pertenece el cliente. Puedes establecer la condición como igual a o distinto de, y las empresas disponibles son las que tienes configuradas en tu tienda.
💡 ¿Aún tienes dudas?
Visita nuestro apartado de ayuda o contacta con nosotros por email o mediante el chat.