Por qué una casilla de código de descuento arruina en silencio la conversión de tu carrito

Una casilla de código promocional visible aumenta el abandono del carrito porque le indica a todos los compradores que existe un descuento, incluso a quienes nunca pensaron buscarlo. Los compradores que no encuentran un código válido abren una pestaña nueva para buscarlo, aterrizan en páginas de cupones caducados o en el sitio de un competidor, y una parte de ellos nunca regresa a completar el pedido que ya estaba listo para hacer.

El efecto del código de cupón: qué pasa cuando un comprador ve una casilla vacía

Imagina a un comprador que añadió un producto a precio completo, se sintió bien con la compra y llegó a la página del carrito listo para pasar por el checkout. Entonces ve un campo con la etiqueta «Código de descuento» vacío justo encima del total. Esa casilla no se queda ahí en silencio. Plantea una pregunta que el comprador no se estaba haciendo: ¿estoy pagando más de lo necesario?

Este es el efecto del código de cupón. El detonante es el propio campo, no el deseo de un descuento. Un comprador que estaba perfectamente dispuesto a pagar el precio completo abre ahora una pestaña nueva, busca «[nombre de la tienda] código promocional» y aterriza en una lista de ofertas caducadas, en el anuncio de una extensión de cashback o en la página de producto de un competidor. Algunos vuelven y completan el pedido. Una parte significativa, no.

Esto coincide con lo que ha encontrado el Baymard Institute tras años de pruebas de usabilidad de checkout: los costes inesperados o poco claros son la razón número uno que citan los compradores para abandonar un carrito, muy por delante de «solo estaba mirando» o la fricción de crear una cuenta. Un campo de cupón colgando convierte a un comprador que no pensaba en el coste en uno que de pronto sí lo hace.

El segundo dato importa tanto como el primero. La mayoría de las tiendas muestra la casilla de cupón antes de que el comprador sepa siquiera cuánto costará el envío. Son dos preguntas abiertas apiladas justo en el momento en que necesitas que el comprador se sienta tranquilo, no inseguro.

¿Deberías eliminar el campo de código de cupón en el checkout?

No del todo, y aquí es donde muchos dueños de tiendas se pasan de frenada. Si tienes flujos de email, campañas de SMS o enlaces de afiliados que entregan códigos reales a los compradores, eliminar el campo rompe un camino que ya pagaste por construir. Un comprador que hizo clic en un email con un 15 % de descuento y luego no encuentra dónde introducir el código abandonará tan rápido como quien salió a buscar uno que no existe.

La solución no es eliminarlo, sino hacerlo invisible por defecto y disponible bajo demanda. Un comprador con código buscará la forma de introducirlo y encontrará sin problema un pequeño enlace «¿Tienes un código?». Un comprador sin código nunca ve la casilla, así que no hay nada que active el instinto de buscar precios.

Hazte tres preguntas antes de decidir:

• ¿Qué porcentaje de tus pedidos usa realmente un código de descuento hoy? Si es menos del 5-10 %, un campo abierto hace mucho más daño que bien.
• ¿Tus códigos actuales vienen de tu propio marketing, o los compradores asumen que hay un código «secreto» porque los competidores anuncian rebajas en toda la web constantemente?
• ¿El campo está ahora mismo por encima o por debajo del total del pedido? Encima del total se lee como una invitación. Debajo, como algo secundario, que es más cerca de lo que debería ser.

Si haces promociones públicas frecuentes, un campo visible es más defendible: los compradores ya esperan introducir algo. Si los descuentos son la excepción, trata el campo también como la excepción.

Por qué, en concreto, una casilla de código vacía hace que los compradores se vayan

Hay una diferencia entre un campo de cupón que se usa y uno que simplemente está ahí. Una casilla vacía te cuesta dinero de tres formas distintas, y conviene nombrarlas por separado porque cada una necesita una solución diferente.

Primero, crea un desvío hacia la comparación de precios. El comprador sale de tu pestaña para buscar y ahora está a un clic de la página de producto de un competidor, de una tabla comparativa de tallas o de una reseña que siembra dudas. No perdiste la venta por precio. Perdiste su atención.

Segundo, da a entender que existe un descuento cuando puede que no lo haya. Los compradores han aprendido tras años de retail que una casilla de código normalmente significa que hay un código por ahí. Si tu tienda rara vez hace promociones, la casilla es técnicamente publicidad engañosa, aunque nadie haya escrito una mentira. La investigación de NN/g sobre expectativas de usuario y señales de interfaz lo respalda: los elementos de interfaz generan expectativas, diga o no diga algo explícito el texto.

Tercero, en móvil se come espacio vertical que debería estar haciendo otro trabajo. Un campo de código empuja el botón de «realizar pedido» más abajo en la pantalla, justo cuando el alcance del pulgar y la paciencia se están reduciendo. Esto se solapa con un problema más amplio del checkout móvil que hemos tratado en detalle en nuestro artículo sobre por qué los compradores abandonan el checkout en móvil, donde cada campo extra tiene un coste desproporcionado en pantallas pequeñas.

Tres formas de ofrecer descuentos sin una casilla de código visible

No tienes que elegir entre hacer promociones y proteger la conversión. Esta es la lista de comprobación que damos a los dueños de tiendas cuando esto aparece en una auditoría.

Tres patrones concretos funcionan bien en la práctica:

1. Enlace plegado, campo desplegado. La solución más habitual. La palabra «Aplicar» o «¿Tienes un código?» aparece como texto plano, no como un campo con borde, y solo se convierte en campo al hacer clic. Esto también cumple con las pautas de accesibilidad: un control desplegable con un estado aria-expanded claro es un patrón bien documentado según las pautas de la Iniciativa de Accesibilidad Web del W3C, así que no cambias conversión por cumplimiento normativo.

2. Aplicación automática vía URL. Si tu descuento viene de un email, un socio afiliado o un flujo de SMS, añade el código al propio enlace para que se aplique automáticamente cuando el comprador llegue al carrito. El comprador nunca ve un campo porque nunca necesitó escribir nada.

3. Precios automáticos por segmento. Para niveles de fidelización, incentivos de primer pedido o descuentos por valor de carrito, aplica el ajuste de precio automáticamente según el estado de la cuenta o el contenido del carrito. Sin campo, sin código y sin invitación a buscar una oferta mejor en otro sitio.

Cada una de estas opciones conserva la función para el comprador que tiene un motivo legítimo para usarla y elimina el detonante para quien no lo tiene.

Qué significa esto si los agentes de compras con IA hacen el checkout por tus compradores

Una proporción creciente de carritos los completa un agente de IA actuando en nombre de un comprador, no el comprador directamente. Estos agentes no sienten curiosidad ni FOMO, pero sí interpretan los campos de formulario de forma literal. Un campo de cupón visible, vacío y no obligatorio puede provocar igualmente una pausa: algunos agentes están diseñados para buscar descuentos disponibles antes de completar una compra, y un campo abierto sin una forma clara de «omitir» puede detener el flujo por completo.

Hemos escrito más sobre esto en por qué los agentes de compras con IA abandonan el checkout en tu tienda, pero la versión corta para este campo concreto: márcalo claramente como opcional en el marcado subyacente, no solo visualmente, y asegúrate de que un campo plegado u oculto no requiera un clic que el rastreador de un agente no pueda detectar. La misma solución que ayuda a un comprador humano, ocultar la casilla por defecto, también elimina un campo que un agente podría marcar como no resuelto.

Qué revisa UXFix en la página del carrito

Cuando auditamos la página del carrito de una tienda con nuestro conjunto de reglas, el campo de cupón se revisa en más de un eje, porque «tiene un campo de descuento» y «tiene un campo de descuento que perjudica la conversión» son problemas distintos.

El patrón que vemos con más frecuencia, en aproximadamente dos de cada tres tiendas que auditamos, es un campo visible por defecto, colocado encima del subtotal y sin distinción visual entre «obligatorio» y «opcional». Corregir las tres cosas a la vez suele ser un cambio de front-end de medio día, no un rediseño.

Esto está muy relacionado con problemas más amplios de carrito y página de producto que tratamos en por qué los compradores se van de tu página de producto sin comprar, ya que buena parte de la fricción que aparece en el checkout se sembró antes en el recorrido del comprador.

Preguntas que nos hacen

¿Una casilla de código de descuento perjudica la conversión?

Sí, cuando es visible por defecto y está colocada encima del total del pedido, porque invita a buscar un descuento a compradores que no lo estaban buscando. No perjudica la conversión cuando está plegada detrás de un enlace de texto, ya que los compradores con un código real lo encontrarán y quienes no lo tienen nunca ven una invitación.

¿Cómo dejo que los compradores apliquen códigos sin exponer el campo a todo el mundo?

Pliega el campo detrás de un pequeño enlace «¿Tienes un código?» que se despliegue al hacer clic y, por separado, aplica automáticamente los códigos de los enlaces de email o SMS mediante un parámetro de URL, para que la mayoría de quienes usan códigos legítimos nunca vean un campo manual. Ambos patrones mantienen la función operativa y eliminan el detonante visible por defecto que provoca la búsqueda de precios.

¿Alguna vez está bien mantener un campo de cupón visible?

Si tu tienda hace promociones públicas frecuentes y conocidas y los compradores ya esperan introducir un código, un campo visible puede ser defendible porque coincide con lo que el comprador ya espera. Fuera de ese caso, un campo abierto en una tienda que rara vez descuenta hace más daño que bien, ya que sugiere un ahorro que la mayoría de compradores no va a encontrar.

¿Y en los carritos móviles en concreto?

Los carritos móviles pagan un doble coste por un campo de cupón abierto: empuja el botón de checkout más abajo en la pantalla y añade un punto de decisión justo cuando el alcance del pulgar y la paciencia son limitados. Plegar el campo es aún más valioso en móvil que en escritorio, y conviene revisarlo junto con el conjunto más amplio de problemas de checkout móvil en por qué los compradores abandonan el checkout en móvil.