Buenas prácticas para páginas de producto agotado: la regla PDP-007, puntuada

La buena práctica para una página de producto agotado es mantener la página activa, decir con claridad que el artículo está agotado, ofrecer un formulario de aviso de disponibilidad con un solo campo en el lugar del botón de compra y mostrar alternativas en stock junto al precio. La regla PDP-007 de la auditoría de UXFix comprueba exactamente eso. Una página agotada sin ninguno de los dos remedios pierde al comprador hoy y la visita de vuelta el mes que viene, y no da a los agentes de compras con IA nada sobre lo que actuar.

Qué comprueba la regla PDP-007

PDP-007 es una de las reglas de página de producto de nuestro libro de 115 reglas. Está etiquetada con severidad media, etapa de decisión, categoría de flujo. Etapa de decisión significa que el comprador ya ha encontrado el producto y está decidiendo si comprarlo. Flujo significa que la regla trata de mantener a ese comprador en movimiento en lugar de frenarlo en seco.

La comprobación cabe en una frase: los artículos agotados ofrecen aviso de disponibilidad o alternativas. Nuestro auditor carga un producto no disponible, ya sea totalmente agotado o con una variante agotada seleccionada, y busca dos cosas en el área principal del producto. ¿Hay una forma que funcione de recibir un aviso cuando vuelva? ¿Hay una ruta visible hacia algo similar que esté en stock ahora mismo?

Cualquiera de las dos, bien hecha, basta para aprobar. Las dos juntas es mejor y el informe lo dice, pero la regla es deliberadamente un "o". Una marca de un solo producto que repone cada seis semanas tiene herramientas distintas a las de un marketplace con 40 artículos casi idénticos y sin fecha de reposición.

Consideramos que lo siguiente, por sí solo, no cumple la regla:

• Un botón Añadir al carrito desactivado sin explicación.
• Las palabras "Agotado" o "Sin stock" sin que cambie nada más en la página.
• Un carrusel genérico de "También te puede gustar" al final de la página que incluye otros artículos agotados.
• Un enlace de aviso de disponibilidad que abre un registro completo de cuenta.
• Un 404, o una redirección a la página de categoría.

Esta última sorprende a muchos. Eliminar la página parece ordenado, pero destruye el posicionamiento que la URL se ha ganado, rompe todos los enlaces entrantes y marcadores, y no le dice nada al comprador que vuelve sobre si el producto regresará. El razonamiento completo está en Por qué las páginas de producto agotado matan en silencio tu tasa de conversión. Este artículo trata de lo que debe mostrar la página una vez que has decidido mantenerla.

La regla también se aplica por variante. Una página de camiseta con la talla M agotada es una página de producto agotado para cada comprador que quiere la M. Si al seleccionar la M el botón simplemente se pone en gris, ese estado de variante puntúa como fallo aunque el producto técnicamente tenga stock.

¿Por qué una página agotada pierde la venta?

Un comprador que llega a una página de producto agotado llegó con intención. Hizo clic en un resultado de búsqueda, un anuncio, un email o un enlace de un amigo. La página ya ha hecho la parte cara del embudo. Lo que ocurra en los cinco segundos siguientes decide si esa intención se captura, se redirige o se tira a la basura.

El botón desactivado es donde se tira la mayor parte. La primera heurística de usabilidad de Nielsen Norman Group es la visibilidad del estado del sistema: la interfaz siempre debe decirle a la gente qué está pasando. Un botón gris que no hace nada al tocarlo la viola directamente. En móvil vemos a compradores de prueba tocar dos o tres veces, asumir que el sitio está roto e irse. No culpan al stock. Te culpan a ti.

La segunda pérdida es más silenciosa. Incluso un comprador que entiende que el artículo está agotado no tiene motivo para volver a menos que se lo des. Las fechas de reposición son estimaciones, y casi nadie se pone un recordatorio personal por una mochila. Un formulario de aviso convierte un vago "quizá más adelante" en una dirección de email que tú guardas y un mensaje que envías el día en que llega el stock.

La tercera pérdida es la venta que podrías haber hecho en su lugar. Un comprador que quería azul marino de 40 litros a menudo aceptará negro de 40 litros, o azul marino de 35, si se lo pones delante en el momento de la decepción. Si la única forma de encontrarlo es volver a la página de categoría y empezar de nuevo, una gran parte no se molestará.

Nada de esto es un argumento para ocultar el estado del stock. La investigación de Baymard sobre el checkout es consistente en que las sorpresas tardías provocan abandono, y su tasa de abandono de carrito agregada se sitúa en torno al 70 % en los estudios que sigue. Dejar que alguien añada un artículo agotado y descubra el problema en el checkout es la peor versión de esto. Di que está agotado, dilo pronto, y luego dale a dónde ir.

Cómo lo puntuamos: fallo, parcial y aprobado

Nuestro auditor asigna uno de tres estados a PDP-007. La tabla siguiente recoge los criterios exactos. Para autoauditarte antes de ejecutar la herramienta, carga tu producto agotado más popular en un teléfono y compara la primera pantalla con ella.

Cómo es un fallo

El fallo más común no es una página fea. Es una página bien diseñada que se ha apagado. La fotografía sigue ahí, el precio sigue ahí, y la única señal es que el botón se ha puesto en gris. Nada reconoce que el comprador tiene un problema, y mucho menos le ayuda con él.

El segundo fallo común es la página que dice "Agotado" y no hace nada más. Honesta, pero un callejón sin salida. También puntuamos como fallo cuando la variante agotada simplemente desaparece del selector, de modo que un comprador que busca la talla 10 no puede saber si nunca existió o si se acabó.

Cómo es un parcial

El parcial es donde acaban la mayoría de las tiendas que han pensado en el problema. Hay una opción de aviso, pero es un enlace de texto bajo la descripción que abre un modal pidiendo nombre, email, teléfono y consentimiento de marketing. O hay un carrusel de recomendaciones, pero es el mismo bloque que aparece en todas las páginas, está debajo de las reseñas y dos de sus cuatro artículos también están agotados.

El parcial también cubre un formulario que funciona pero no da confirmación. El comprador toca enviar, el campo se vacía y se queda preguntándose si ha llegado a algún sitio. Lo probamos enviando una dirección real y observando la página.

Cómo es un aprobado

Un aprobado sustituye la llamada a la acción principal en lugar de desactivarla. El espacio que decía "Añadir al carrito" ahora dice "Avísame cuando vuelva", con un campo de email en línea directamente encima o al lado. El estado de agotado está escrito junto al precio. Debajo del formulario, tres o cuatro alternativas en stock muestran imagen, nombre, precio y un indicador de stock. Todo cabe en la primera pantalla móvil.

Un aprobado no necesita ambos remedios. Una marca de un solo producto sin alternativas aprueba con un buen formulario de aviso por sí solo. Un marketplace aprueba solo con buenas alternativas, siempre que todos los artículos mostrados estén realmente en stock. El informe indica qué ruta has seguido.

El botón de avísame cuando vuelva a haber stock, bien hecho

El patrón de aviso de disponibilidad es antiguo y bien conocido, que es justo por lo que tantas veces se hace con descuido. Esto es lo que buscamos y por qué.

Ponlo donde estaba el botón de compra

El botón Añadir al carrito es el único elemento que todo comprador está entrenado para buscar. Cuando el artículo está agotado, ese espacio es el más valioso de la página. Llenarlo con el formulario de reposición significa que el comprador encuentra el remedio sin leer nada. Dejarlo en gris y poner el formulario en otro sitio significa que tiene que buscar, y la mayoría no lo hará.

Si tienes una barra fija de Añadir al carrito en móvil, la barra fija también debe cambiar a la acción de aviso. Tratamos esa barra en Botón fijo de añadir al carrito: cómo puntuamos la regla PDP-003, y las dos reglas interactúan: una barra fija que sigue diciendo "Añadir al carrito" en un artículo agotado falla ambas.

Un solo campo

Pide una dirección de email. Nada más. Nombre, número de teléfono, casillas de consentimiento y creación de cuenta recortan cada uno la tasa de finalización, y ninguno es necesario para enviar un mensaje de reposición. Si tu jurisdicción exige consentimiento de marketing explícito, sepáralo: el email de reposición es un mensaje transaccional que el comprador ha pedido, y la suscripción a marketing es una casilla aparte, sin marcar, debajo.

Rellena el campo previamente para los compradores con sesión iniciada. Ofrece SMS si tu audiencia lo quiere, pero nunca hagas obligatorio el número de teléfono.

Di qué pasa después

Tras el envío, sustituye el formulario por una frase en el mismo espacio: "Listo. Enviaremos un email a a***@example.com en cuanto vuelva a estar disponible. Nada más a menos que lo pidas." Esa línea resuelve tres ansiedades a la vez: si ha funcionado, qué voy a recibir y si me vas a llenar de spam.

La forma más rápida de perder confianza aquí es un formulario que se vacía en silencio. La segunda más rápida es una redirección a una página de agradecimiento que pierde el contexto del producto.

Envía el email en serio

Dispáralo desde el inventario en el momento en que el stock esté activo, no en la siguiente campaña programada. Incluye la imagen del producto, el precio, la talla o el color por el que preguntaron y un botón que abra la página de producto con esa variante preseleccionada. Si el stock es limitado, di aproximadamente cuánto hay.

Y luego para. Un email por reposición. Si se agota otra vez antes de que lo abran, ofrece mantenerlos en la lista en lugar de fingir que no ha pasado nada.

Gestiona el caso de las variantes

La mayoría de las situaciones de agotado son parciales. El producto está en stock, solo que no en la talla o el color que quiere este comprador. El formulario debe capturar la variante seleccionada, de modo que el email sea para una M en azul marino y no para el producto en general, y el enlace de vuelta debe preseleccionarla.

Muestra el estado del stock en las muestras. Una muestra tachada o etiquetada se lo dice al comprador antes de tocar. Una muestra que parece normal y luego pone el botón en gris es una pequeña traición que se repite en cada visita.

Alternativas en stock que reciben clics

El segundo remedio de PDP-007 es mostrar algo que el comprador pueda comprar ahora. Suena trivial, y la mayoría de las tiendas ya tienen un bloque de recomendaciones. La razón por la que tantas puntúan parcial en lugar de aprobado es que el bloque nunca se diseñó para este momento.

Las alternativas no son recomendaciones

Un carrusel de "También te puede gustar" está hecho para aumentar el valor del pedido en una página donde el artículo principal está disponible. Muestra productos complementarios, los más vendidos o lo que el algoritmo haya aprendido del visitante. En una página agotada el trabajo es distinto. El comprador quiere esta cosa y no puede tenerla. Muéstrale el sustituto disponible más cercano.

Más cercano suele significar el mismo producto en otro color o talla, luego la misma categoría a un precio similar, y luego una versión más nueva del artículo si existe. Los sustitutos deben compartir el atributo que le importaba al comprador. Si eligió una mochila de 40 litros, muestra mochilas de 35 y 45 litros, no una cartera.

Todas las alternativas deben estar en stock

Este es el criterio que hace fallar a más carruseles. Muestra cuatro alternativas con dos también agotadas y habrás enviado al comprador a un segundo callejón sin salida. Filtra el bloque a artículos con stock disponible, en la talla seleccionada por el comprador cuando haya tallas. Si eso deja menos de tres, muestra menos. Dos opciones reales valen más que cinco con dos fallidas.

Ponlas donde el comprador está mirando

Las alternativas van directamente debajo del aviso de agotado y del formulario, por encima de la descripción. En móvil eso significa dentro de la primera pantalla o a un desplazamiento de pulgar. Un bloque que aparece tras 1.200 píxeles de reseñas no es una alternativa, es un pie de página.

Cada tarjeta necesita imagen, nombre, precio y un indicador de stock claro. Si el precio difiere del artículo agotado, muéstralo. Los compradores aceptan una pequeña diferencia en la página de producto; no perdonan descubrirla en el carrito.

Etiqueta el bloque para el momento

"También te puede gustar" es el titular equivocado. "Disponible ahora" o "En stock en tu talla" le dice al comprador por qué existe el bloque y que no le hará perder el tiempo. Si ofreces ambos remedios, pon el formulario primero y las alternativas inmediatamente debajo, nunca tras pestañas o un acordeón que obligue a elegir.

Qué necesitan los agentes de compras con IA de una página agotada

UXFix puntúa cada página de producto dos veces: una para un comprador humano y otra para un agente de compras con IA. PDP-007 es una de las reglas donde las dos puntuaciones más divergen, porque los remedios para humanos son visuales y los remedios para agentes son estructurales.

Un agente que responde a "encuéntrame esta chaqueta en talla M" no ve un botón en gris. Lee la página, y prefiere con mucho los datos estructurados a inferir el significado a partir del diseño. Si la página no lleva disponibilidad legible por máquinas, el agente o bien adivina, informa de que el artículo está disponible y manda al comprador a un callejón sin salida, o bien se salta tu tienda por otra que respondió con claridad. Nuestros hallazgos más amplios están en Por qué ChatGPT y Gemini no recomiendan tu tienda.

Marca la disponibilidad con honestidad

El tipo Offer de schema.org tiene una propiedad availability con un vocabulario preciso. Usa el valor que corresponda a la realidad, por variante cuando puedas:

• https://schema.org/InStock cuando el comprador puede comprar ahora.
• https://schema.org/OutOfStock cuando está agotado y no sabes cuándo vuelve.
• https://schema.org/BackOrder cuando el comprador puede pagar ahora y recibir después.
• https://schema.org/PreOrder para artículos aún no lanzados.
• https://schema.org/Discontinued cuando no va a volver.

La lista completa está en la página de ItemAvailability. El error más común que vemos es una página que dice "Agotado" a los humanos e InStock a las máquinas, porque los datos estructurados se configuraron una vez en el lanzamiento y nunca se conectaron al inventario.

Una Offer mínima y honesta para una variante agotada:

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Ridge 40L Backpack, Navy",
  "sku": "RDG-40-NVY",
  "offers": {
    "@type": "Offer",
    "price": "129.00",
    "priceCurrency": "GBP",
    "availability": "https://schema.org/OutOfStock",
    "url": "https://example.com/ridge-40l-backpack?variant=navy"
  }
}

Si conoces la fecha de reposición, añade availabilityStarts con una fecha ISO. Un agente que la lea puede decirle al comprador "vuelve el 14" en lugar de "no disponible", que es una recomendación distinta.

Haz que las alternativas también sean legibles por máquinas

Un agente que encuentre OutOfStock buscará un sustituto. Si tu bloque de alternativas se inyecta con JavaScript en el cliente después de la carga, algunos agentes nunca lo verán. Renderiza las alternativas en el servidor, da a cada una su propio enlace con nombre y precio en HTML plano, y referéncialas con isSimilarTo en el Product cuando tu plataforma lo permita.

Mantén la página y mantenla coherente

Los agentes confían en que la URL que encontraron la última vez siga resolviendo. Un producto agotado que devuelve un 404 le dice al agente que tu catálogo no es fiable, y los catálogos poco fiables se recomiendan menos. Devuelve 200, mantén la canónica, marca OutOfStock y vuelve a cambiarlo en cuanto llegue el stock. Si el artículo ha desaparecido de verdad, usa Discontinued y enlaza el sustituto.

La lista de comprobación de la página de producto agotado

Pásala sobre un producto agotado en un teléfono y sobre el código fuente de la página. Cada línea se corresponde con algo que prueba nuestro auditor.

• La página devuelve 200 y mantiene su URL canónica.
• "Agotado" o equivalente está escrito junto al precio, no solo implícito en un botón gris.
• El espacio del botón principal contiene un formulario de aviso con un campo y una etiqueta clara.
• Al enviar se muestra una confirmación en línea con la dirección y lo que se enviará.
• El formulario captura la variante seleccionada.
• Las variantes agotadas están marcadas en la muestra antes de seleccionar.
• Al menos tres alternativas en stock, con precio y stock mostrados, aparecen a un desplazamiento.
• El bloque de alternativas está filtrado solo a artículos disponibles.
• La barra fija, si la hay, cambia a la acción de aviso.
• La disponibilidad de Offer en los datos estructurados coincide con el estado visible, por variante.
• availabilityStarts está establecido cuando se conoce la fecha de reposición.
• Las alternativas están presentes en el HTML renderizado en el servidor.

Doce líneas. Una tienda que cumple las cuatro primeras y la décima ya aprueba PDP-007 tanto para compradores como para agentes. El resto del libro está en Las 115 reglas de UX de checkout ecommerce con las que auditamos.

Preguntas frecuentes

¿Debo ocultar los productos agotados de las páginas de categoría y la búsqueda?

No por defecto. Ocultarlos elimina la oportunidad del comprador de saber que el artículo existe, registrar interés o ver cuándo vuelve, y le cuesta a la página su posición en las búsquedas. Muéstralos en las páginas de categoría con una etiqueta clara de "Agotado", ordénalos por debajo de los artículos en stock y deja que los compradores los filtren si quieren. La excepción es un producto descontinuado permanentemente con un sucesor directo: redirige ese al sucesor y márcalo como Discontinued.

¿Basta con el aviso de disponibilidad por sí solo, o también necesito alternativas?

PDP-007 se aprueba con cualquiera de los dos remedios bien hecho. El aviso por sí solo encaja en una tienda con pocos productos, reposiciones fiables y un artículo realmente distinto. Las alternativas por sí solas encajan en una tienda con muchos sustitutos cercanos y plazos de reposición inciertos. La mayoría de las tiendas con más de un puñado de SKU deberían ofrecer ambos, formulario primero y alternativas directamente debajo, porque tanto el comprador dispuesto a esperar como el que lo necesita esta semana están en la página.

¿Y si nunca voy a reponer el artículo?

Dilo. Un formulario de aviso en un producto que no va a volver es una promesa que vas a romper. Márcalo como descontinuado en el texto visible y con https://schema.org/Discontinued en los datos estructurados, mantén la página activa el tiempo suficiente para que los enlaces entrantes y las búsquedas aterricen en algún sitio útil, y convierte el bloque de alternativas en el elemento principal. Si existe un sucesor directo, nómbralo y enlázalo en la primera pantalla.

¿Los agentes de compras con IA comprueban realmente la disponibilidad antes de recomendar un producto?

Sí, y los agentes con navegación abrirán la página para verificarlo. Lo que comprueban son los datos estructurados y el texto visible, no el estado del botón, así que una página con InStock en su JSON-LD y un botón gris se lee como disponible para el agente y como agotada para el comprador que te envía. Mantener la disponibilidad de Offer conectada al inventario real, por variante, es el único cambio que mueve la puntuación del agente en esta regla.