> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # 🚀 Cómo configurar Comprar uno Obtener uno (BOGO) > ℹ️ **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. ⚠️ **Importante**Só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.