ℹ️ Note: Este artículo fue traducido automáticamente usando AI y puede contener imprecisiones. Si algo se ve mal, póngase en contacto con nuestro equipo de apoyo.

¿Quieres aumentar el valor medio del pedido (AOV) mostrando las recomendaciones del producto correctas en el momento adecuado? 🛍️

Eso es exactamente lo que Hoppy Upsell & Cross Sell está diseñado para.

Con esta aplicación, puede crear ofertas de upsell & cross-sell que aparecen:

• 🛍️ En el Página → debajo del botón Añadir al carrito
• 🛒 En el Página → dentro del carrito
• 🗂️ En el Cart Drawer → mientras que los clientes revisan sus artículos
• 📌 En un Posición personalizada → cualquier lugar en su tema usando un bloque de aplicación

Esta guía te lleva a través de la creación de tu primera campaña de upsell final a fin, de elegir una colocación para publicarla en directo en tu tienda ✨

⚠️ Antes de empezar

Para cualquier oferta de upsell o cross-sell para aparecer en su escaparate, la app embed debe estar habilitado dentro de su Shopify tema.

Ve a:

Shopify Admin → Canales de Venta → Tienda Online → Temas → Editar tema → App Embeds

Entonces:

• Encontrar “Upsell Cross-Sell Slider”
• Toggle it ON
• Haga clic Guardar

💡 Cuando abras la aplicación, la Guía de configuración en la página de inicio también le camina a través de este paso con un Editor de tema abierto botón y una verificación de un clic.

ℹ️ Sin la aplicación habilitada, sus ofertas no se rendirán en el escaparate, incluso si se publican dentro de la aplicación.

⚙️ Paso 1 - Crear un nuevo Upsell

Abrir el Hoppy Upsell & Cross Sell aplicación de tu Shopify Administración.

Entonces:

→ Crear nuevo upsell en la parte superior de la página para iniciar una nueva campaña.

Sus upsells existentes (si los hay) se enumeran en la misma página, donde también puede publicar, inédito, duplicar o eliminarlos.

📍 Paso 2 - Elija su ubicación

A continuación, se le preguntará dónde debe aparecer la oferta.

Hay 4 tipos de colocación disponibles:

• Página → Muestra upsell " bloques de venta cruzada debajo del botón Añadir al carrito. Ideal para recomendaciones de estilo “Frequently Bought Together”.
• Página → Provoca a los clientes para añadir más mientras revisa su carrito.
• Cart Drawer → Mostrar ofertas dentro del cajón del carrito de deslizamiento, justo antes del checkout.
• Posición personalizada → Permite colocar el bloque de upsell en cualquier lugar de su tema usando un bloque de aplicaciones y su ID de Upsell.

→ Seleccione este tipo en la tarjeta que coincide con su objetivo.

💡 ¿No está seguro de dónde empezar? El Página la colocación es la primera opción más común: las recomendaciones aparecen exactamente donde la intención de compra es más alta.

Una vez seleccionado, la página de configuración se abre automáticamente con 3 pestañas:

• Índice → Qué productos ofrecer y qué dice la oferta
• Diseño → Cómo se ve la oferta
• Colocación → Dónde y a quién aparece

En el lado derecho, un vista previa en vivo (Desktop & Mobile) actualiza a medida que configura su configuración 👀

📝 Paso 3 - Configurar la pestaña Contenido

Aquí es donde decides ¿Qué? Estás ofreciendo. Llegarás aquí primero después de elegir una colocación.

🏷️ Nombre de Upsell

Un nombre interno para su campaña — los clientes nunca lo verán.

Use algo reconocible, como:

• Accesorio de verano Upsell
• Black Friday Cross-Sell
• Post-Purchase Booster

💡 Buena nominación hace mucho más fácil gestionar múltiples campañas más tarde.

🛍️ Seleccione productos Upsell

Esta configuración controla productos ser recomendado. Hay 4 opciones:

🤖 AI Upsell (Frequently Bought Together)

Recomienda automáticamente productos alimentados por Shopify’s recomendaciones de productos.

Cuando se selecciona, aparece una opción adicional:

• Productos relacionados → Artículos similares al que se ve
• Productos complementarios de Upsell → Artículos que emparejan bien con él

ℹ️ Las recomendaciones de AI utilizan los productos relacionados/complementarios que ha establecido Shopify’s libre Buscar & Discovery app. Un botón de acceso directo se muestra en la aplicación para que pueda abrirlo y configurar las recomendaciones allí.

📦 Productos específicos de Upsell

Productos exactos a mano para ofrecer. Seleccionar esto revela un Seleccione productos botón que abre Shopify’s producto picker - perfecto para promover un artículo específico o el inventario de compensación.

🗃️ Upsell colecciones específicas

Recomendar productos de colecciones enteras. Seleccionar esto revela un Seleccione colecciones botón.

🔁 Upsell mismo producto (Como en la página de producto)

Ofrece el mismo producto que el cliente está viendo actualmente, útil para aumentar la cantidad o añadir variantes.

⚙️ Configuración de contenido adicional

Debajo de la selección de productos, unas cuantas configuraciones más finas de cómo se comporta la oferta:

• Auto Slide Upsell por Interval → Enabled, el deslizador del producto gira automáticamente. An Duración de la intervención campo aparece donde se puede fijar la velocidad de rotación en segundos. ℹ️ Auto-slide se pausa automáticamente tan pronto como un cliente haga clic en las flechas de navegación izquierda/derecha.
• Upsell Title → El epígrafe mostrado por encima de las recomendaciones (por ejemplo: “Frecuentemente comprados juntos” o “Completa tu mirada”). Un editor de texto rico está disponible para el formato básico.
• Max No. de Productos → Sólo aparece para AI Upsell y Colecciones específicas. Controla cuántos productos se incluyen en el deslizador (por defecto 3, hasta 10) — los clientes giran o usan las flechas para navegar uno a la vez.
• Call to Action Button → Elige entre:
• • Añadir al carrito → Añade el producto directamente al carrito 🛒
  • Ver producto → Lleva al cliente a la página del producto
• Texto del botón (Antes de añadir al carrito) → por ejemplo. Añadir al carrito
• Texto del botón (Después de añadir a la cesta) → Mostrar una vez que se añade el artículo, por ejemplo. Añadir otro — anima a los clientes a seguir agregando más ✨

🌐 Traducciones: Si su tienda se vende en varios idiomas, puede traducir el título de upsell y los textos de botones por idioma directamente desde la pestaña Contenido. Ver la guía dedicada: Traducción

→ Una vez que su contenido se ve bien, haga clic Continuar con el diseño (o abrir el Diseño pestaña directamente).

🎨 Paso 4 - Tab de diseño (Resumen de la deuda)

El Diseño pestaña controla cómo se ve tu bloque de upsell — colores de fondo, espaciamiento, tipografía, estilo de botones, y más.

Usted no necesita cambiar nada aquí para ir en vivo — el diseño predeterminado funciona fuera de la caja y la vista previa en vivo muestra exactamente cómo aparecerá.

Para un paseo completo de cada opción estilo, vea: Diseño & Estilo

📌 Paso 5 — Elija dónde aparece (Placement Tab)

El Colocación ficha decide Donde y cuando tu oferta aparece. Sólo los elementos esenciales están cubiertos aquí — reglas avanzadas tienen su propia guía dedicada.

👀 Mostrar encendido (Incluir)

Este es el entorno de colocación más importante — define qué páginas muestran su oferta.

Las opciones disponibles dependen del tipo de colocación que elegiste en Paso 2:

Para la página del producto / Posición personalizada:

• Todos los productos → Muestra en cada página de producto
• Productos específicos → Revela a Seleccione el producto botón para seleccionar páginas exactas
• Todos los productos en colecciones específicas → Revela a Seleccione la colección botón
• Todos los productos con etiquetas específicas → Revela un campo para introducir etiquetas (separados por el sistema)
• Posición personalizada → Coloca el bloque a través de un bloque de aplicaciones en su editor de temas

Para Carrito / Drenaje de Carrito:

• Página / Cart Drawer → Muestras en la posición predeterminada en el carrito
• Posición personalizada → Coloca el bloque a través de un bloque de aplicación

ℹ️ La colocación personalizada sólo está disponible para la página del producto y la página del carrito.

📌 Posición personalizada — Upsell ID & Code Snippet

Cuando seleccione Posición personalizada, la aplicación muestra tu ID de Upsell y una copia lista code snippet después de salvar. Los pegarás en el bloque de aplicaciones de tu editor de temas para controlar la posición exacta de la oferta.

Para el paseo completo, vea: 🔎 ¿Cómo encontrar identificación de Upsell?

🚫 No Mostrar encendido (Exclude)

Use esto para ocultar la oferta de páginas específicas:

• No excluya ninguna página de producto (por defecto)
• No mostrar en páginas de productos en colecciones específicas → Revela a Seleccione colecciones botón
• No mostrar en páginas específicas de producto → Revela a Seleccione productos botón

💡 Las exclusiones son útiles cuando la mayoría de los productos deben mostrar la oferta pero algunos (como tarjetas de regalo) no deberían.

🎯 Mostrar sólo cuando (Condiciones)

Control exactamente cuando la oferta se hace visible:

• ✅ Pantalla siempre (por defecto)
• Número mínimo de órdenes → Revela un campo para el recuento del pedido
• Mostrar una vez por cliente
• El valor del carro es inferior → Revela un campo de valor máximo del carrito
• El último pedido fue hace más de X días → Valor de revelaciones + unidad (Días / Semanas / Meses)
• El último orden fue dentro de los últimos X días → Valor de revelaciones + unidad (Días / Semanas / Meses)

⚠️ Cuando Pantalla siempre se selecciona, ninguna otra condición se puede combinar con ella — deseleccionar primero para construir reglas condicionales.

La pestaña Placement también incluye Ejecuciones puntuales, Atención al cliente (Estado de inicio, etiquetas, cantidad gastada) y Geolocalización (países específicos). Estos están cubiertos en detalle en la guía dedicada: 🎯 Opciones avanzadas de fijación de objetivos Upsell & Cross Sell

💾 Paso 6 - Save vs Publish

Esta es una distinción clave para entender:

• Guardar → Almacena su configuración, pero la oferta es no visible en tu tienda todavía. Tan pronto como cambies cualquier configuración, el Guardar bar aparece en la parte superior — haga clic Guardar para mantener sus cambios o Divulgación para revertirlos.
• Publish → Hace la oferta vivo en su almacén (si la aplicación embed está habilitada). Usar el Publish botón en la esquina superior derecha de la página.

ℹ️ Una nueva upsell comienza como No publicado - siempre haga clic Publish después de salvarte cuando estés listo para ir a vivir.

Desde la misma página se puede más tarde:

• Unpublish → Toma la oferta fuera de la tienda sin borrarla
• Duplicar → Crea una copia de la campaña
• Suprimir → La elimina permanentemente

La placa junto al nombre de la campaña siempre muestra el estado actual: Publicado ✅ o No publicado.

✅ Paso 7 - Confirmación Es Vida

Justo después de la publicación, aparece un banner de confirmación en la parte superior de la página:

• Si app embed está habilitado → se le pedirá que confirme la oferta es visible, con botones a Open Store y verificar todo parece correcto.
• Si app embed NO está habilitado → verás un Enable App Embed botón que te lleva directamente al lugar correcto en tu editor de temas.

Para Posición personalizada campañas, una Agregar bloque de aplicación botón también aparece, que abre el editor de temas para que pueda colocar el bloque exactamente donde lo desea.

Si su oferta no aparece después de la publicación, vea: Upsell & Cross Sell no se muestra en mi tienda [Fixed]

🎉 Resultado final

Una vez configurado y publicado, su oferta de upsell & cross-sell aparecerá automáticamente en las páginas seleccionadas:

✅ Los clientes ven las recomendaciones de productos relevantes mientras compran ✅ Las ofertas aparecen en páginas de productos, página de carrito, cajón de carrito o posiciones personalizadas ✅ Add to Cart buttons work directly inside the upsell block ✅ Condiciones y exclusiones asegúrese de que los compradores adecuados vean la oferta correcta ✅ Su valor promedio de la orden obtiene un impulso natural 📈

Una campaña de upsell bien colocada es una de las maneras más simples de aumentar los ingresos del tráfico que ya tiene ✨

📚 Guías relacionadas

• 🎨 Upsell & Cross Sell – Diseño y estilo
• 🎯 Opciones avanzadas de fijación de objetivos Upsell & Cross Sell
• 🌍 Upsell & Cross Sell Traducción
• 🔎 ¿Cómo encontrar identificación de Upsell?
• Upsell & Cross Sell no se muestra en mi tienda [Fixed]

Actualizado el: 15/09/2026