🚚 Cómo configurar la barra de upsell de envío libre con una sola colocación
ℹ️ 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 mostrar un Bar de Envío gratuito muy específico sólo en un área específica de tu tienda?
Eso es exactamente lo que Flujo de trabajo de una sola colocación dentro Hoppy Free Shipping está construido para.
A diferencia del flujo de trabajo de Colocación Múltiple, donde una configuración controla varias áreas de colocación juntas, el flujo de trabajo de Colocación Única se centra en una sola colocación a la vez, dándole más control granular sobre:
- Visibilidad
- Comportamiento de ubicación
- Condiciones de visualización
- Configuración de Upsell
- Personalización de diseño
- Opciones de orientación
Este flujo de trabajo es especialmente útil cuando:
- Usted quiere diferentes Bares de Envío gratis para diferentes páginas
- Quieres mensajes específicos de colocación
- Necesita visibilidad avanzada
- Usted desea control completo sobre un área de colocación única
🔄 Colocación individual frente a la colocación múltiple
Hoppy Free Shipping Actualmente ofrece 2 tipos de flujo de trabajo.
Tipo de flujo de trabajo
Mejor
Colocación múltiple (Basado en Objetivos)
Una configuración a través de múltiples áreas como Página de Producto, Drenador de Carritos, Página de Carritos y Banner
Colocación individual (Basado en Colocación)
Una configuración altamente personalizable para una colocación específica
Con flujo de trabajo Single Placement:
✅ Usted configura una colocación sólo
✅ Cada colocación puede tener diferentes configuraciones
✅ Se dispone de más controles específicos para la colocación
✅ Mejor para la personalización avanzada
La barra de envío gratuita:
- Aparece sólo en Páginas de Producto
- Seguimiento del valor del carrito del cliente
- Mostrar progreso en tiempo real 📈
- Aplicar automáticamente la recompensa cuando se alcanza la meta 🎉
- Mostrar las recomendaciones de upsell debajo de la barra de envío gratis
✅ Paso inicial: Activar la aplicación
Para que la barra de envío libre aparezca en su escaparate, la aplicación embed debe ser habilitada dentro de su Shopify tema.
Ve a:
Shopify Admin → Canales de Venta → Tienda Online → Temas → Editar Tema → App Embeds
Entonces:
- Encontrar Envío gratuito Upsell
- Toggle it ON
- Haga clic en Guardar
🛠️ Paso 1 - Crear un nuevo subcampeonato
- Abrir el Hoppy Free Shipping app
- Haga clic Crear nuevo envío Upsell
- Seleccione el flujo de trabajo: Hay dos tipos de colocación, que son Sobre la base de los objetivos y Basado en Placement.
Seleccione Basado en la colocaciónPara el Sobre la base de los objetivos flujo de trabajo, se puede seguir aquí [Link].
- Seleccione el área de colocación que desea trabajar con
⚙️ Paso 2 - Configuración " Configuración " Objetivos
Una vez que se abra la página de configuración, aterrizará dentro de la sección de Objetivo.
La sección Goal/Goal Rules permite establecer:
- Objetivos: Los umbrales deben establecerse en los objetivos, ya sea por la cantidad del producto o la cantidad total del carrito (como se discutió más abajo).
- Las recompensas: Usted puede seleccionar una recompensa por cada objetivo que usted logra.
- Cálculos: Basado en su preferencia, puede elegir calcular el total del carrito antes o después de que se apliquen los descuentos cuando elija el importe total del carrito.
- Mensajes: Se muestran varios mensajes para cada estado de meta, incluyendo el comienzo, el progreso y la meta alcanzada.
- Formato de moneda: Seleccione si desea que la moneda se muestre antes del precio o después, utilizando el símbolo de la moneda o el texto de la moneda, etc.
🎯 Goal Tab Explained
Un objetivo en nuestro Hoppy Free Shipping app es un umbral que especifica el número máximo de productos o el valor mínimo requerido para calificar para una recompensa.
Mientras que la recompensa puede ser cualquier cosa de un regalo libre 🎁, un descuento porcentual (5% de descuento), un descuento de la suma fija ($10 de descuento), o envío gratuito.
A. Nombre de Upsell de Envío gratuito
Este campo es sólo para uso interno, los clientes nunca verán este nombre. Usa algo fácil de reconocer más tarde.
Ejemplo
- Booster de página de producto
- Free Shipping Campaign
- Venta de verano ☀️
- AOV Growth Funnel
B. Tipo de Objetivo
Este ajuste determina cómo usted quiere seguir el progreso de la barra de envío libre para alcanzar una recompensa.
Hay 2 opciones disponibles.
1. Carrito
Esta opción rastrea el valor del dinero que se gasta y actualiza la barra de envío libre en tiempo real.
Ejemplo: Usted puede dar 5% OFF si la cantidad total del carrito alcanza $300. Aquí, “$300” es el objetivo y “5% OFF” es la recompensa.
2. Cantidad de producto
Mantiene seguimiento de cuántos productos están en el carrito y ve si la persona puede obtener una recompensa. 🎁
Normalmente, contamos todos los productos, incluso si alguien añade el mismo dos veces.
Pero podemos elegir la opción "Count Only Unique Products" para asegurarnos de que sólo contemos diferentes productos hacia la meta.
Cuenta Sólo Productos Únicos
ℹ️ Esta opción sólo aparecerá si usted ha seleccionado “Product Quantity” en Tipo de Objetivo.
Permite esto si sólo quiere que diferentes productos cuenten hacia la meta. Útil cuando desea que los clientes exploren múltiples productos en lugar de aumentar la cantidad del mismo artículo.
Ejemplo:
Carrito
Contando como
Producto A × 5
1 Producto
Producto A + Producto B
2 Productos
C. Incluir / Excluir productos de los objetivos
Esta opción determina qué productos desea añadir o eliminar al apuntar a la meta. 🚀
Si se excluye un producto o colección, el indicador de envío gratuito no cambiará cuando un artículo entra en el carrito.
Puedes:
- Añadir ciertos productos
- Quitar ciertos productos
- Añadir colecciones
- Eliminar las colecciones
Esto es útil cuando:
- Sólo quieres colecciones específicas para contar
- Usted necesita dejar fuera artículos que están en venta
- Usted quiere sólo productos de alta calidad para contar hacia la meta
💰 Paso 3 - Configurar cálculos " Ajustes de monedas "
ℹ️ Esta sección no es necesaria al utilizar la Cantidad de Producto como el Tipo de Objetivo.
A. Cálculos de barras de progreso
Como se mencionó anteriormente, aquí puede elegir cómo desea que la cantidad total del carrito sea considerada para progresar más y contar hacia la meta.
Antes de descuento
Utiliza los precios que se han fijado Shopify sin aplicar cualquier descuento encima de ellos.
Después de descuento
Usos descuento de los valores del carrito después Shopify se aplican descuentos.
B. Tipo de cambio
Este ajuste dicta la forma en que la moneda se presenta en la barra de Envío gratuito.
Uso del símbolo de la moneda 💲
La opción para mostrar moneda en su tienda dependería de la moneda que haya seleccionado en Shopify Ajustes → General → Guardar predeterminados → Pantalla de moneda.
Eso significa, si usted ha seleccionado Dólar estadounidense (dólares EE.UU.) en el Shopify Ajustes, entonces nuestra opción Utilizar símbolos de moneda daría dos opciones:
- Use símbolo de la moneda ($)
- Utilice el texto de la moneda (USD)
Ejemplo: “¡Solo estás a 200 dólares de descuento del 50%!”
Usar texto de moneda 💵
Como se mencionó anteriormente, le da la opción como seleccionada en la Shopify Ajustes, se posicionará como un sufijo, lo que significa después del texto del precio.
Ejemplo: “¡Estás a solo 200 USD de 50% de descuento!”
C. Posición de los símbolos de moneda
Esta opción le permite elegir la colocación del símbolo de la moneda.
ℹ️ Disponible sólo cuando se selecciona “Use símbolo de la moneda”.
Ejemplo:
- Antes de Precio: “¡Solo estás a 200 dólares de descuento del 50%!”
- Después de Precio: “¡Estás a solo 200$ de 50% de descuento!”
D. Formato de dinero
Controla cómo los precios se formatean a lo largo de la barra de envío gratis, esto ayuda a las tiendas a coincidir las preferencias de formato de moneda regional.
Los formatos disponibles incluyen:
- Store Default
- Monto
- Cantidad sin decimales
- Cantidad con Separador Comma
- Cantidad con separador espacial
- Cantidad con separador de apostrophe
- Y más
🎁 Paso 4 - Configurar el Objetivo
Ahora vamos a configurar las metas y recompensas reales.
ℹ️ Nota:
- Establecer recompensas para las metas en nuestra aplicación generará un descuento en su Shopify Descuentos, que será habilitado para apoyar las recompensas que has elegido.
- Si tú NO desear cualquier descuento para ser creado automáticamente, seleccione No hay recompensa en la sección de recompensas.
- Sólo la barra de Envío gratuito será visible, sin que se apliquen descuentos de la aplicación.
A. Cart Empty Message
Este es el primer mensaje que aparece por encima de la barra de Envío gratuito cuando el carrito está vacío (o si contiene un artículo que ya está excluido en la configuración).
Usted debe utilizar la variable dinámica:{order-value}
ℹ️ Al utilizar variables dinámicas, no tendrá que actualizar los valores en el objetivo y el mensaje cada vez que haga ajustes.
Ejemplo: “¡Obtenga el 50% de las órdenes sobre {orden-valor}!”
B. Objetivo de gasto 🎯
Este es el objetivo real que los clientes necesitan para alcanzar desbloquear la recompensaPuedes ponerlo basado en la cantidad total de cada carrito o cantidad de productos, dependiendo de su Selección Tipo de Objetivo.
C. Tipo de recompensa
Hay 5 tipos de recompensa disponibles.
Tipo de recompensa
Descripción
No hay descuento
Progreso visual sólo
Envío gratuito
Aplica Envío gratis 🚚
Descuento porcentual
Aplica descuento porcentual
Descuento de Monto fijo
Aplica descuento de valor fijo
Regalo gratuito
Añade automáticamente un producto de regalo 🎁
⚠️ Importante:
El producto de regalo debe estar disponible dentro de un canal de ventas activo.
D. Label de descuento
La etiqueta que entra aquí se muestra en la página Cart/Checkout como el nombre del descuento.
Usted debe utilizar la variable dinámica:{value}
ℹ️ Nota:
- Al utilizar variables dinámicas, no tendrá que actualizar los valores en la etiqueta cada vez que haga ajustes.
- Las variables dinámicas solo funcionarían si utilizas las recompensas “ Descuento porcentual” o “ Descuento de Cantidad Fija”.
Ejemplo:
- Hoppy {valor}% deF
- Product Page {value} Recompensa
- Descuento VIP
Parecería así en la página de Checkout 👀
E. Mensaje de Progreso
Este mensaje informa a los clientes cuánto más necesitan añadir para desbloquear la próxima recompensa.
Utilice la variable:
{order-value-progress}
Esto actualiza dinámicamente la cantidad o cantidad restante.
Ejemplo
“Agregar {order-value-progress} más para desbloquear Envío gratis”
F. Excluir los métodos de envío
ℹ️ Esta opción sólo aparece cuando se utiliza Envío gratuito en Tipo de recompensa.
Puede excluir los métodos de envío escribiendo el nombre del método de envío de los Métodos de envío que se ha creado en Shopify Admin → Ajustes → Envío & Entrega.
Si se detecta con éxito, el método se añade a la lista de exclusión.
⚠️ Nota:
Algunos métodos avanzados de envío subcategorized de proveedores como UPS, USPS, FedEx y DHL puede no ser totalmente apoyado en este momento.
💡 Actualmente se presta apoyo a estas estructuras en desarrollo.
G. Mensaje recibido
Hable esto si desea que los clientes vean un mensaje de éxito una vez que desbloqueen la recompensa. 🎉
ℹ️ Este mensaje sólo se mostrará una vez todos los objetivos se logran.
Ejemplo: “¡Felicitaciones! ¡Desbloqueaste el 50%!
H. Combinar con otros descuentos
Enciende esto si quieres Hoppy recompensas para apilar con otras ofertas. Cuando esto se activa, los descuentos de diferentes aplicaciones contribuirán a los objetivos:
- Shopify Descuentos
- Descuentos automáticos
- Aplicaciones de descuento de terceros
I. Elija cómo deben aplicarse las recompensas
Esta opción le permite decidir cómo se manejarán sus metas: o todos los objetivos serán aplicados sobre la base de sus umbrales, o sólo se aplicará el último objetivo.
- Todas las recompensas deben ser aplicadas
Todas las recompensas desbloqueadas se activarán al mismo tiempo.
- Sólo la última recompensa debe ser aplicada
Sólo la recompensa más alta/más alta se activa.
🛍️ Paso 5 - Configure Upsell Products
Ahora muévete a la pestaña Upsell.
Esta sección controla las recomendaciones del producto que se muestran debajo de la barra de Envío gratuito.
📦 Upsell Tipos Explicados
1. No Upsell
No habría una recomendación de upsell debajo de la barra de Envío gratuito.
2. AI Upsell (Frequently Bought Together)
Muestra automáticamente productos que son comúnmente comprados juntos, basado en Tipo de recomendación seleccionado en la configuración y productos añadidos al carrito.
Opciones disponibles:
- Productos relacionados: Recomienda productos similares al producto con los que interactúa el cliente. Estas recomendaciones se generan automáticamente o se pueden personalizar utilizando Shopify’s Search & Discovery app.
- Productos complementarios: Recomienda productos que emparejan bien con el producto con el que el cliente interactúa.
Usted puede gestionar y personalizar estas recomendaciones utilizando Shopify’s Search & Discovery app. Para obtener más información sobre Search & Discovery, haga clic aquí [Link].
3. Productos específicos de Upsell
Elija manualmente los productos exactos que desea recomendar a los clientes. Esta opción le da control completo sobre qué productos son como recomendaciones de upsell, independientemente del producto actualmente en el carrito o ser visto.
4. Upsell Specific Collections
Mostrar recomendaciones de upsell de colecciones seleccionadas. Los productos se mostrarán de las colecciones que elija, facilitando la promoción categorías conexas, artículos de temporadao grupos de productos curados.
5. Upsell mismo producto
Mostrar el mismo producto que el cliente está viendo actualmente. Esto puede ser útil para destacar el producto de nuevo en diferentes contextos, como alentadoras compras basadas en la cantidad.
⬅️ Auto Slide Upsell por Interval
Permitir esto rotar automáticamente a través de las recomendaciones de upsell a un intervalo de tiempo establecido. Esto mantiene las sugerencias del producto frescas y puede aumentar el compromiso mostrando diferentes opciones.
El intervalo se puede configurar en segundos en el Duración de la intervención campo, lo que le permite controlar con qué frecuencia cambian los productos de upsell.
🖋️ Título " Max No. of Products
Puedes establecer una título personalizado para la sección de upsell en textarea con opciones básicas de formato de textoEste título aparecerá por encima del Productos recomendados.
En el Max No. de Productos campo, puede especificar cuántos productos upsell para mostrar a la vez. Esto le permite controlar el Número de recomendaciones mostrada a los clientes, asegurando una presentación limpia y enfocada.
🔘 Ajustes de botón de llamada a la acción
Puede configurar:
- Button Texto para mostrar en el botón Upsell antes de que el elemento upsell se añade al carrito.
- Button Texto para mostrar en el botón Upsell después de que el elemento upsell se añade al carrito.
Ejemplo
Estado
Texto
Antes de añadir
Añadir al carrito 🛒
Después de añadir
Añadir otro 🔀
👀 Paso 6 - Configure Placement Visibility
Ahora muévete a la pestaña Colocación.
Esta sección controla:
- Donde aparece el bar: Elija las páginas o secciones donde se mostrará la barra.
- Donde no debe aparecer: Excluya páginas o áreas específicas de mostrar la barra.
- Reglas de visibilidad: Control cuando la barra debe aparecer basado en las condiciones que establece.
- Objetivo de usuario: Mostrar la barra a visitantes específicos basados en condiciones de cliente o usuario.
- Colocaciones personalizadas: Coloca manualmente la barra en posiciones personalizadas dentro de tu tienda.
- Comportamiento de programación: Establece fechas y tiempos específicos para cuando la barra debe estar activa.
📍 Mostrar encendido (Incluir)
Esto determina dónde debe aparecer la barra de envío gratuita.
A. Todos los productos
Mostrar la barra de envío gratuita en todas las páginas de productos de su tienda, independientemente del tipo de producto, la colección o la etiqueta.
B. Productos específicos
Elija productos exactos donde debe aparecer la barra de envío gratuita. Esta opción es útil cuando usted desea apuntar productos individuales solamente.
C. Todos los productos en colecciones específicas
Mostrar la barra de envío gratuita sólo para productos que pertenecen a colecciones seleccionadas. Esto ayuda a seleccionar categorías específicas o grupos de productos curados.
D. Todos los productos con etiquetas específicas
Mostrar la barra de envío gratuita sólo en productos que contienen etiquetas de producto seleccionadas. Esto permite una selección más flexible basada en la estructura de etiquetado de su tienda.
ℹ️ Tag matching es sensible al caso.
✅ Paso final - Guardar & Publish
Una vez que la configuración está completa:
- Guardar la configuración
- Publish the setup
Su producto Página de envío gratis Bar ahora está en vivo 🚀
🎉 Resultado final
Una vez configurado con éxito:
✅ Los clientes ven el progreso del carrito en tiempo real
✅ Las recompensas se aplican automáticamente
✅ Las páginas de producto se centran más en la conversión
✅ Las recomendaciones de Upsell aumentan AOV
✅ La experiencia comercial se siente más interactiva y gratificante ✨
Actualizado el: 10/09/2026
¡Gracias!