En las tiendas WooCommerce que administramos, entre el 60 % y el 75 % de las sesiones vienen de un teléfono, pero la tasa de conversión móvil suele ser la mitad de la de escritorio. Esa brecha no es «normal»: es diseño. Esta guía de e-commerce móvil resume lo que hacemos para cerrarla.
Por qué la gente abandona en el celular
- Páginas de producto que tardan más de 3 segundos en cargar.
- Botón «Agregar al carrito» fuera de la vista o demasiado pequeño.
- Checkout de varios pasos que pide crear cuenta.
- Formularios con campos innecesarios y sin autocompletar.
- Métodos de pago que no reconocen o que obligan a salir de la tienda.
1. Catálogo pensado para el pulgar
En móvil, dos columnas de productos con foto cuadrada, nombre corto y precio visible. Filtros en un panel deslizante, no en una barra lateral. Búsqueda con autocompletado en la parte superior. Y la categoría más vendida, a un toque desde la portada.
2. Ficha de producto que responde preguntas
Galería deslizable con zoom, precio y disponibilidad arriba, botón de compra fijo en la parte inferior de la pantalla, variaciones como botones grandes (no menús desplegables), y las preguntas clave respondidas antes del texto largo: ¿cuánto tarda el envío?, ¿puedo devolverlo?, ¿tienen tienda física?
3. Carrito y checkout en un solo paso
Con WooCommerce configuramos un checkout de una sola pantalla: compra como invitado, dirección con autocompletado, costo de envío calculado antes de pagar y resumen siempre visible. Cada campo que se elimina sube la conversión. Provincia, cantón y distrito se eligen de listas, no se escriben.
4. Pagos que la gente en Costa Rica reconoce
Tarjeta mediante Tilopay, ONVO Pay o Greenpay, y SINPE Móvil con confirmación asistida. En móvil, el botón de pago debe activar el teclado numérico y permitir pegar el número de tarjeta. Apple Pay y Google Pay reducen el checkout a un toque cuando la pasarela lo soporta.
5. Velocidad: el factor que más pesa
Imágenes de producto en WebP de máximo 120 KB, carga diferida por debajo del pliegue, caché de página y un hosting con respuesta inferior a 500 ms. En móvil medimos LCP menor a 2.5 s e INP menor a 200 ms; por encima de eso, la conversión cae de forma medible.
6. Confianza en pantalla pequeña
Sello de sitio seguro, política de devoluciones en una línea, WhatsApp visible, reseñas reales y un teléfono. En móvil hay menos espacio, así que la confianza tiene que estar en los primeros 600 px.
Cómo medir si va bien
En Google Analytics 4 compare la tasa de conversión por dispositivo y el abandono por paso del embudo (ver producto → agregar al carrito → iniciar pago → comprar). Si móvil abandona más en «iniciar pago», el problema es el checkout; si abandona en la ficha, es velocidad o información.
Nuestro enfoque
Diseñamos las tiendas en línea primero en móvil y luego las expandimos a escritorio, no al revés. Si su tienda actual convierte poco desde el celular, una auditoría de dos horas suele revelar los tres cambios que más impacto tienen. Escríbanos y la revisamos.
¿Está pensando en un sitio nuevo o en mejorar el actual? Use nuestro cotizador en línea: cinco pasos y recibe un rango de inversión, sin llamadas de por medio. O escríbanos y lo revisamos juntos.
Preguntas frecuentes sobre e-commerce móvil
¿Necesito una app para vender desde el celular?
No. Una tienda WooCommerce rápida y bien diseñada para móvil vende igual o mejor que una app y sin costos de desarrollo ni de tiendas de aplicaciones.
¿SINPE Móvil funciona para tiendas en línea?
Sí. Puede integrarse de forma asistida (el cliente transfiere y confirma) o mediante pasarelas que lo automatizan. Lo configuramos según el volumen de la tienda.
¿Cuánto debe pesar una imagen de producto?
Para móvil, idealmente menos de 120 KB en formato WebP, con dimensiones de 800 a 1000 px de lado.
