El módulo unificado de Upsells en Modal COD Form PRO v5.0 te permite incrementar el valor de cada pedido entre un 20% y un 45% mediante dos modalidades complementarias que pueden coexistir en el mismo producto:

1. Upsell 1-Tick (In-Form Order Bump & Carrusel): Una casilla interactiva o micro-carrusel de productos ubicado directamente dentro del formulario modal antes del botón de envío.
2. Upsell 1-Click (Popup Post-Submit): Una ventana emergente de oferta única que aparece inmediatamente cuando el cliente pulsa «Completar Pedido», permitiendo añadir un producto extra con 1 solo clic sin volver a digitar sus datos.

Modalidad 1: Cómo Configurar un Upsell 1-Tick (Dentro del Formulario)

1. Ve a COD Form → Upsells → Añadir nuevo.
2. En 1. Upsell Modality, selecciona la tarjeta 1-Tick Upsell (In-Form).
3. Elige el Estilo de Diseño (1-Tick Design Style — cod_one_tick_design_style):
   • Classic (Con tarjeta de producto / carrusel inferior): Muestra el encabezado llamativo arriba y debajo la tarjeta blanca del producto (o un carrusel acelerado por hardware si agregas 2 o más productos).
   • Minimalist Compact (Un solo bloque compacto): Ideal para pantallas móviles; integra el checkbox, miniatura de 36x36px, título, subtítulo, precio tachado, precio de oferta y etiqueta de descuento en una sola fila compacta.
4. En 2. Target Assignment, elige si se mostrará en Todos los productos o en Productos específicos.
5. En 3. Offered Products Carousel (1-Tick), añade uno o múltiples productos complementarios, definiendo para cada uno su etiqueta (Badge), tipo de descuento (Porcentaje, Fijo o Ninguno) y valor.
6. Selección Múltiple Independiente en el Carrusel: Si agregas varios productos al carrusel Clásico, cada tarjeta tiene su propio checkbox independiente (.cod-upsell-slide-checkbox). ¡El comprador puede navegar por el carrusel y marcar 1, 2 o más productos adicionales a la vez!

Variables Dinámicas Soportadas en Textos 1-Tick

En los campos de Título, Subtítulo, Texto del Checkbox y Badge del 1-Tick puedes usar estas variables que se actualizan en tiempo real al cambiar de variación o de slide:

• {{product_name}} o {{title}}: Nombre del producto ofrecido.
• {{price}}: Precio final con descuento formateado.
• {{regular_price}}: Precio original antes del descuento.
• {{discount}}: Valor o porcentaje ahorrado (ej. 30% OFF).

Modalidad 2: Cómo Configurar un Upsell 1-Click (Popup Post-Compra)

1. Crea otro Upsell en COD Form → Upsells → Añadir nuevo y selecciona 1-Click Upsell (Popup Modal).
2. En 1-Click Offered Product, elige el producto a ofrecer, su descuento y si deseas mostrar un selector de cantidad (stepper).
3. En 1-Click Popup Design & Content, personaliza el título y subtítulo usando las variables {first_name} (para llamar al cliente por su nombre, ej. «¡Espera {first_name}! Aprovecha esta oferta única…») y {product_name}.
4. Personaliza el botón de aceptación (con animación pulse, bounce o shake) y el texto de rechazo.

Verificación de Precios en Servidor y Sincronización con WooCommerce / Dropi

• Seguridad Anti-Manipulación (prcod_resolve_verified_upsell_item()): Los precios de todos los Upsells se verifican estrictamente en el servidor contra las reglas activas en base de datos antes de crear el pedido.
• Líneas Físicas Reales en la Orden: Cada producto de Upsell aceptado se inserta en el pedido mediante $order->add_product() con los metadatos _cod_is_upsell = 'yes' y _cod_upsell_type = 'one_tick' | 'one_click', dejando constancia en las notas del pedido y enviándose en el arreglo products[] de los Webhooks y a Dropi.

Siguientes Pasos

• 🛑 Aprende a rescatar clientes que intentan cerrar el modal: Cómo Crear Downsells al Cerrar el Formulario.
• 📦 Si despachas con Dropi, revisa la regla de misma bodega en Integración con Dropify y Dropi.