Ventanas de upsell en el móvil: por qué el cliente las cierra
La mayoría de las visitas a una tienda Shopify típica llegan desde el móvil, y es ahí donde las ofertas de upsell salen mal. Una ventana que en el portátil se ve ordenada se convierte, en una pantalla pequeña, en una caja que tapa el botón de pago, una equis demasiado pequeña para acertarle y una imagen que empuja el precio fuera de la vista. El cliente no la lee. Busca la salida.
Qué falla en una pantalla pequeña
- El botón de cerrar es una equis diminuta en una esquina, fácil de pasar por alto y difícil de pulsar con el pulgar.
- La ventana es más alta que la pantalla: los botones quedan abajo, y el cliente tiene que desplazarse dentro de una ventana emergente.
- La página de detrás sigue desplazándose, y el cliente pierde el hilo.
- La ventana tarda un segundo en aparecer, y el cliente ya ha pulsado otra cosa.
- La oferta aparece encima de las ventanas del tema: boletín, cookies, chat.
Qué funciona
- Un panel que sube desde la parte de abajo de la pantalla, donde ya está el pulgar, en lugar de una caja en el centro.
- Todo visible sin desplazarse: una imagen pequeña, el nombre del producto, el precio, dos botones.
- Un botón de rechazo escrito entero — «No, gracias, continuar al pago» —, tan grande y fácil de pulsar como un botón normal.
- Lo básico de teclado y accesibilidad: la oferta se cierra con Escape y respeta a los clientes que han desactivado las animaciones.
- El aspecto de tu tienda. Una ventana con otra tipografía y otro color que el resto se lee como un anuncio, y los anuncios se cierran.
Una prueba de cinco minutos en tu propio móvil
- Abre tu tienda en el móvil, no en un portátil con la ventana estrechada.
- Añade al carrito el producto que activa la oferta y pulsa «Pagar».
- Comprueba que ves el precio y los dos botones sin desplazarte.
- Rechaza con el pulgar, con una sola mano. Luego repite y acepta.
- Hazlo en un segundo móvil si puedes, mejor si es pequeño o antiguo.
Prueba también con el aviso de cookies todavía abierto y con la ventana del boletín activada. Dos ventanas a la vez es la forma más habitual de que una buena oferta se cierre sin leerse.
Después del pago, tienes menos control
La página post-compra la dibuja Shopify, no tu tema ni la app, y ya está pensada para móviles. Ahí controlas el texto y el producto, así que las reglas anteriores se aplican a lo que escribes: un titular claro, un precio visible, una forma evidente de rechazar.
En FlatUpsell
En el móvil, la oferta del carrito de FlatUpsell se convierte en un panel que sube desde abajo, con el precio y los dos botones a la vista. Adopta la tipografía de tu tema y el color y los bordes de tu propio botón de pago, se cierra con Escape y prescinde de su animación para quien ha desactivado las animaciones. Puedes previsualizarla en tu página del carrito real desde la app, antes de que la vea ningún cliente.