- Una página de producto vende cuando responde cinco preguntas a la vez: qué es, si encaja, cuánto cuesta en total, cuándo llega y si se puede devolver.
- La primera pantalla es la que más importa, especialmente en el móvil: la imagen, el título, el precio, las variantes y el botón de añadir al carrito deben verse juntos.
- De los compradores estadounidenses que abandonaron un carrito, el 12% mencionó un coste total del pedido que no era visible desde el principio (Baymard Institute). Muestra los gastos de envío y las tarifas cerca del precio.
- Prueba los cambios en la página de producto antes de implementarlos, y aplica un mismo test a todas las páginas de producto mediante coincidencia de URL.
Para mejorar las páginas de producto y vender más, asegúrate de que cada página responda cinco preguntas: qué es el producto, si encaja, cuánto cuesta en total, cuándo llega y si se puede devolver. Después revisa 12 elementos: título, imágenes, precio y coste total, variantes, botón de añadir al carrito, entrega, devoluciones, descripción, reseñas, señales de confianza, guía de tallas o FAQ y productos relacionados.
Esta página empieza con las cinco preguntas y después analiza qué debe ir por encima del pliegue. Enumera los 12 elementos, uno por uno, y luego revisa las páginas de producto en móvil y los errores comunes. La última sección muestra cómo probar los cambios en la página de producto antes de implementarlos y termina con una lista de comprobación.
Qué tiene que responder una página de producto
Un visitante en una página de producto se hace cinco preguntas, aproximadamente en este orden. Si la página responde a las cinco sin esfuerzo, añadir al carrito es una decisión fácil:
- ¿Qué es? El título, la imagen principal y un resumen de una línea responden a esto.
- ¿Me encaja? Las variantes, la información de talla, la compatibilidad y las especificaciones clave responden a esto.
- ¿Cuánto cuesta en total? El precio, más el envío, los impuestos y las tarifas, responden a esto.
- ¿Cuándo llega? Una fecha o franja de entrega responde a esto.
- ¿Se puede devolver? Un breve resumen de devoluciones responde a esto.
Usa las cinco preguntas como una prueba para tus propias páginas. Abre una página de producto en un móvil, dásela a alguien que no conozca la tienda y pídele que responda cada pregunta en voz alta. Cada pregunta que tarde más de unos segundos señala un elemento a corregir. Los 12 elementos siguientes son los lugares habituales donde se encuentran esas respuestas.
La parte visible sin hacer scroll en una página de producto
El área visible sin hacer scroll decide si un visitante se queda. En una página de producto debe contener cinco cosas: una imagen grande del producto, un título claro, el precio, la selección de variante y el botón de añadir al carrito. Si el visitante tiene que hacer scroll para encontrar el botón o ver el precio, la primera pantalla está haciendo demasiado poco.
En un móvil, la primera pantalla es la más pequeña, así que compruébala ahí primero. Una galería que ocupa toda la pantalla puede empujar el título, el precio y el botón fuera de la vista. Compara la primera pantalla con las cinco preguntas anteriores y asegúrate de que al menos las tres primeras queden respondidas de inmediato. El artículo sobre above the fold explica el principio en general, y el artículo sobre el hero shot trata la imagen principal.
12 elementos que impulsan las ventas
Trabaja estos 12 elementos de arriba abajo. Cada uno es una hipótesis que debes comprobar en tu propia página:
- Título del producto. Nombra el producto tal como lo buscan los compradores, con el atributo principal, como tipo, material o modelo.
- Imagen principal y galería. Muestra el producto con claridad primero sobre un fondo liso, luego en uso, en detalle y con escala. Un vídeo corto puede responder preguntas que las fotos no pueden.
- Precio y coste total. Muestra el precio en una posición clara y muestra qué más se añadirá. Según el Baymard Institute, el 12% de los compradores de EE. UU. que abandonaron un carrito mencionó «coste total del pedido no visible de antemano» como motivo (consultado el 20 de octubre de 2026). Enlaza con las normas de envío o indica el envío junto al precio.
- Selector de variante. Haz que opciones como talla y color sean fáciles de tocar y muestra las opciones agotadas como tales. Mantén visible la variante elegida en la imagen.
- Botón de añadir al carrito. Usa un único botón principal con una etiqueta clara, un contraste fuerte y suficiente espacio alrededor. Confirma la acción de forma visible tras el clic.
- Información de entrega. Muestra la fecha o el plazo de entrega previstos y el método de envío cerca del botón.
- Información de devoluciones. Resume las condiciones de devolución en una o dos líneas y enlaza con la política completa.
- Descripción y especificaciones. Empieza con los beneficios para el comprador y sigue con los datos: materiales, dimensiones, cuidado. Usa títulos y bloques cortos para que se pueda leer en diagonal.
- Reseñas de clientes. Muestra la valoración media cerca del título y da acceso a los compradores a las reseñas completas, incluidas las críticas. Marca las reseñas de compras verificadas.
- Señales de confianza y pago. Muestra métodos de pago conocidos y sellos de seguridad o calidad relevantes cerca del botón. Más sobre esto en si los sellos de confianza aumentan las conversiones.
- Guía de tallas, preguntas frecuentes o comparativa. Responde directamente en la página a las preguntas que recibes más a menudo por correo o chat.
- Productos relacionados. Ofrece alternativas y complementos adecuados debajo del contenido principal, para que un visitante que no quiera este producto encuentre otro.
No todos los elementos tienen el mismo efecto en cada tienda, y ningún elemento es una garantía. Un producto con pocas opciones no necesita un selector de variante grande, y un producto de nicho puede necesitar una descripción más larga que un artículo cotidiano. Prioriza según lo que preguntan tus visitantes. Para un pico de ventas como el Black Friday, consulta optimización de la página de producto para el Black Friday.
Páginas de producto en móvil
Muchas tiendas reciben la mayoría de sus visitas desde el móvil, así que la página de producto móvil merece su propia revisión. Comprueba estas tres cosas en un móvil real:
- Botón de añadir al carrito fijo. Un botón que permanece visible permite comprar desde cualquier posición de scroll. Comprueba que no tape el precio, la nota de entrega o un aviso de cookies.
- Galería de imágenes. El deslizamiento debe ser fluido, la primera imagen debe cargar primero, y el zoom debe funcionar con dos dedos. Una galería difícil de abandonar frustra a los visitantes.
- Legibilidad. El texto debe ser lo bastante grande para leerse sin hacer zoom, los elementos táctiles deben estar suficientemente separados, y las tablas deben desplazarse o reajustarse. Las descripciones largas funcionan mejor en secciones cortas que se pueden desplegar.
Prueba móvil y escritorio por separado. Un cambio que ayuda en escritorio puede perjudicar en un móvil. Más sobre el tema en la guía de mobile A/B testing.
Errores comunes en páginas de producto
Estos errores aparecen una y otra vez en las páginas de producto:
- Coste total oculto. Los visitantes se enteran del envío o de los gastos solo en el carrito.
- Una sola imagen pequeña. Una miniatura única no puede responder preguntas sobre tamaño, material o uso.
- Un botón oculto o débil. El botón se confunde con la página, o queda debajo de una descripción larga.
- Reseñas sin contexto. Solo reseñas de cinco estrellas, o reseñas que no se pueden filtrar, parecen filtradas y pierden su valor.
- Especificaciones en un muro de texto. Los datos que comparan los compradores quedan enterrados en párrafos.
- Ventanas emergentes en el momento equivocado. Una capa de newsletter sobre el producto al llegar bloquea la página.
- Páginas sin existencias sin salida. Los visitantes llegan a un callejón sin salida, sin alternativa ni aviso de reposición.
- Revisiones solo en escritorio. La página se revisa en una pantalla grande y nunca en un móvil.
Para cada error en tus propias páginas, anota la página, el problema y el cambio que probarías. Esa lista es el punto de partida de tu plan de pruebas. Si todavía no sabes en qué etapa del recorrido de compra pierdes más visitantes, empieza por el diagnóstico de por qué una tienda online no convierte.
Cómo testar cambios en la página de producto
Un cambio en la página de producto afecta a muchos pedidos, así que pruébalo antes de implementarlo en todo el catálogo. Con Varify.io puedes:
- Describe el cambio, deja que la IA lo construya. Con Prompt-Based Experimentation (PBX) describes el cambio a la página de producto en lenguaje natural, por ejemplo un elemento movido, un texto nuevo o una nota añadida. La IA construye la variante y configura el experimento, sin necesidad de un desarrollador. Luego compárala con el original. Consulta ejemplos de PBX.
- Encuentra qué probar. El AI CRO Audit toma la URL de una página de producto y devuelve información, recomendaciones y diez ideas de prueba que puedes usar directamente como pruebas A/B.
- Aplica una prueba a todas las páginas de producto. Usa la coincidencia de URL en segmentación de páginas para ejecutar un experimento en todas las URL de producto a la vez.
- Prueba módulos y plantillas en Shopify. La documentación explica cómo probar módulos de PDP en el editor y cómo probar plantillas de PDP.
- Mide pedidos e ingresos. Con Shopify, se pueden importar objetivos de compra e ingresos. Todos los eventos de GA4 están disponibles como objetivos, así que también puedes medir
add_to_cart. - Sin cookies. Varify guarda la asignación de la variante en localStorage, sin datos personales. Más información sobre pruebas A/B sin cookies.
Prueba un cambio a la vez en una página de producto con mucho tráfico, y planifica la duración primero con la calculadora de duración de pruebas gratuita. Usa esta lista de verificación antes de empezar:
- La página responde a las cinco preguntas del comprador en la primera pantalla.
- El coste total, el plazo de entrega y las condiciones de devolución son visibles cerca del botón.
- La imagen principal, la galería y el botón funcionan en un móvil.
- Las reseñas y las señales de confianza están colocadas donde surge la duda.
- La hipótesis, el objetivo principal y la fecha de finalización están anotados.
- La variante se revisó con el enlace de vista previa en móvil y escritorio.
Prueba los cambios de tu página de producto antes de implementarlos.
Describe el cambio en cualquier página de producto, deja que la IA lo construya, mide el add-to-cart y los pedidos en tu propio GA4 y conserva lo que funcione.