Añadir al carrito funcionó. Luego la página del carrito cargó una segunda tienda: dos barras promocionales, un campo de cupón gritando antes del total, «completa el look» empujando Pagar debajo del pliegue. Ya eligieron. Les intentas vender otra vez. Así convences a alguien de no cerrar un pedido que ya estaba listo para confirmar.
Parte 4 de Conversión, página a página – plan completo
La investigación sobre el carrito de compra de Nielsen Norman Group trata el carrito como la página donde el comprador toma la decisión final de compra – un probador, no un segundo catálogo. La misma división que usamos en esta serie: la página de producto decide. La página del carrito confirma. El checkout cierra. Mezcla esos trabajos y el comprador tiene que decidir otra vez con un diseño peor.
La página del carrito confirma – no reabre la venta
Metieron algo en la bolsa. La página del carrito tiene un solo trabajo: mostrar los artículos correctos, el dinero correcto y un siguiente paso claro. Es un recibo en curso. No es otra home, no es otra ficha de producto, no es un sitio para «maximizar el AOV» encima de alguien que ya dijo que sí.
Todo lo que no sea artículos, cantidades, totales o Pagar es opcional. Lo opcional va debajo de la línea de confirmación. Si Pagar compite con un carrusel, ya elegiste el carrusel.
Qué va antes de Pagar
Protege solo lo que les deja decir «sí, eso es»:
- La línea que creen que añadieron. Miniatura, nombre, variante – igual que en la ficha, no un marcador genérico. El mini-carrito decía «Azul / M» y el carrito completo muestra otra combinación: eso es una decisión nueva, no una confirmación.
- Cantidad que puedan corregir. Subir, bajar y sacar. Un selector que no llega a cero, o un desplegable hasta 99, es fricción disfrazada de carrito.
- Dinero de línea que coincida con el clic. Si la ficha decía 47,90 € y el carrito dice 52,90 € sin una línea que explique por qué, no necesitan un upsell. Necesitan una explicación o una corrección.
- Honestidad en envío e impuestos, o un «se calcula a continuación» claro. Gastos ocultos después de comprometerse es cómo la confirmación se vuelve sospecha.
- Pagar, visible sin búsqueda del tesoro. Un botón principal. No una fila de botones iguales para «seguir comprando», «guardar para más tarde» y «aplicar cupón» gritando al mismo tamaño.
Un campo de cupón puede existir. No tiene que ser lo más ruidoso de la página. Ponlo discreto, bajo los totales, para quien vino con un código. No hagas que todos jueguen a la caza del descuento antes de poder pagar.
Qué convierte la confirmación en reventa
El patrón que seguimos viendo es un carrito que cargó todos los módulos sobrantes del resto de la tienda. En una tienda el carrito completo tenía dos tiras de anuncio, una barra de envío gratis que contradecía los totales y una fila «completa el look» encima de Pagar – así las líneas reales empezaban tras un segundo catálogo. Daño habitual:
- Cross-sells encima de Pagar. «También te puede gustar» en la zona del pulgar mientras la bolsa que ya eligieron sigue negociando espacio. Encima de Pagar esas filas son rampas de salida. El sitio útil para ellas no es esta página – ver abajo.
- Pila promocional antes del recibo. Anuncio más rebaja más cromo de newsletter, copiado del header, comiéndose la primera pantalla. El carrito no necesitaba una valla publicitaria.
- Papel pintado de confianza repitiendo la ficha. Logos de pago y filas de sellos que ya pasaron en el producto. Cromo nervioso no confirma una línea.
- Un segundo ensayo. Política de envío, novela de devoluciones, bloque SEO bajo el título. El carrito no es una landing.
- Popups en una página que debería sentirse como recibo. Captura de email en el carrito es pedir una cita mientras intentan revisar la talla.
El copy de presión va en el mismo cubo. Si la página grita, no confirma. Arregla el trabajo, luego discute la urgencia en otro sitio – esta serie trata de qué página hace qué trabajo.
Dónde van las ofertas extra
Cross-sells, «completa el look», un extra de garantía, captura de newsletter – pueden ganar dinero. No son el villano. La página del carrito es la habitación equivocada. El comprador ya eligió una línea. Les pides reabrir la venta mientras intentan revisar talla y total.
Pon el pitch extra donde debe ocurrir una decisión nueva:
- En la página de producto, mientras aún eligen. Accesorios, bundles, «va con esto» – esa es la página que decide, no el recibo.
- Después de pagar. Página de gracias, albarán, un correo de seguimiento. Confirmaron este pedido. Ahora puedes sugerir lo siguiente sin hablarles de salir del checkout.
- Cuando vuelvan. Cuenta, reordenar, «comprar de nuevo» con un SKU relacionado. Esa es una sesión posterior, no esta.
Si una fila de productos relacionados tiene que quedarse en la URL del carrito, ponla bajo Pagar, discreta, tras la línea de confirmación. No copies el mismo carrusel al checkout. Esa página tiene su propio trabajo – la siguiente entrega de esta serie.
La línea del dinero tiene que ser aburrida
Subtotal, extras, total – una pila, un sitio. Si el número salta entre mini-carrito, página del carrito y el primer paso del checkout, ningún carrusel salva la sesión. La gente abandona cuando el recibo miente, no cuando olvidaste una barra de progreso.
Si el envío aún no se puede saber, dilo en una línea junto al total. No dejes un «gratis» falso que muere en la página siguiente.
Conserva las líneas que la ley sigue pidiendo
Quitar reventa del carrito no significa borrar la pila de precios. En algunos mercados esas líneas no son cromo opcional. Haz el pase legal primero, luego corta el carrusel. Esto no es asesoramiento legal – si vendes en esos mercados, que un abogado lea tu carrito y checkout. El punto de UX es más simple: un total obligatorio es trabajo de confirmación. Una fila «completa el look» no lo es.
Alemania es el ejemplo que la mayoría de comerciantes tienen en mente. Las tiendas de venta a distancia deben decir que los precios incluyen IVA (y otras partes del precio) y si se añadirán gastos de envío – Preisangabenverordnung § 6. Cuando el importe puede calcularse razonablemente de antemano, la ley quiere la cuantía de esos costes, no un vago «más envío». La jurisprudencia alemana sobre el carrito de compra es directa con la misma idea: una vez que el comprador abre la cesta, el envío real de este pedido pertenece al desglose de precio. Una pista «zzgl. Versandkosten» en el producto no sustituye esa línea en el carrito.
La famosa Button-Lösung alemana es la página siguiente, no esta. BGB § 312j quiere el total con impuestos y envío, claro, inmediatamente antes del pedido, y un botón que diga que el clic es un pago – no un «Pagar» bonito que esconda la obligación. Vacía el carrito y luego falla ese resumen y no simplificaste nada. Moviste la multa al checkout.
El resto de la UE tampoco es tierra de nadie. La Directiva de derechos del consumidor ya exige precio total y costes de entrega cuando pueden calcularse, y prohíbe extras de pago salvo que el comprador acepte expresamente. Seguro, envoltorio o «añadir protección» pre-marcados no es consentimiento – tienen que optar. El Reino Unido mantuvo esa regla de pago extra tras el Brexit. Misma limpieza: conserva el total honesto, mata el extra silencioso.
Móvil: mismo trabajo, menos espacio
La página del carrito hace el mismo trabajo en el móvil. Primera pantalla: artículos, dinero, Pagar. Ya luchaste contra el volcado de escritorio en la página de producto móvil. No vuelques la home al carrito en cuanto pulsan Añadir al carrito. Productos relacionados, tiras promocionales y un widget alto de cupón que empujan Pagar fuera del primer scroll con el pulgar son el mismo bug de apilamiento con otra URL.
Traspaso, no un checkout falso
Dirección, pago, muros de cuenta pertenecen al checkout – la siguiente entrega, no esta. Un carrito que pide la tarjeta está confundido sobre qué página es. Confirma aquí. Cierra allí.
Trabaja esto con tu agente de IA
No pidas a un agente que «mejore la UX del carrito». Pásale la página del carrito y que separe confirmación de reventa.
Qué pegar: el HTML del carrito, o dos capturas (escritorio + móvil), más el precio que el comprador acaba de ver en la ficha.
Prompt 1 – orden de bloques. «Lista cada bloque de este carrito de arriba abajo. Etiqueta cada uno como confirmación (artículos, cantidad, dinero, Pagar, líneas legales obligatorias de impuestos/envío/total) o reventa (ofertas, promo, cromo extra). Propón un orden nuevo con Pagar encima de todo bloque de reventa. No añadas funciones. No borres líneas de precio obligatorias.»
Prompt 2 – línea del dinero. «Aquí está el HTML de totales del carrito y aquí el precio de ficha que vio el comprador. Señala desajustes, extras ocultos y envío gratis falso. Reescribe el bloque de totales como una pila corta y aburrida.»
Buena salida: una checklist que puedas pasar a un tema o a un desarrollador – mueve X bajo Pagar, borra Y, arregla Z en la línea del dinero. No un ensayo sobre tasas de abandono.
Recibe las partes en vivo por correo
Suscríbete y te enviamos las partes en vivo de esta serie. Nuevos artículos cuando se publican. Confirma el correo que te mandamos – si no, no volveremos a escribir.
Esta es la parte 4 de Conversión, página a página.
Anterior: Tu página de producto móvil no está optimizada – es una página de escritorio embutida en un teléfono · Siguiente: Checkout – suscríbete en el hub de la serie para no perdértelo.