ℹ️ 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 ejecutar un clásico “Comprar 1 Conseguir 1 Libre” acuerdo — o cualquier variación Comprar X Obtener Y — sin tocar códigos de descuento? 🎁

Eso es exactamente lo que BOGO (Buy One Get One) oferta en Hoppy Bundles está diseñado para.

Con este tipo de oferta, puede crear ofertas como:

• 🛒 Comprar 1 → Precio estándar
• 🎉 Comprar 2 → Obtener 1 Gratis
• 🔥 Comprar 3 → Obtener 1 Gratis

—y mostrarlos como un widget limpio y clicable directamente en su página de producto.

Los clientes simplemente eligen el trato que les gusta, y el descuento de artículo gratuito se aplica automáticamente al checkout ✨

ℹ️ BOGO utiliza la misma pantalla de configuración como Cantidad oferta - se abre pre-llenado con los tigres de estilo BOGO y los ¡Sí! Es BOGO plantilla, por lo que nunca estás empezando desde una página en blanco.

📍 Dónde aparece el Widget de BOGO

El widget BOGO aparece en tu Página, justo debajo del botón Añadir al carrito (acción predeterminada).

También puede colocarlo en cualquier otro lugar en la página del producto usando la Colocación personalizada opción (cubierta más adelante en esta guía).

ℹ️ El artículo gratis es añadido y descuento automáticamente en el checkout — los clientes no necesitan añadir el artículo gratuito al carrito ellos mismos o introducir cualquier código de descuento.

🛠️ Ejemplo de configuración usado en esta documentación

En esta documentación configuraremos la siguiente estructura de BOGO (esto es exactamente lo que Hoppy Bundles Pre-fills para usted:

• 🛒 1 Pareja → Precio Estándar (Sin Descuento)
• 🎉 Comprar 2 Obtener 1 → el 3er artículo es gratis
• 🔥 Comprar 3 Obtener 1 → el 4to artículo es gratis

La oferta se aplicará a productos específicos y mostrado usando el preseleccionado ¡Sí! Es BOGO plantilla.

Esta guía explica cada configuración que tocarás durante la configuración, así que sabes exactamente cómo se comporta cada opción ⚙️

✅ Antes de comenzar — Activar la aplicación Embed

Para que el widget BOGO aparezca en su escaparate, la aplicación debe ser habilitada dentro de su Shopify tema.

Ve a:

Shopify Admin → Canales de Venta → Tienda Online → Temas → Personalizar → App Embeds

Entonces:

• Encontrar Bundles App Embed
• Toggle it ON
• Haga clic en Guardar

⚠️ Importante: Sin la aplicación habilitada, su oferta publicada no será visible en el escaparate, incluso si todo dentro de la aplicación está configurado correctamente.

🎯 Paso 1 - Crear una nueva oferta de BOGO

Abrir el Hoppy Bundles aplicación de tu Shopify Admin.

Entonces:

→ Crear nueva oferta para abrir la página de selección de tipo oferta.

→ Encontrar el BOGO (Buy One Get One) tarjeta “Comprar un producto y obtener otro gratis o descuento” - y haga clic Crear una oferta de BOGO.

💡 Quiere que el cliente compre una cantidad fija y consiga un producto diferente en lugar de un descuento? El Comprar X Get Y la tarjeta justo al lado de ella abre la misma configuración con los niveles pre-llenados para ese flujo (por ejemplo, “Comprar 2 Obtener 3”).

🧩 Paso 2 - Nombre Su Oferta & Elija donde se aplica

La primera pantalla pide lo básico antes de cualquier otra cosa.

🏷️ Nombre de la oferta

Este campo se utiliza sólo para fines internos.

Los clientes nunca verán este nombre.

Puede utilizar cualquier nombre reconocible como:

• Verano BOGO Venta
• T-Shirt Comprar 2 Obtener 1
• Viernes Negro BOGO

💡 Usando el nombre interno adecuado hace más fácil identificar las configuraciones más tarde, especialmente si su tienda ejecuta múltiples ofertas.

📦 Oferta de aplicación en

Este ajuste controla a qué productos se aplica el acuerdo BOGO.

Hay 3 opciones disponibles:

• Todos los productos → la oferta se aplica a cada producto en su tienda
• Producto → la oferta se aplica sólo a los productos que selecciona
• Colección → la oferta se aplica a cada producto dentro de las colecciones que seleccione

Si eliges Producto o Colección, a Seleccione producto / Select Collection El botón aparece. Haga clic en él para abrir su Shopify recurso y elegir uno o más elementos.

⚠️ ImportanteSólo una oferta publicada se permite por producto o colección. Si otra oferta publicada ya cubre el mismo producto, necesitará convertirlo en un borrador antes de publicarlo.

🎨 Paso 3 - Escoge una plantilla

A continuación, verás el Seleccione su oferta preferida sección con una fila de plantillas de widget listo.

Porque empezaste desde la tarjeta BOGO, ¡Sí! Es BOGO plantilla (el violeta uno 💜) ya es pre-seleccionado para usted - simplemente puede mantenerlo.

También puede elegir un punto de partida diferente:

• Bundle & Save → construir uno desde cero
• Oferta de tiempo limitado → Azulejos con temática naranja
• ¡La locura de venta flash! → Azulejos con temática rosa
• ¡Sí! Es BOGO → azulejos de BOGO con temática violeta (preseleccionados)

Una vez que esté feliz con la selección, haga clic Aplicar plantilla seleccionada.

⚠️ El botón de aplicación se mantiene desactivado hasta que haya seleccionado por lo menos un producto o colección (cuando Oferta de aplicación en se establece Producto o Colección).

Después de aplicar, el editor completo se abre con un vista previa en vivo a la derecha - ambos escritorio y móvil — que actualiza al instante a medida que cambia la configuración ✨

⚙️ Paso 4 - Configurar los niveles de BOGO (Tab general)

Aquí es donde tu negocio de BOGO realmente toma forma. Usted verá sus niveles como pestañas — Oferta 1, Oferta 2, Oferta 3 — cada uno un trato clicable en el widget de la tienda.

✏️ Nombre de la oferta " Oferta seleccionada

En la parte superior de la ficha General, una pequeña tarjeta sumaria muestra su Nombre de la oferta (Haz clic en ✏️ icono para renombrarlo) y su Oferta seleccionada plantilla.

📐 Plantilla

Elija cómo se muestran los niveles:

• Vertical → los niveles apilados uno encima del otro (por defecto)
• Horizontal → Tiros lado a lado

Con el Vertical diseño, también tienes un Elige un tema opción con presets de color rápido (azul, rojo, verde).

🎁 Editar Oferta — Tus Tigres BOGO

Cada pestaña de nivel tiene su propia configuración. Esto es lo que cada uno hace para una configuración de BOGO:

💸 Tipo de descuento

Esta caída es el corazón de tu nivel. Las opciones relevantes de BOGO son:

• No hay descuento → los artículos se venden a precio estándar (perfecto para su nivel de base “1 Pare”)
• BOGO (Buy One Get One) → comprar la cantidad del tier, obtener artículo(s) extra de la mismo producto gratis
• Comprar X Obtener Y Gratis → comprar la cantidad del tier, obtener un producto diferente (el “Y” producto) libre

Los otros tipos de descuento (% Descuento, Descuento de piso, En cada unidad descuento plano, Precio específico) también trabajar aquí si alguna vez desea un widget mixto, por ejemplo un tier BOGO más un tier “20% OFF”.

🔢 Cantidad + Comprar / Obtener

El Cantidad campo controla cuántos elementos añade el cliente cuando elige este nivel - y para los niveles de BOGO, también establece el Comprar cantidad automáticamente.

• Con BOGO (Buy One Get One) seleccionado, verás Comprar y Vamos. cajas en lugar de un valor de descuento. Ambos son sólo lectura: Comprar siempre coincide con la cantidad del nivel, y Vamos. se fija en 1 artículo libre.
• Con Comprar X Obtener Y Gratis seleccionado, Comprar sigue la cantidad más alta, pero Vamos. es editable — para que pueda ofrecer ofertas de estilo “Buy 2, Get 3”.

💡 Quieres un clásico Comprar 1 Obtener 1 Gratis♪ Sólo establecer un tier's Tipo de descuento a BOGO (Buy One Get One) y su Cantidad a 1 - hecho.

🎁 Obtener producto (Comprar X Obtener Y Gratis solamente)

Cuando un tier utiliza Comprar X Obtener Y Gratis, un extra Obtener producto la sección aparece.

Haga clic Seleccione Y Producto para abrir el buscador de recursos y elegir el producto gratuito que recibe su cliente.

ℹ️ Así es como lo haces “Comprar una capucha, obtener una gorra libre”. Con la llanura BOGO (Buy One Get One) tipo, el artículo libre es siempre más del mismo producto, así que ningún producto Y es necesario.

🏷️ Título de la oferta, etiqueta de descuento

• Oferta Título → el texto principal del tier, por ejemplo. Comprar 2 Obtener 1
• Cambio de descuento → el texto de ahorro que se muestra en el nivel, por ejemplo. Comprar 2 conseguir 1 — haga clic en 👁️ icono para ocultarlo
• Tag → una pequeña placa destacada, por ejemplo. Más populares - también escondible con el 👁️ icono

💡 Los tigres pre-filled ya dicen “Comprar 2 Obtener 1” y “Comprar 3 Obtener 1” — simplemente retoque la redacción para que coincida con la voz de su marca.

🎁 Regalo libre (opcional)

Tick the Regalo gratis casilla de verificación en cualquier nivel, luego haga clic Seleccione productos para adjuntar productos de regalo extra gratis a ese nivel - en la parte superior del artículo libre BOGO en sí.

➕ Agregar / 🗑️ Eliminar Tiros

• Haga clic Añadir Oferta para añadir otro nivel (maximum 6 Tiros)
• Haga clic Suprimir para eliminar el nivel actual (al menos 2 los niveles son necesarios)

📰 Título del bloque: Texto del pie

• Título del bloque → el encabezado por encima del widget. Está pre-llenado con “Oferta BOGO” - cambiarlo a lo que quieras, o esconderlo con el 👁️ icono
• Texto del pie → una pequeña línea debajo de los niveles (por defecto: Envío gratuito), también escondible

🛠️ Paso 5 — Configuración Configuración

Todavía en el General pestaña, Ajustes La tarjeta controla cómo se comporta el widget.

👀 Apariencia y miradas

• Mostrar precio unitario → mostrar el precio por punto dentro de cada nivel
• Mostrar precio total → mostrar el precio total del tier
• Ocultar la cabecera y las líneas de pie → elimina las líneas de divisor de cabecera/pieza del widget
• Usar texto personalizado para Out of Stock → muestra su propio mensaje cuando el producto está fuera de stock (un campo de texto aparece abajo cuando está habilitado)

⚙️ Funcionalidad

• Deje que los clientes elijan diferentes variantes para cada artículo → práctico para BOGO — por ejemplo comprar 2 camisas, elegir un tamaño / color diferente para cada, y todavía obtener el gratis
• Mostrar widget abajo añadir al botón del carrito → mantiene el widget anclado bajo el botón Añadir al carrito
• Skip cart directly to checkout → envía a los clientes directamente al checkout cuando eligen un tier
• Descuento de volumen (Extender Max Descuento a todas las cantidades) → permite a los clientes comprar artículos adicionales más allá del nivel más alto a la misma tasa máxima de descuento
• Mostrar comparación con el precio → muestra el precio de comparación a través de golpe; permitiendo que revela Precio de comparación personalizado y Shopify producto comparar precio campos

🔄 Activar la combinación de descuento

• Descuentos de pedidos → permitir esta oferta combinar con descuentos de nivel de pedido
• Descuentos de envío → permitir que se combine con descuentos de envío

ℹ️ Los descuentos de productos siempre se combinan. Due to Shopify restricciones, este ajuste de combinación se aplica globalmente a todas las nuevas ofertas basadas en la cantidad (incluyendo BOGO).

🌍 Múltiples mercados " Traducción

Más abajo encontrarás Múltiples mercados (diferentes niveles por mercado) y Traducción (widget text in your store’s other languages). Ambos son opcionales y están cubiertos en sus propias guías dedicadas.

🎯 Paso 6 - Objetivo " Colocación " (opcional)

El Objetivo " Colocación " pestaña controla dónde y a quién muestra la oferta.

📍 Colocación

• A continuación, añadir a Cart Button (Default) → ningún trabajo extra necesario
• Personal (sólo en la página del producto) → después de guardar, usted conseguirá su Hoppy bundles ID y una copia code snippet para caer en cualquier lugar de su tema

👤 Atención al cliente " 🌍 Geolocation Targeting

• Mostrar o ocultar la oferta basada en estado de inicio de sesión, etiquetas de clientes, o cantidad total gastada
• Limitar la oferta países específicos (por defecto: Todo el mundo)

También hay un Programación sección para establecer una Empieza y final fecha/hora para la oferta - perfecto para una venta flash BOGO fin de semana

ℹ️ Todas son opcionales. Si los saltas, la oferta simplemente muestra a todos, en todas partes, de inmediato. El objetivo avanzado está cubierto en detalle en su propia guía dedicada.

🎨 Tab de diseño (opcional)

El Diseño pestaña controla el estilo visual del widget:

• Tipografía & Color → familia de fuentes, tamaños de texto, pesos y colores para cada elemento
• Variante → pequeño / mediano / gran tamaño para selectores variante
• Frontera → ancho de la frontera y deslizadores de radio de esquina

💡 Cada cambio refleja instantáneamente en la vista previa en vivo de la derecha — ambos en la escritorio y móvil Paneles de vista previa.

ℹ️ El preseleccionado ¡Sí! Es BOGO plantilla ya se ve bien fuera de la caja, por lo que este paso es totalmente opcional. El estilo está cubierto en profundidad en la guía de diseño dedicada.

✅ Paso final - Guardar & Publish

Una vez que todo se ve bien en la vista previa:

1. Haga clic Guardar en la barra de ahorro en la parte superior de la página
2. Haga clic Publish para hacer la oferta en vivo ⚠️ Nota:

• El Publish botón está desactivado mientras la oferta es nueva guardar primero, luego publicar.
• La publicación crea un descuento automático en tu Shopify Admin → Descuentos. Esto es lo que realmente aplica los artículos gratuitos en el checkout - por favor no borre o edite manualmente.
• Si la aplicación embed no está habilitada en su tema, aparecerá un banner después de guardar con un Enable App Embed atajo botón — haga clic en él, mueva la incrustación y guarde su tema.
• Si la publicación falla porque otra oferta publicada ya cubre el mismo producto o colección, convertir esa oferta existente a un borrador primero, luego publicar de nuevo.

Su oferta de BOGO ahora es en vivo 🚀

🎉 Resultado final

Una vez configurado con éxito:

✅ Los clientes ven sus fichas BOGO directamente en la página del producto ✅ Los artículos gratis se añaden y se descuentos automáticamente en el checkout ✅ Tiers, etiquetas y etiquetas actualizan instantáneamente desde la aplicación ✅ El widget coincide con tu tema con la plantilla y los colores que escogiste

Así es como el widget terminado mira en el escaparate — claras ofertas de BOGO, selección de un clic y artículos gratuitos aplicados automáticamente al checkout ✨

💡 Quiere el artículo libre para ser un producto diferente en lugar de más de lo mismo? Editar un tier, cambiar su Tipo de descuento a Comprar X Obtener Y Gratis, y elegir su producto libre con Seleccione Y Producto - no hay necesidad de empezar de nuevo.

Actualizado el: 10/09/2026