El "above the fold" (arriba del pliegue) es un concepto del mundo del periódico: lo que se ve sin abrir el diario. En ecommerce mobile, es lo que se ve sin scrollear. En desktop, es lo que ocupa la pantalla sin mover el mouse. En ambos casos, es donde ocurre la primera decisión de compra.
Los elementos que no pueden faltar arriba del pliegue
En desktop (layout dos columnas): la galería de imágenes con al menos 4-5 fotos navegables a la izquierda, y a la derecha: nombre del producto completo y descriptivo, precio con descuento si aplica, rating con número de reseñas, selector de variantes (color/talla/modelo), botón de "Agregar al carrito" grande y visible, y los 3 beneficios principales en bullets cortos. Ese es el mínimo absoluto para que el cliente no necesite scrollear para tomar la decisión inicial.
En mobile: la imagen principal ocupa el ancho completo, seguida inmediatamente por nombre, precio, rating, variantes, y botón de compra — en ese orden. En mobile, el botón de compra fijo en la parte inferior de la pantalla es cada vez más estándar porque elimina el scroll de vuelta hacia arriba para comprar.
Qué NO poner arriba del pliegue
La descripción completa de 400 palabras no va arriba del pliegue — va más abajo para quien quiere profundizar. La política de devoluciones detallada va más abajo también. Las reseñas completas van al fondo de la página. El storytelling de la marca va en otra sección. El espacio arriba del pliegue es para convertir, no para educar. Todo lo que no contribuye directamente a que el cliente haga clic en "Agregar al carrito" puede esperar más abajo.
El tiempo de entrega estimado ("Llega el jueves 24 de abril si compras antes de las 14:00") cerca del botón de compra puede aumentar la conversión hasta un 20%. Es información urgente y relevante que merece estar arriba del pliegue.
Los iconos de confianza rápida
Tres o cuatro iconos pequeños debajo del botón de compra — "Pago seguro", "Devolución en 30 días", "Envío en 24h" — responden las tres ansiedades principales del comprador online sin tomar espacio significativo. Son señales de confianza que se leen en menos de 3 segundos y que pueden marcar la diferencia entre el clic y el abandono.
La jerarquía visual: precio y CTA deben destacar
En la zona arriba del pliegue, la jerarquía visual debe ser clara: el precio y el botón de compra son los elementos visualmente más prominentes. Si el precio se pierde entre texto del mismo tamaño, o si el botón de compra es del mismo color que otros botones secundarios, la jerarquía falla. Precio grande, botón con color de alto contraste, y los demás elementos en segundo plano visual.
¿Quieres analizar tu tienda con IA?
Optimiza diagnostica tu ecommerce en 2 minutos — score, hallazgos y plan de acción concreto.
El test de 5 segundos aplicado al pliegue
Muéstrale tu PDP a alguien que no la conoce por exactamente 5 segundos y luego cúbrela. Pregúntale: ¿qué producto es? ¿cuánto cuesta? ¿cómo se compra? Si no puede responder las tres preguntas, la zona arriba del pliegue no está haciendo su trabajo. Ese test simple es el mejor evaluador de si lo que pusiste arriba del pliegue realmente convierte.