El coste de envío en la página de producto: cómo se puntúa PDP-004

Mostrar el coste de envío en la página de producto significa que el comprador puede ver cuánto costará la entrega, u obtener una estimación concreta, antes de pulsar añadir al carrito. En nuestro libro de reglas esto es PDP-004, una regla crítica de la fase de decisión. Una página aprueba cuando el coste, un umbral de envío gratuito o un estimador que funciona están a menos de un scroll del precio. Una página suspende cuando la primera mención del coste de envío aparece en el carrito o en el checkout.

Qué comprueba PDP-004 y por qué es una regla crítica

PDP-004 dice: coste o estimación de envío detectable desde la PDP. La regla pertenece a la fase de decisión de nuestro libro de 115 reglas, el momento en que el comprador ya ha encontrado el producto y está calculando si el total le parece aceptable. Es una de las reglas que ponderamos como críticas, porque suspenderla no degrada la experiencia: cambia el resultado.

La comprobamos contra el DOM, y por eso la regla está etiquetada como dom y no como visual. El auditor carga la página de producto en un viewport de escritorio y otro de móvil, y después busca información de envío en el texto renderizado. También inspecciona los datos estructurados en busca de shippingDetails en la oferta. Un diseñador visual puede ver un banner de envío en una captura de pantalla; la auditoría necesita encontrarlo en el marcado, porque eso es lo que también encuentran los lectores de pantalla, los buscadores y los agentes de compras.

La regla es deliberadamente estrecha. No exige el coste exacto de envío a cada dirección, algo que la mayoría de las tiendas no puede calcular antes de saber dónde vive el comprador. Pregunta si un comprador que nunca ha visitado la tienda, y que no ha escrito nada, puede responder a la pregunta «¿cuánto me costará aproximadamente que me llegue esto?» sin salir de la página.

Si tu respuesta a esa pregunta es «lo descubren en el checkout», la regla suspende. Si la respuesta es «gratis a partir de £50, y está escrito junto al precio», aprueba. La lista completa de lo que comprobamos está en Las 115 reglas de UX de checkout ecommerce que auditamos, y PDP-004 es una de las once que tratamos como críticas en la fase de página de producto.

¿Por qué importa tanto el coste de envío en la página de producto?

La cifra de envío no es un detalle: es parte del precio. Un comprador que compara un artículo de £34 en tu tienda con uno de £38 en otra está comparando totales, y si tu total es desconocido, o adivina o se marcha a averiguarlo. Ambos resultados te cuestan: la suposición suele ser pesimista, y la marcha suele ser definitiva.

Baymard Institute realiza una encuesta recurrente sobre por qué los adultos estadounidenses abandonan el checkout. En todas sus rondas publicadas, el principal motivo declarado es que los costes adicionales son demasiado altos, agrupando envío, impuestos y comisiones. Casi la mitad de quienes abandonan lo mencionan. Eso es aproximadamente el doble que el siguiente motivo de la lista, verse obligado a crear una cuenta.

Lo que la cifra oculta es el momento. Un comprador que conoce el coste en la página de producto y decide no seguir nunca entra en el carrito, así que nunca aparece en la cifra de abandono. Un comprador que lo descubre en el checkout ya ha invertido tres o cuatro pasos, y su salida se registra como un fallo del checkout. Mostrarlo en la PDP no abarata el envío. Adelanta la decisión a un punto en el que perder al comprador aún cuesta poco y en el que quienes continúan tienen muchas más probabilidades de terminar.

Hay además un efecto de confianza difícil de medir pero fácil de observar en las grabaciones de sesión. Cuando los compradores llegan a un total en el checkout mayor del que esperaban, un comportamiento habitual es volver a la página de producto y hacer scroll buscando la información de envío que asumen que se les pasó. Cuando no está, se van. Hemos escrito sobre la versión posterior de esto en Por qué los compradores abandonan el carrito por los costes de envío; este artículo trata de evitarlo antes del carrito.

Qué consideramos detectable

Detectable tiene un significado preciso en la auditoría. La información debe estar visible en el estado por defecto de la página, o a una sola interacción de distancia con un disparador evidente. Una línea bajo el precio cuenta. Un acordeón plegado de «Envíos y devoluciones» en los detalles del producto cuenta como parcial, porque el comprador tiene que saber que debe abrirlo. Un enlace en el pie de página no cuenta, porque ningún comprador mira ahí antes de decidir comprar.

También probamos en un viewport móvil de 375px, porque ahí está la mayor parte de tu tráfico. Una línea de envío que en escritorio está junto al precio pero que en móvil cae por debajo del pliegue, después de la galería, el selector de variantes y dos barras fijas, se puntúa según el resultado en móvil.

Suspenso, parcial, aprobado: cómo puntuamos PDP-004

La auditoría produce uno de tres resultados para esta regla. Cada uno tiene una definición fija, de modo que dos auditores que miren la misma página deberían llegar a la misma calificación. A continuación, cada nivel con un ejemplo representativo de nuestra biblioteca de capturas.

Suspenso

Suspenso: el precio, el selector de variantes y el botón. El envío se menciona por primera vez en la página del carrito.

Una página suspende cuando en el contenido principal no aparece ninguno de estos elementos: un coste de envío, un rango de costes de envío, un umbral de envío gratuito, una estimación de entrega que incluya el coste, o un estimador que acepte un código postal o un país. Un enlace en el pie a la política de envíos no salva la nota. Tampoco un banner global que solo diga «Envío rápido» sin ninguna cifra, porque rapidez no es coste.

El patrón de suspenso más habitual no es una tienda que oculte el envío a propósito. Es un tema cuya plantilla de caja de compra nunca tuvo un campo de envío, y el dueño de la tienda dio por hecho que el cajón del carrito lo cubría. En las últimas 250 auditorías de UXFix, el 61 % de las páginas de producto acabó aquí. El segundo patrón más común es una tienda que ofrece envío gratuito a partir de un umbral y solo lo dice en una barra de anuncios rotativa, que a menudo está pausada, cerrada o ausente en móvil.

Parcial

Parcial: la información existe en la página, pero el comprador tiene que pasar la descripción y abrir un acordeón para encontrarla.

Una página obtiene parcial cuando la información del coste de envío está en la página pero encontrarla requiere esfuerzo o suerte. Casos típicos: un acordeón cerrado por debajo del pliegue; un tooltip en un icono pequeño junto al precio; un enlace «Ver opciones de envío» que abre un modal; un umbral que solo se indica en la barra de anuncios; o una afirmación cierta pero evasiva, como «Envío calculado en el checkout» acompañada de un enlace a una tabla de tarifas.

Parcial también cubre las tiendas que dan un coste pero omiten la condición que lo cambia. «Envío gratuito» sin mencionar que solo aplica a Gran Bretaña peninsular es parcial, porque un comprador de Belfast o Jersey obtendrá una respuesta distinta en el checkout. Un rango sin límite inferior real, como «desde £4,95», es parcial cuando el coste realista de la mayoría de los pedidos está muy por encima de esa cifra.

Aprobado

Aprobado: coste, umbral y fecha de entrega están justo debajo del precio, visibles sin scroll en escritorio y móvil.

Una página aprueba cuando un comprador que llega por primera vez puede leer un coste de envío, un umbral, o usar un estimador a menos de un scroll del precio, sin abrir nada, en ambos viewports. La redacción debe ser una cifra o una regla que se traduzca en una cifra. «Entrega gratuita a partir de £40, si no £3,95» aprueba. «Tarifa única de £6,95, de 2 a 4 días laborables» aprueba. «Introduce tu código postal para ver el coste de entrega» con un campo que funciona aprueba, siempre que el campo esté en la caja de compra y el resultado aparezca en la misma página.

Aprobar no exige la fecha de entrega, pero las páginas más sólidas que vemos la incluyen, porque la fecha es la segunda pregunta que se hace el comprador después del coste. Eso lo puntuamos por separado en otra regla, tratada en Por qué los compradores abandonan el checkout cuando no se muestran las fechas de entrega. Mostrar ambas cosas en el mismo bloque es el patrón que recomendamos.

Dónde debe estar el coste de envío en la página de producto

La regla dice a menos de un scroll del precio. En la práctica, la ubicación con mejor rendimiento es justo debajo del precio o justo debajo del botón de añadir al carrito, dentro de la caja de compra. Son los dos sitios a los que mira todo comprador, en ese orden, y los dos elementos que la mayoría de los temas mantienen visibles en una barra fija en móvil.

La siguiente tabla muestra cómo clasificamos las ubicaciones habituales al puntuar. La posición importa, pero también lo que dice realmente el texto.

Dos apuntes sobre la redacción. Primero, empieza por el resultado que obtendrán la mayoría de los compradores. Si la mayoría de tus pedidos tienen envío gratuito, di primero «Entrega gratuita a partir de £40» y después el coste alternativo. Si la mayoría de los pedidos pagan, pon primero la tarifa de pago para que el caso habitual nunca sea una sorpresa. Segundo, incluye el país en la frase cuando importe. «Entrega gratuita en Reino Unido» evita la decepción en el checkout que «Entrega gratuita» provoca en un comprador internacional.

En móvil, revisa la barra fija de añadir al carrito. Muchos temas colapsan la caja de compra en un pie fijo con el precio y el botón, y la línea de envío se queda atrás en el contenido que ya ha desaparecido con el scroll. Si la barra fija es lo que el comprador ve en el momento de decidir, la línea de envío tiene que estar en ella, aunque sea como una cadena corta del tipo «Entrega gratuita a partir de £40».

El umbral de envío gratuito en la PDP

Un umbral es la forma más común en que las tiendas aprueban esta regla, y además funciona como palanca del valor medio del pedido. La auditoría busca tres cosas: el importe del umbral, la tarifa alternativa cuando no se alcanza el umbral, y si el umbral se repite en el carrito con un indicador de progreso. Solo las dos primeras afectan a PDP-004, pero las tiendas que hacen las tres de forma consistente muestran en nuestros datos la menor distancia entre visitas a la página de producto y pedidos completados.

Un umbral indicado sin la alternativa es parcial. «Envío gratuito a partir de £50» deja adivinando a quien tiene una cesta de £45. «Envío gratuito a partir de £50, si no £4,50» responde a todos.

Casos límite: cuando no puedes mostrar una sola cifra

La mayoría de las objeciones a esta regla vienen de tiendas cuyo envío varía de verdad. La regla lo contempla, pero no acepta el silencio como respuesta. Así puntuamos las situaciones más habituales.

Las tarifas varían según el destino. Muestra la tarifa de tu mercado principal y un estimador que funcione. «Entrega en Reino Unido £3,95. ¿Envío a otro lugar? Introduce tu país» aprueba. El estimador debe devolver una cifra en la página, no redirigir a una política. Lo probamos introduciendo un destino internacional plausible; si da error o devuelve «calculado en el checkout», la nota baja a parcial.

Las tarifas varían según el peso o el contenido del carrito. Indica la tarifa de este producto por sí solo, que sí conoces. «Entrega de este artículo: £5,95. Añade más artículos y paga un solo gasto de envío» es honesto y aprueba. Los compradores rara vez necesitan el coste exacto de una cesta hipotética; necesitan saber que el artículo que están mirando no llevará un recargo de £25.

Artículos voluminosos o de transporte pesado. Estas son las páginas donde ocultar el coste hace más daño, porque el recargo puede ser una parte importante del precio del artículo. «Entrega con mensajería de dos personas, £49, incluye colocación en la habitación que elijas» aprueba y filtra a los compradores que de todos modos abandonarían en el checkout. Un presupuesto de transporte por código postal en la caja de compra también aprueba. «Presupuesto de transporte tras la compra» suspende, y según nuestra experiencia es además el mayor generador de solicitudes de cancelación en tiendas de muebles y electrodomésticos.

Varias velocidades de envío. Muestra la más barata y etiquétala. «Entrega estándar desde £3,95, exprés disponible» aprueba porque el límite inferior es real y el comprador sabe que existe una opción más rápida. Listar las cuatro velocidades en la caja de compra es innecesario; eso pertenece al selector de envío del checkout.

Marketplaces o tiendas multivendedor. Cada página de producto muestra las reglas de envío del vendedor de ese artículo, no una política global que quizá no aplique. Cuando el vendedor no ha configurado una tarifa, la plataforma debería mostrar un valor por defecto en lugar de nada.

Reservas y artículos bajo pedido. La regla del coste es la misma. La regla de la fecha cambia: di «Se envía a partir del 12 de abril» en lugar de una fecha de entrega que no puedes garantizar. Una ventana estimada de expedición junto con un coste aprueba PDP-004.

Recogida en tienda o recogida local. Menciónala junto a la entrega, no en su lugar. «Recogida gratuita en nuestra tienda de Leeds, o entrega por £3,95» aprueba. «Recogida gratuita disponible» por sí solo es parcial, porque el comprador que no puede recoger sigue sin saber el coste de entrega.

Qué necesitan los agentes de compras con IA de tu página de producto

UXFix puntúa cada tienda dos veces: una para un comprador humano y otra para un agente de compras con IA. En PDP-004 las dos puntuaciones pueden divergir mucho, y la del agente suele ser la más baja.

Un agente que actúa en nombre de un comprador no hace scroll, no pasa el cursor ni abre acordeones como lo haría una persona. Analiza el DOM, lee los datos estructurados si existen y extrae un precio. Cuando se le pide comparar tu producto con el de un competidor, necesita un total, y si tu coste de envío solo está en un banner de imagen, en un pseudoelemento CSS o en un modal de JavaScript que no se renderiza hasta que se hace clic, el agente o bien omite tu tienda de la comparación o bien supone un coste. Ninguna de las dos cosas te ayuda. Tratamos la parte del precio de este fallo en Por qué los agentes de compras con IA leen mal tus precios; el envío es el mismo problema una línea más abajo.

La solución tiene dos partes. Primero, haz que la línea de envío visible para humanos sea texto real en el DOM, adyacente al elemento del precio, no una imagen de fondo ni algo inyectado solo tras una interacción. Segundo, añade los detalles de envío a los datos estructurados de tu producto usando OfferShippingDetails, que es el vocabulario que schema.org define exactamente para esto y que Google documenta en su guía de datos estructurados de producto. Los agentes que leen JSON-LD lo recogerán directamente; los que no, seguirán teniendo el texto visible.

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Merino Crew Neck Jumper",
  "offers": {
    "@type": "Offer",
    "price": "34.00",
    "priceCurrency": "GBP",
    "availability": "https://schema.org/InStock",
    "shippingDetails": {
      "@type": "OfferShippingDetails",
      "shippingRate": {
        "@type": "MonetaryAmount",
        "value": "3.95",
        "currency": "GBP"
      },
      "shippingDestination": {
        "@type": "DefinedRegion",
        "addressCountry": "GB"
      },
      "deliveryTime": {
        "@type": "ShippingDeliveryTime",
        "handlingTime": {
          "@type": "QuantitativeValue",
          "minValue": 0,
          "maxValue": 1,
          "unitCode": "DAY"
        },
        "transitTime": {
          "@type": "QuantitativeValue",
          "minValue": 2,
          "maxValue": 4,
          "unitCode": "DAY"
        }
      }
    }
  }
}

Un umbral de envío gratuito puede expresarse añadiendo una segunda entrada OfferShippingDetails con un valor de shippingRate de 0 y un minValue en el importe de pedido que da derecho a él, o, más sencillo, indicando la regla en texto visible y dejando que la tarifa estructurada refleje la alternativa de pago. Hoy el texto visible importa más que el schema para la mayoría de los agentes, porque varios de ellos renderizan la página y leen lo que leería un comprador. Tener ambas cosas es el estado que aprueba la auditoría del lado del agente.

La auditoría del agente también comprueba que la cadena de envío y el precio estén en el mismo contenedor o en elementos hermanos adyacentes. Una línea de envío colocada en un widget lateral a 1.200 píxeles de distancia en el orden del DOM está técnicamente en la página, pero a menudo un analizador no la asocia con la oferta. Mantenlas juntas.

Cómo corregir un suspenso en PDP-004 esta semana

Esto no es un rediseño. En la mayoría de los temas el cambio es una edición de plantilla y una decisión de configuración, y todo puede estar en producción en una tarde.

La secuencia que recomendamos es: decidir la frase, colocarla y después verificar. Decidir la frase es la parte que los dueños de tiendas subestiman. Saca tus últimos 500 pedidos y comprueba qué coste de envío pagó realmente el pedido mediano. Esa es la cifra con la que empezar. Si la respuesta es cero porque la mayoría de los pedidos superan tu umbral, empieza por el umbral. Si la respuesta es £4,95, empieza por £4,95 y menciona el umbral después.

Colocarla es una edición del tema. En los temas de Shopify suele ser un bloque de texto en la sección de información del producto; en WooCommerce es un hook después del precio o un shortcode en la plantilla de producto individual; en desarrollos a medida es una línea en el componente de oferta. Sea cual sea la plataforma, el requisito es que el texto esté en el DOM renderizado en servidor o hidratado, no inyectado al hacer scroll o clic.

Verificarla significa cargar la página en una ventana privada a 375px de ancho y preguntarle a alguien que no trabaje para ti cuánto cuesta recibir el artículo. Si puede responder en menos de diez segundos sin tocar nada, apruebas. Después pasa la página por un validador de datos estructurados para confirmar que el objeto shippingDetails se analiza correctamente.

Una advertencia que sale de las auditorías. Algunas tiendas responden a esta regla añadiendo una línea de envío técnicamente cierta pero diseñada para parecer más barata que la experiencia real, como «Entrega desde £1,99» cuando £1,99 es una opción sin seguimiento de diez días que casi nadie elige. Eso aprueba PDP-004 en la comprobación del DOM y de todas formas falla al comprador, porque la opción por defecto del checkout es £5,95. La regla existe para eliminar sorpresas. Elige la cifra que las elimina.

Preguntas que nos hacen

¿Dónde debe aparecer exactamente el coste de envío en una página de producto?

Justo debajo del precio o justo debajo del botón de añadir al carrito, dentro de la caja de compra, como texto plano. Esas dos posiciones son visibles sin scroll en escritorio, sobreviven al colapso en una barra fija en móvil y están junto al precio en el DOM, donde los analizadores y los lectores de pantalla las asocian con la oferta. Un acordeón, un tooltip o una barra de anuncios pueden repetir la información, pero no deberían ser el único lugar donde está.

¿Basta con un estimador de envío por código postal para aprobar?

Sí, si está en la caja de compra, devuelve una cifra en la misma página sin redirigir y funciona para los destinos de los que realmente vienen tus compradores. Es más sólido si va acompañado de una afirmación por defecto para tu mercado principal, como «Entrega en Reino Unido £3,95, o introduce tu país para ver otras tarifas», porque así la mayoría de los compradores nunca tiene que escribir nada. Un estimador que da error, exige una cuenta o devuelve «calculado en el checkout» se puntúa como parcial en el mejor de los casos.

Ofrecemos envío gratuito en todo. ¿Aun así tenemos que decirlo en la página de producto?

Sí, y es el aprobado más fácil de todo el libro de reglas. Los compradores que se han llevado sorpresas en otras tiendas asumen que hay un recargo hasta que se les dice lo contrario, así que «Entrega gratuita en Reino Unido en todos los pedidos» bajo el precio elimina una duda que no sabías que arrastrabas. Incluye el país si la oferta es regional, y pon la misma cadena en tu OfferShippingDetails con una tarifa de cero para que los agentes lean lo mismo.

¿Mostrar el coste de envío en la PDP reduce realmente el abandono, o solo lo adelanta?

Ambas cosas, y la segunda es precisamente el objetivo. Las encuestas de Baymard sitúan los costes adicionales en el 48 % de los motivos declarados de abandono, la mayor causa individual, y esa cifra se mide en el checkout, donde el comprador ya ha invertido varios pasos. Mostrarlo en la página de producto permite que los compradores sensibles al precio se autoexcluyan antes del carrito, lo que reduce la tasa registrada de abandono del checkout, y aumenta la finalización entre los compradores que continúan, porque el total en el checkout coincide con lo que esperaban. La ganancia no viene de ocultar el coste; viene de no permitir nunca que sea una sorpresa.