01 · Conversion Boosters
Los 4 patrones que empujan directo al carrito sin ser agresivos. Convierten intención en decisión.
4 widgets
W01 · Conversion
Sticky Add-to-Cart Bar
+15-25% conv
Palazzo RosieTalla 40 · $48.591
KithAimé Leon DoreTodd Snyder
Aparece en scroll cuando el CTA principal de PDP sale del viewport. Nunca pierdes el CTA. Ideal para PDPs largas con storytelling — el usuario puede scrollear tranquilo sin miedo a "perder" el botón.
+22%Add-to-cart en PDP
/* Aparece en scroll cuando main-CTA sale de viewport */ const mainCTA = document.querySelector('.pdp-cta'); new IntersectionObserver(([e]) => { document.querySelector('.sticky-atc').classList.toggle('on', !e.isIntersecting); }).observe(mainCTA);
W02 · Conversion
Free-Ship Progress Bar
+12-18% AOV
Te faltan $12.400 para envío gratis
Meta: $49.000 · Actual: $36.600
NordstromSephoraASOS
Aparece en el mini-cart. El usuario que ya tiene intent alto ve un objetivo específico y concreto para subir su ticket. Incentivo puro sin sentirse manipulador.
+15%Ticket promedio
const FREE_SHIP = 49000; function renderProgress(subtotal){ const pct = Math.min(100, (subtotal / FREE_SHIP) * 100); bar.style.width = pct + '%'; lbl.innerHTML = subtotal >= FREE_SHIP ? '✓ Envío gratis desbloqueado' : `Te faltan ${MHC.formatCLP(FREE_SHIP-subtotal)} para envío gratis`; }
W03 · Conversion
"Only X Left" Urgency
+8-12% conv
36
38
40
42
44
46
NikeUniqloBooking
Solo se muestra si es escasez auténtica (stock < 4 unidades). La talla 40 tiene 3 disponibles → badge naranja. Talla 44 agotada → tachada. Cero manipulación, información pura.
+10%Cierre en PDP
sizes.forEach(sz => {
const qty = product.stock[sz];
if (qty === 0) el.classList.add('sold');
else if (qty < 4) el.classList.add('low');
});W04 · Conversion
Drop Countdown Timer
FOMO real
14Días
08Hrs
42Min
17Seg
SupremePalaceKith Monday
Perfecto para las colecciones numeradas de Mohicano — cada drop (43, 44, 45) se convierte en un evento con hora exacta. Supreme entrenó a millones de fans para conectarse los jueves a las 11 AM ET.
10xTráfico al drop
const target = new Date('2026-08-15T20:00:00-04:00'); setInterval(() => { const d = target - new Date(); td.textContent = Math.floor(d / 86400000); th.textContent = Math.floor(d / 3600000) % 24; /* ... */ }, 1000);
