· Chand Lal · publicado originalmente en LinkedIn
Consejo CRO: barra fija de «Añadir al carrito» y tallas en botones en móvil
CRO móvil: deja «Añadir al carrito» a un toque con una barra fija y muestra las tallas como botones, no en un desplegable. Con checklist de 6 puntos.
Claves
Consejo rápido de CRO: en móvil, deja «Añadir al carrito» a un toque y muestra las tallas como botones, no en un desplegable.
AuditStack detecta cosas así. La primera auditoría es gratis si quieres probarla en tu tienda.
El carrusel
El problema: en móvil, el botón desaparece
El comprador baja para ver fotos, detalles y reseñas. Ya está convencido, y «Añadir al carrito» está 3 pantallas más arriba. Las tallas se esconden en un desplegable diminuto sin saber qué hay en stock, y «Selecciona una talla» solo aparece al intentar comprar.
Cada scroll y cada toque de más es un momento para distraerse.
Por qué te cuesta
La mayoría de tiendas recibe casi todo su tráfico desde el móvil, pero convierte peor que en escritorio. Revisa tu propia analítica. Un botón de compra fuera de pantalla justo cuando hay intención es una de las fugas más baratas de arreglar.
Apple recomienda una zona táctil mínima de 44 pt (48 dp en Android, según Google Material Design). El objetivo: 1 toque, con el botón de compra siempre al alcance del pulgar.
La solución: barra fija + variantes táctiles
- Barra fija. Aparece cuando el botón principal sale de pantalla. Se queda abajo, al alcance del pulgar.
- Precio en la barra. Sin volver arriba para ver cuánto cuesta.
- Botones de talla. Chips táctiles, no un desplegable. La talla se elige antes del toque.
- Agotado = atenuado. Muéstralo y táchalo. Sin errores sorpresa.
Checklist rápida: pruébalo hoy en tu propio móvil
- «Añadir al carrito» accesible desde cualquier punto de la página
- La barra fija muestra precio + variante elegida
- Botón de 44 pt de alto o más, a todo el ancho
- Tallas/colores como botones, no un desplegable
- Opciones agotadas atenuadas antes del toque
- La barra no tapa el chat ni el banner de cookies
Mídelo
Revisa en tu analítica el reparto por dispositivo y la tasa de conversión por dispositivo, antes y después del cambio.
Auditoría gratis con AuditStack
AuditStack revisa páginas de producto en busca de fallos así. Pega la URL de una página de producto en auditstack.de y obtén los principales problemas y las soluciones exactas. La primera auditoría es gratis.
Preguntas frecuentes
¿Qué es una barra fija de «Añadir al carrito»?
Una barra que aparece cuando el botón principal sale de pantalla. Se queda abajo con el precio y la variante elegida, para que comprar esté siempre a un toque.
¿Por qué mostrar las tallas como botones y no en un desplegable?
El desplegable esconde las tallas en un selector diminuto, no se ve qué hay en stock y el error «Selecciona una talla» solo sale tras el toque. Con botones se elige primero, y las agotadas salen atenuadas.
¿Qué tamaño debe tener el botón de compra en móvil?
Al menos 44 pt de alto, la zona táctil mínima de Apple (48 dp en Android), y a todo el ancho.
¿Cómo sé si el cambio ha funcionado?
Compara en tu analítica el reparto por dispositivo y la tasa de conversión por dispositivo antes y después del cambio.
¿AuditStack puede revisar mi página de producto?
Sí. Pega la URL de una página de producto en auditstack.de y obtén los principales problemas y las soluciones exactas. La primera auditoría es gratis.
