UXFixUXFix
Idioma
Auditar mi tienda
Gymshark logo

Gymshark

gymshark.com

Encontramos 41 problemas en el checkout de Gymshark, un 16.7–52.9% modelado de las conversiones.

Auditoría realizada por UXFix el 8 de septiembre de 2026 sobre 115 reglas. Cada hallazgo se muestra a continuación con la pantalla que capturamos, en el orden en que cuestan conversiones. Nada de esto fue patrocinado ni revisado por la tienda.

Auditoría de Abdulhameid Grandoka

Fecha de auditoría
8 de septiembre de 2026
Problemas encontrados
41
Pérdida de conversión est.
16.7–52.9%
Reglas ejecutadas
115
Puntuación de Compradores con IA
33/100
Puntuación general del checkout
57/100
FDCBA

Nota C, mejorable. La mayoría de los puntos se pierden en formularios y confianza.

Puntuación por categoría

Cada categoría se puntúa de 0 a 100 según las reglas que le aplican.

Formularios
39

Los errores conservan los datos introducidos (nunca vacían el formulario). 8 campos de formulario o menos en total (la media del sector es 11,3). Y 7 más.

Confianza
39

Expectativa de entrega mostrada antes de la compra final. Señales de confianza y seguridad visibles junto al paso de pago. Y 1 más.

Transparencia
42

El carrito muestra el desglose completo: artículos, estimación de envío, estimación de impuestos. Impuestos mostrados o claramente indicados como calculados en el checkout. Y 1 más.

Decisión
44

Precio visible sin desplazarse ni interactuar, en escritorio y móvil. Botón de añadir al carrito por encima del pliegue en móvil. Y 5 más.

Móvil
56

Áreas táctiles de al menos 44×44 px en todos los elementos interactivos. Selector de variantes usable en pantallas pequeñas sin toques accidentales. Y 3 más.

Cómo se compara Gymshark

Sobre 28 tiendas auditadas, a fecha de 9 de septiembre de 2026. Método y clasificación completa: el benchmark de ecommerce de UXFix.

Esta tienda
57/100
Mediana del benchmark
58/100
Media del benchmark
58.7/100
Puesto
17 de 28

Supera al 41 % de las tiendas auditadas

Qué revisamos

El mismo repaso de reglas que UXFix ejecuta en cada tienda. Sin datos de la tienda ni acceso a analítica: todo lo de abajo era observable desde el escaparate público.

  1. 1
    Un recorrido de compra completo en escritorio y móvil

    De la página de producto al paso de pago, un producto real, ambas vistas.

  2. 2
    Transparencia de costos en cada paso

    Cuándo se vuelven visibles por primera vez el envío, los impuestos y el total.

  3. 3
    Comportamiento de formularios y campos

    Cantidad de campos, etiquetas, autocompletado, ubicación de errores, recuperación tras un envío fallido.

  4. 4
    Señales de confianza donde se ingresa el dinero

    Sellos de pago, textos de seguridad, devoluciones y contacto accesible en el paso de pago.

  5. 5
    Ergonomía móvil

    Tamaño de los objetivos táctiles, alcance del pulgar, tipo de teclado, zoom del viewport al enfocar.

  6. 6
    Legibilidad para máquinas

    Si un agente de compras con IA puede leer precio, stock y envío desde la página.

Lo que no pudimos revisar: 24 reglas no se pudieron evaluar desde el escaparate público en la fecha indicada arriba. Se excluyeron de la puntuación, no se adivinaron.

Resultados: 42 reglas superadas, 12 parciales, 37 fallidas

Se ejecutaron 115 reglas. 24 no se pudieron evaluar y se excluyeron en lugar de adivinarlas, quedando 91 puntuadas. 3 hallazgos más se retienen de esta página porque nuestra redacción no era apta para publicar.

42 superadas~12 parciales37 fallidas?24 no evaluables

Lo que Gymshark hace bien

Reglas ya superadas. Ninguna necesita acción.

  • Precio y disponibilidad presentes en el DOM como texto (no solo por JS o imagen)
  • Sin barrera solo-CAPTCHA sin una vía accesible para agentes
  • Checkout como invitado ofrecido como opción principal (sin muro de cuenta)
  • El checkout se completa en 5 pasos o menos (o equivalente en una página)
  • Contenido del carrito y total visibles durante todo el checkout

Dónde se queda corta

Los problemas, en el orden en que aparecen abajo.

  • Los errores conservan los datos introducidos (nunca vacían el formulario)2–5.2%
  • Precio visible sin desplazarse ni interactuar, en escritorio y móvil0.9–2.3%
  • El carrito muestra el desglose completo: artículos, estimación de envío, estimación de impuestos0.9–2.3%
  • Total completo con envío e impuestos visible antes de introducir el pago0.9–2.3%
  • Botón de añadir al carrito por encima del pliegue en móvil0.8–2.1%
  • Estimación de la fecha de entrega o llegada mostrada0.8–2.1%
  • Selección de variantes: las combinaciones no disponibles están deshabilitadas, no dan error al pulsar0.8–2.1%
  • Sin popup agresivo que cubra la página de producto en los primeros 10 segundos0.8–2.1%
Parcial, merece una revisión

Idea correcta, ubicación o momento equivocados: precio visible sin desplazarse ni interactuar, en escritorio y móvil, el carrito muestra el desglose completo: artículos, estimación de envío, estimación de impuestos y total completo con envío e impuestos visible antes de introducir el pago. Y 9 más.

Compradores con IA
Los agentes de compras con IA ya visitan tu tienda. ¿Pueden comprar?
Puntuado según especificaciones de comercio para agentes · 0–100
Prueba la preparación para agentes →

Hallazgos: 41 problemas, ordenados por pérdida de conversión estimada

Cada hallazgo muestra la pantalla tal como la capturamos el 8 de septiembre de 2026, cuál es el problema y cuánto cuesta en conversiones.

01CríticaCHK-016 · FormulariosCheckout

Los errores conservan los datos introducidos (nunca vacían el formulario)

Vista de escritorio. Aquí es donde va la corrección.
Vista de escritorio. Aquí es donde va la corrección.Checkout, primer pasoVista de escritorio, 1440 pxCapturada 8 sept 2026, 22:10

El problema

Cuando el formulario del checkout tiene un error, la tienda borra información que el comprador ya había escrito correctamente.

Por qué importa

Un comprador que escribió su dirección una vez y la perdió por un error del formulario a menudo no la escribirá dos veces. Es una fuga de severidad crítica al final mismo del embudo, donde cada comprador perdido estaba a segundos de pagar.

Qué hacer

Conserva el valor de cada campo válido al mostrar un error. Solo el campo que falla debería necesitar atención. El número de tarjeta y el CVV pueden borrarse por seguridad. Es aceptable, pero dilo junto al campo. Pruébalo: rellena el formulario, estropea un campo a propósito, envía y confirma que todo lo demás sobrevive.

Impacto
2–5.2%
de los checkouts, estimado
Esfuerzo de arreglo
4h front-end
estimado
02CríticaPDP-001 · DecisiónPágina de producto

Precio visible sin desplazarse ni interactuar, en escritorio y móvil

Vista móvil (solo lo que los compradores ven antes de desplazarse). El área resaltada muestra lo que encontramos.
Vista móvil (solo lo que los compradores ven antes de desplazarse). El área resaltada muestra lo que encontramos.Página de productoVista móvil, 390 pxCapturada 8 sept 2026, 22:05No pudimos señalar el punto exacto en esta página.

El problema

El precio del producto no es visible por encima del pliegue en escritorio o en móvil. Los compradores tienen que desplazarse para saber cuánto cuesta el producto.

Por qué importa

El precio es el predictor más fuerte de si un comprador se queda o se va. Si no puede verlo en el primer segundo, se marcha. Esta es la corrección de mayor impacto en cualquier página de producto.

Qué hacer

Mueve el precio a la mitad superior de la página, justo al lado del título del producto. Usa un tamaño grande y en negrita para el precio, de modo que se lea de un vistazo incluso en un teléfono. Si el precio varía según la variante, muestra el predeterminado (el más barato o el más popular) con un pequeño prefijo «desde», y actualízalo cuando cambie la variante.

Impacto
0.9–2.3%
de los checkouts, estimado
Esfuerzo de arreglo
2h front-end
estimado
03CríticaCRT-001 · TransparenciaCarrito

El carrito muestra el desglose completo: artículos, estimación de envío, estimación de impuestos

Vista de escritorio. El pin señala dónde va esto. Haz clic para abrir la captura de pantalla completa.
Vista de escritorio. El pin señala dónde va esto. Haz clic para abrir la captura de pantalla completa.CarritoVista de escritorio, 1440 pxCapturada 8 sept 2026, 22:09

El problema

El carrito no muestra un desglose completo de costes. Antes del checkout falta alguno de estos datos: el subtotal, el envío, los impuestos o el total.

Por qué importa

Investigación de Baymard: el 48% de los compradores abandona en el checkout por costes sorpresa. Si el carrito esconde el envío o los impuestos hasta el último paso, estás entrenando a los compradores para huir.

Qué hacer

Muestra cuatro líneas en el resumen del carrito: subtotal, envío (estimación o «se calcula en el checkout»), impuestos (o «se calculan en el checkout») y total. Para tiendas de productos físicos, da como mínimo un rango estimado de envío («desde 6.99$») o un widget de código postal. Para mercados con impuestos incluidos (UE), indica claramente «Los precios incluyen IVA» para que el comprador sepa que el total es definitivo.

Impacto
0.9–2.3%
de los checkouts, estimado
Esfuerzo de arreglo
2h front-end
estimado
04CríticaCHK-031 · PagoCheckout

Total completo con envío e impuestos visible antes de introducir el pago

Vista de escritorio. El área resaltada muestra lo que encontramos.
Vista de escritorio. El área resaltada muestra lo que encontramos.Checkout, primer pasoVista de escritorio, 1440 pxCapturada 8 sept 2026, 22:10

El problema

El total completo del pedido (incluidos envío e impuestos) no es visible antes de que el comprador empiece a introducir los datos de pago.

Por qué importa

Los costes sorpresa en el paso de pago son el detonante n.º 1 de abandono en todos los estudios. Los compradores quieren la cifra final antes de que su tarjeta salga de la cartera.

Qué hacer

Calcula el envío y los impuestos en cuanto se conozca la dirección, y actualiza el resumen de inmediato. Mantén el total acumulado visible en cada paso (resumen fijo). Si un coste de verdad no puede conocerse aún, muestra una estimación acotada en lugar de «se calcula más adelante».

Impacto
0.9–2.3%
de los checkouts, estimado
Esfuerzo de arreglo
4h front-end
estimado
05AltaPDP-002 · DecisiónPágina de producto

Botón de añadir al carrito por encima del pliegue en móvil

Vista móvil (solo lo que los compradores ven antes de desplazarse). Aquí es donde va la corrección.
Vista móvil (solo lo que los compradores ven antes de desplazarse). Aquí es donde va la corrección.Página de productoVista móvil, 390 pxCapturada 8 sept 2026, 22:05No pudimos señalar el punto exacto en esta página.

El problema

El botón de añadir al carrito no es visible por encima del pliegue en móvil. Los compradores tienen que desplazarse para encontrar cómo comprar.

Por qué importa

En móvil especialmente, los compradores escanean la parte superior de la página y deciden en segundos. Si el botón principal de compra no está en esa primera vista, muchos se irán antes de desplazarse.

Qué hacer

Coloca el botón de añadir al carrito en la primera pantalla en móvil, cerca del precio y del título. Si el diseño no lo permite, añade una barra fija de añadir al carrito que acompañe el desplazamiento en móvil. El botón debe usar un color llamativo que destaque del resto de la página. El amarillo, el naranja y el verde funcionan; los grises apagados no.

Impacto
0.8–2.1%
de los checkouts, estimado
Esfuerzo de arreglo
2h front-end
estimado
06AltaPDP-005 · DecisiónPágina de producto

Estimación de la fecha de entrega o llegada mostrada

Vista de escritorio. El pin señala dónde va esto. Haz clic para abrir la captura de pantalla completa.
Vista de escritorio. El pin señala dónde va esto. Haz clic para abrir la captura de pantalla completa.Página de productoVista de escritorio, 1440 pxCapturada 8 sept 2026, 22:05

El problema

La página de producto no dice a los compradores cuándo llegará su pedido. No hay fecha de entrega ni estimación de plazo.

Por qué importa

Los compradores a menudo deciden entre dos tiendas según el plazo de entrega, sobre todo en regalos y compras urgentes. Un plazo incierto los empuja hacia competidores que sí lo dejan claro.

Qué hacer

Muestra «Entrega antes del [fecha]» o «Llega en 3–7 días hábiles» cerca del precio. Si la entrega depende de la región, añade una búsqueda por código postal para que los compradores vean su fecha al instante. Para opciones de entrega el mismo día o al día siguiente, pon una insignia bien visible en la página de producto. Es un motor de conversión.

Impacto
0.8–2.1%
de los checkouts, estimado
Esfuerzo de arreglo
2h front-end
estimado
07AltaPDP-008 · DecisiónPágina de producto

Selección de variantes: las combinaciones no disponibles están deshabilitadas, no dan error al pulsar

Vista de escritorio. Aquí es donde va la corrección.
Vista de escritorio. Aquí es donde va la corrección.Página de productoVista de escritorio, 1440 pxCapturada 8 sept 2026, 22:05

El problema

Cuando una talla o un color no está disponible, la opción sigue pareciendo seleccionable. Los compradores solo descubren que no puede comprarse cuando el paso de añadir al carrito los rechaza.

Por qué importa

Dejar que alguien elija una opción y luego fallarle es uno de los patrones más frustrantes en la selección de variantes. Se percibe como una tienda rota, y muchos compradores se van en lugar de reintentarlo.

Qué hacer

Deshabilita visualmente las opciones no disponibles: atenúalas en gris, táchalas y haz que no se puedan pulsar. Si quieres que sigan siendo clicables, cambia el botón a «Avísame» en lugar de dejar que ocurra un error al añadir al carrito. Asegúrate de que la disponibilidad se actualice en vivo cuando el comprador cambie la otra opción (un color puede existir en talla M y no en L).

Impacto
0.8–2.1%
de los checkouts, estimado
Esfuerzo de arreglo
2h front-end
estimado
08AltaPDP-029 · FricciónPágina de producto

Sin popup agresivo que cubra la página de producto en los primeros 10 segundos

Vista de escritorio, ampliada a la ubicación del problema. Haz clic para abrir la captura de pantalla completa.
Vista de escritorio, ampliada a la ubicación del problema. Haz clic para abrir la captura de pantalla completa.Página de productoVista de escritorio, 1440 pxCapturada 8 sept 2026, 22:05Un banner de cookies (o ventana de chat) estaba en pantalla cuando tomamos esta imagen; la comprobación se refiere a la página que hay detrás.

El problema

Un popup agresivo (newsletter, descuento, invitación al chat) cubre esta página de producto poco después de cargar. Los banners de cookies no cuentan; se trata de la superposición tipo newsletter.

Por qué importa

Los popups en la primera visita interrumpen la intención de compra. Los compradores que llegan por primera vez todavía están evaluando; un modal que tapa el precio o el botón de añadir al carrito es una forma rápida de perderlos.

Qué hacer

Retrasa cualquier popup de newsletter o descuento hasta que el comprador haya pasado 20+ segundos en la página o se haya desplazado al menos una vez. Nunca muestres un popup que tape el precio o el botón de añadir al carrito. Prefiere un banner de esquina o un panel deslizante que no cubra el contenido del producto.

Impacto
0.8–2.1%
de los checkouts, estimado
Esfuerzo de arreglo
4h front-end
estimado
09AltaCRT-003 · TransparenciaCarrito

Impuestos mostrados o claramente indicados como calculados en el checkout

Vista de escritorio. El pin señala dónde va esto. Haz clic para abrir la captura de pantalla completa.
Vista de escritorio. El pin señala dónde va esto. Haz clic para abrir la captura de pantalla completa.CarritoVista de escritorio, 1440 pxCapturada 8 sept 2026, 22:09

El problema

El carrito no muestra con claridad los impuestos, ni como importe ni como una nota de que se calcularán en el checkout.

Por qué importa

Los compradores de EE. UU. y Canadá esperan una línea de impuestos antes de decidirse. El silencio en el paso del carrito significa un salto en el total al llegar al checkout, y ese salto es lo que les hace abandonar.

Qué hacer

Añade una fila de impuestos al resumen del carrito. Si no puedes calcular el importe exacto sin una dirección de envío, indica «Impuestos calculados en el checkout». Para precios con impuestos incluidos (UE, Reino Unido, Australia), añade una pequeña nota: «Precios con IVA incluido». No sorprendas al comprador en el paso final. Cualquier añadido al total después del carrito es el principal desencadenante de abandono.

Impacto
0.8–2.1%
de los checkouts, estimado
Esfuerzo de arreglo
2h front-end
estimado
10AltaCRT-010 · ImpulsoCarrito

El botón principal de checkout domina visualmente la página

Vista de escritorio, ampliada a la ubicación del problema. Haz clic para abrir la captura de pantalla completa.
Vista de escritorio, ampliada a la ubicación del problema. Haz clic para abrir la captura de pantalla completa.CarritoVista de escritorio, 1440 pxCapturada 8 sept 2026, 22:09

El problema

El botón principal de checkout no domina visualmente la página del carrito. Compite por la atención con los controles de aplicar cupón, guardar para después o seguir comprando.

Por qué importa

El carrito es un momento de decisión. Si la mirada del comprador no aterriza en «Checkout» al instante, se pone a desplazarse, se distrae buscando cupones y se va. Hacer que el CTA de checkout sea lo más grande y llamativo de la página mejora la finalización de forma medible.

Qué hacer

Dale al botón principal de checkout el color más llamativo de tu marca, más grande que todos los demás botones de la página del carrito. Pasa los controles de aplicar cupón, guardar para después y cantidad a un estilo secundario (con borde, atenuados o solo icono). Repite el botón de checkout arriba Y abajo del resumen del carrito para que el desplazamiento no lo oculte.

Impacto
0.8–2.1%
de los checkouts, estimado
Esfuerzo de arreglo
4h front-end
estimado
11AltaCHK-009 · FormulariosCheckout

8 campos de formulario o menos en total (la media del sector es 11,3)

Vista de escritorio. El pin señala dónde va esto. Haz clic para abrir la captura de pantalla completa.
Vista de escritorio. El pin señala dónde va esto. Haz clic para abrir la captura de pantalla completa.Checkout, primer pasoVista de escritorio, 1440 pxCapturada 8 sept 2026, 22:10

El problema

El checkout tiene más de 8 campos de formulario. Los mejores checkouts del sector recogen 6-8 campos; la media del sector es 11.3.

Por qué importa

Cada campo extra reduce la conversión aproximadamente un 2%. Los campos te cuestan dinero de forma directa y medible. Un checkout con 13 campos pierde ~10% de los compradores frente a uno con 8.

Qué hacer

Combina Dirección 1 y Dirección 2 en un solo campo, y expándelo solo bajo demanda. Usa un solo campo de Nombre completo, no Nombre + Apellidos (ver el siguiente hallazgo). Por defecto, dirección de facturación = dirección de envío; muestra la facturación solo cuando el comprador desmarque la casilla. Elimina el campo País cuando puedas inferirlo por IP o por moneda. Pregúntalo solo cuando sea imprescindible.

Impacto
0.8–2.1%
de los checkouts, estimado
Esfuerzo de arreglo
4h front-end
estimado
12AltaCHK-012 · FormulariosCheckout

Autocompletado de dirección (Google / Loqate) presente

Vista de escritorio, ampliada a la ubicación del problema. Haz clic para abrir la captura de pantalla completa.
Vista de escritorio, ampliada a la ubicación del problema. Haz clic para abrir la captura de pantalla completa.Checkout, primer pasoVista de escritorio, 1440 pxCapturada 8 sept 2026, 22:10

El problema

El checkout no tiene autocompletado de dirección (Google Places, Loqate, SmartyStreets o similar). Los compradores escriben cada línea de su dirección a mano.

Por qué importa

El autocompletado de dirección reduce aproximadamente a la mitad el tiempo de introducir la dirección en móvil y baja las tasas de entregas fallidas por erratas. Además se siente premium; los compradores lo notan.

Qué hacer

Añade Google Places Autocomplete (el plan gratuito es generoso) o Loqate/SmartyStreets si envías a otros países. En Shopify: activa Shop Pay, o la extensión de autocompletado del checkout en Shopify Plus. Cuando el autocompletado rellene la dirección, ofrece mostrar solo «Editar» en lugar del formulario completo. Es más limpio y confirma la dirección de un vistazo.

Impacto
0.8–2.1%
de los checkouts, estimado
Esfuerzo de arreglo
4h front-end
estimado
13AltaCHK-038 · ConfianzaCheckout

Expectativa de entrega mostrada antes de la compra final

Vista de escritorio, ampliada a la ubicación del problema. Haz clic para abrir la captura de pantalla completa.
Vista de escritorio, ampliada a la ubicación del problema. Haz clic para abrir la captura de pantalla completa.Checkout, primer pasoVista de escritorio, 1440 pxCapturada 8 sept 2026, 22:10

El problema

La página de checkout no muestra cuándo llegará el pedido. Los compradores se comprometen a comprar sin conocer la fecha de entrega.

Por qué importa

El plazo de entrega es a menudo el factor que decide entre dos tiendas. Si tu competidor le dice al comprador «llega el martes» y tú no dices nada, pierdes. Sobre todo con los regalos.

Qué hacer

Muestra la fecha de entrega estimada en el resumen del pedido, antes del botón de pagar. En pedidos con elección de método de envío (estándar frente a exprés), muestra la fecha de cada opción para que el comprador pueda cambiar coste por velocidad. Repite la fecha en la pantalla de pedido confirmado y en el correo para dejar claras las expectativas.

Impacto
0.8–2.1%
de los checkouts, estimado
Esfuerzo de arreglo
1h contenido
estimado
14AltaPDP-A01 · AgenteCompradores con IA

Schema.org Product completo: precio, disponibilidad, GTIN/SKU, valoración, detalles de envío

Vista de escritorio. Aquí es donde va la corrección.
Vista de escritorio. Aquí es donde va la corrección.Página de productoVista de escritorio, 1440 pxCapturada 8 sept 2026, 22:05

El problema

Los datos estructurados de producto que leen los agentes de compras con IA (ChatGPT, Google, Copilot) están incompletos en esta página. Faltan algunos o todos estos datos: identificador de producto (GTIN), marca, datos de reseñas, disponibilidad, detalles de envío.

Por qué importa

El tráfico referido por IA convierte un 42% más que el tráfico normal (Adobe, 2026). Pero los agentes solo recomiendan tiendas cuyos datos de producto pueden leer. Datos incompletos significan ser invisible para los compradores con IA.

Qué hacer

Completa tu schema Product en JSON-LD con: gtin (o SKU), brand, aggregateRating, offers.availability, offers.shippingDetails. Si usas Shopify, la mayor parte de esto está disponible en el tema por defecto. Comprueba la salida de schema de tu tema con el Rich Results Test de Google. Para tiendas a medida, las especificaciones ACP de OpenAI y UCP de Google se construyen ambas sobre schema.org. Primero deja bien lo básico.

Impacto
0–2.1%
de los checkouts, estimado
Esfuerzo de arreglo
2h back-end
estimado
15AltaCHK-A01 · AgenteCompradores con IA

Señales de preparación para checkout agéntico (endpoints ACP/UCP declarados)

Vista de escritorio. Aquí es donde va la corrección.
Vista de escritorio. Aquí es donde va la corrección.Checkout, primer pasoVista de escritorio, 1440 pxCapturada 8 sept 2026, 22:10

El problema

El checkout no tiene señales que declaren que puede ser manejado por agentes de IA. Sin metaetiquetas ACP o UCP, sin endpoint /.well-known/agentic-commerce, sin integración ACP de Stripe.

Por qué importa

El Agentic Commerce Protocol (ACP) de OpenAI y el Universal Commerce Protocol (UCP) de Google son los estándares emergentes para el checkout manejado por agentes. Las tiendas que declaran estar preparadas reciben enrutamiento preferente desde ChatGPT y la IA de Google. Es el mayor canal de distribución nuevo de 2026.

Qué hacer

Si usas Stripe, activa el modo ACP en tu panel de Stripe. Stripe se encarga de los detalles del protocolo por ti. Si te alojas por tu cuenta, publica un endpoint /.well-known/agentic-commerce que describa las capacidades de tu checkout según la especificación ACP. Añade una etiqueta <meta name="acp-endpoint" content="https://tutienda.com/api/acp"> a tu página de checkout para que los rastreadores de agentes la encuentren.

Impacto
0–2.1%
de los checkouts, estimado
Esfuerzo de arreglo
2h back-end
estimado
16AltaPDP-022 · SeguridadPágina de producto

Política de devoluciones y cambios visible en la página de producto (no enterrada en el pie)

Vista de escritorio. El área resaltada muestra lo que encontramos.
Vista de escritorio. El área resaltada muestra lo que encontramos.Página de producto, segundo producto que muestreamosVista de escritorio, 1440 pxCapturada 8 sept 2026, 22:05Segundo producto que muestreamos: www.gymshark.com/products/gymshark-everyday-seamless-long...

El problema

No hay política de devoluciones o cambios comunicada en la propia página de producto. Los compradores tienen que rebuscar en el pie de página o en las FAQ para encontrarla.

Por qué importa

«¿Y si no me gusta?» es la última pregunta de toda compra. Si la respuesta no es obvia, la duda mata la conversión, sobre todo en artículos de precio alto y en ropa.

Qué hacer

Añade una pequeña frase «Devoluciones gratis en 30 días» (o tu política) justo debajo o al lado del botón de añadir al carrito. Para artículos de compra meditada, añade una pequeña fila de iconos: «Devoluciones gratis · Checkout seguro · Envío en 24h». Enlaza «Devoluciones» a tu página completa de política para los compradores que quieran los detalles.

Impacto
0.4–0.9%
de los checkouts, estimado
Esfuerzo de arreglo
1h contenido
estimado
17AltaCRT-007 · ImpulsoCarrito

Líneas editables en el sitio (cantidad, variante, eliminar) sin recargar la página

Vista de escritorio. El área resaltada muestra lo que encontramos.
Vista de escritorio. El área resaltada muestra lo que encontramos.CarritoVista de escritorio, 1440 pxCapturada 8 sept 2026, 22:09

El problema

Los artículos del carrito no se pueden editar en el sitio: no hay forma de cambiar la cantidad o eliminar artículos, o hacerlo exige salir del carrito.

Por qué importa

Los compradores ajustan las cantidades en el último momento. Si editar es difícil, o abandonan o completan el checkout con los artículos equivocados y los devuelven después.

Qué hacer

Añade controles de cantidad +/- y un enlace de «Eliminar» en cada línea de artículo. Actualiza los totales al instante sin recargar la página completa. Para cambios de variante (talla/color), basta con un enlace de «Editar» que reabra el selector.

Impacto
0.4–0.9%
de los checkouts, estimado
Esfuerzo de arreglo
4h front-end
estimado
18MediaPDP-009 · DecisiónPágina de producto

Estado de la variante seleccionada sin ambigüedad (confirmación visual y textual)

Vista móvil, ampliada a la ubicación del problema. Haz clic para abrir la captura de pantalla completa.
Vista móvil, ampliada a la ubicación del problema. Haz clic para abrir la captura de pantalla completa.Página de productoVista móvil, 390 pxCapturada 8 sept 2026, 22:05

El problema

Cuando un comprador selecciona una variante (talla, color, estilo o edición), el estado seleccionado no se indica con claridad mediante un realce visual Y una etiqueta de texto a la vez.

Por qué importa

La ambigüedad aquí provoca pedidos con la variante equivocada. El comprador creyó haber elegido la talla L, en realidad eligió la M, y eso te cuesta una devolución más un cliente recurrente perdido.

Qué hacer

Dale a la variante seleccionada un realce visible (contorno, fondo relleno o marca de verificación). Muéstrala también como texto: «Talla: L» o «Seleccionado: Azul marino» justo debajo del selector. Actualiza la imagen principal del producto para que coincida con la variante seleccionada, de modo que lo que se ve coincida con lo que se recibe.

Impacto
0.2–0.7%
de los checkouts, estimado
Esfuerzo de arreglo
2h front-end
estimado
19MediaPDP-015 · SeguridadPágina de producto

Zoom de imagen disponible en escritorio y móvil

Vista de escritorio. Aquí es donde va la corrección.
Vista de escritorio. Aquí es donde va la corrección.Página de productoVista de escritorio, 1440 pxCapturada 8 sept 2026, 22:05

El problema

Hacer clic en la imagen del producto no abre una vista con zoom. Los compradores no pueden inspeccionar de cerca los detalles, el tejido o la calidad.

Por qué importa

El zoom es la forma en que los compradores online sustituyen el hecho de tocar el producto. Baymard sitúa la inspección insuficiente de imágenes entre las principales razones de abandono de la página de producto.

Qué hacer

Haz que la imagen principal abra un lightbox a pantalla completa al hacer clic o tocar. Permite el zoom con pellizco dentro del lightbox en móvil. Ofrece originales de al menos 1500px de ancho para que las vistas ampliadas se mantengan nítidas.

Impacto
0.2–0.7%
de los checkouts, estimado
Esfuerzo de arreglo
1h contenido
estimado
20MediaPDP-021 · SeguridadPágina de producto

Sección de preguntas y respuestas o especificaciones completas para compras meditadas

Vista de escritorio. El pin señala dónde va esto. Haz clic para abrir la captura de pantalla completa.
Vista de escritorio. El pin señala dónde va esto. Haz clic para abrir la captura de pantalla completa.Página de productoVista de escritorio, 1440 pxCapturada 8 sept 2026, 22:05

El problema

La página de producto no tiene una sección de preguntas y respuestas ni una tabla de especificaciones real. Los compradores no pueden resolver sus propias dudas antes de comprar.

Por qué importa

Las compras meditadas (electrónica, electrodomésticos, herramientas, equipo tecnológico) viven y mueren en la página de detalles. Cuando los compradores no encuentran dimensiones, materiales, compatibilidad o respuestas a preguntas obvias, se van a investigar a Amazon o a un competidor, y a menudo terminan comprando allí.

Qué hacer

Añade una tabla de especificaciones con al menos 5 filas: dimensiones, peso, materiales, compatibilidad, garantía. Para compras meditadas, añade una sección de preguntas y respuestas donde los compradores puedan ver (y hacer) preguntas reales. Arranca con las 3-5 preguntas que más recibe tu equipo de soporte. Las preguntas reales ganan a los contenedores vacíos.

Impacto
0.2–0.7%
de los checkouts, estimado
Esfuerzo de arreglo
1h contenido
estimado
21MediaPDP-031 · MóvilPágina de producto

Áreas táctiles de al menos 44×44 px en todos los elementos interactivos

Vista móvil. Aquí es donde va la corrección.
Vista móvil. Aquí es donde va la corrección.Página de productoVista móvil, 390 pxCapturada 8 sept 2026, 22:05

El problema

Algunos elementos interactivos de la página móvil miden menos de 44x44 píxeles. A los dedos les cuesta acertar en ellos.

Por qué importa

44x44 píxeles es el área táctil mínima que recomiendan Apple y las pautas WCAG 2.2. Por debajo de eso, aparecen los toques fallidos: los compradores pulsan la muestra equivocada, la cantidad equivocada, el enlace equivocado, y abandonan frustrados.

Qué hacer

Aumenta el relleno de los botones y enlaces pequeños para que su área pulsable alcance al menos 44x44px, aunque el contenido visible sea más pequeño. Para enlaces de texto dentro de párrafos, las WCAG permiten tamaños menores. Este hallazgo se centra en los controles independientes (botones, botones de icono, muestras, selectores de cantidad). Prueba en un teléfono real. Pide a tres personas que pulsen tu botón de añadir al carrito y cada muestra. Si alguna falla, el área es demasiado pequeña.

Impacto
0.2–0.7%
de los checkouts, estimado
Esfuerzo de arreglo
3h front-end
estimado
22MediaPDP-034 · MóvilPágina de producto

Selector de variantes usable en pantallas pequeñas sin toques accidentales

Vista móvil, ampliada a la ubicación del problema. Haz clic para abrir la captura de pantalla completa.
Vista móvil, ampliada a la ubicación del problema. Haz clic para abrir la captura de pantalla completa.Página de producto, segundo producto que muestreamosVista móvil, 390 pxCapturada 8 sept 2026, 22:05Segundo producto que muestreamos: www.gymshark.com/products/gymshark-everyday-seamless-long...

El problema

El selector de variantes en móvil tiene opciones demasiado pequeñas o demasiado juntas. Los dedos pulsan la opción equivocada.

Por qué importa

Cada toque fallido en una variante es o un carrito abandonado o una devolución por pedido equivocado. En móvil, esta es una de las principales fuentes de ingresos perdidos ocultos.

Qué hacer

Dale a cada opción de variante un área táctil mínima de 44x44px, aunque la muestra en sí sea más pequeña. Separa las opciones al menos 8-12px para que la yema del dedo caiga limpiamente en una y solo una. Evita los desplegables para variantes cuando hay pocas (digamos, 6 o menos). Muéstralas todas como botones tocables.

Impacto
0.2–0.7%
de los checkouts, estimado
Esfuerzo de arreglo
3h front-end
estimado
23MediaCRT-006 · TransparenciaCarrito

La aplicación de descuento o promoción aparece como línea explícita, no como ajuste silencioso

Vista de escritorio. Aquí es donde va la corrección.
Vista de escritorio. Aquí es donde va la corrección.CarritoVista de escritorio, 1440 pxCapturada 8 sept 2026, 22:09

El problema

Se ha aplicado un descuento, pero no hay una línea explícita que muestre el importe y la etiqueta del descuento. El ahorro ocurre en silencio.

Por qué importa

Los compradores que aplicaron un código quieren ver que funciona. Un ajuste silencioso da la sensación de que el código no funcionó, y pueden volver a aplicarlo, probar otro código o abandonar por frustración.

Qué hacer

Muestra una línea negativa etiquetada en el resumen del carrito: «Descuento (SAVE10): -5.00$». Coloca la línea de descuento justo encima del total para que el ahorro sea lo último que vean antes de decidir. Para los descuentos aplicados automáticamente (por volumen, primer pedido), nómbralos de la misma manera. Los descuentos automáticos silenciosos restan valor percibido a la oferta.

Impacto
0.2–0.7%
de los checkouts, estimado
Esfuerzo de arreglo
2h front-end
estimado
24MediaCRT-012 · ImpulsoCarrito

Los wallets exprés no compiten visualmente con el botón principal de checkout

Vista de escritorio, ampliada a la ubicación del problema. Haz clic para abrir la captura de pantalla completa.
Vista de escritorio, ampliada a la ubicación del problema. Haz clic para abrir la captura de pantalla completa.CarritoVista de escritorio, 1440 pxCapturada 8 sept 2026, 22:09

El problema

Los botones de wallet exprés (Apple Pay, Google Pay, Shop Pay, PayPal) compiten con el botón principal de checkout por la atención del comprador.

Por qué importa

Cuando todos los botones parecen igual de importantes, el comprador duda. Un CTA principal claro mantiene el impulso desde el carrito hasta el checkout.

Qué hacer

Haz que el botón de checkout sea visiblemente más grande y con más color que cualquier otro botón del carrito. Agrupa los wallets exprés y sepáralos del botón de checkout con un divisor «o». Mantén los botones de wallet con un tamaño similar entre sí, pero más pequeños que el de checkout.

Impacto
0.2–0.7%
de los checkouts, estimado
Esfuerzo de arreglo
4h front-end
estimado
25MediaCHK-003 · EstructuraCheckout

Indicador de pasos claro que muestra el progreso en el checkout

Vista de escritorio, ampliada a la ubicación del problema. Haz clic para abrir la captura de pantalla completa.
Vista de escritorio, ampliada a la ubicación del problema. Haz clic para abrir la captura de pantalla completa.Checkout, primer pasoVista de escritorio, 1440 pxCapturada 8 sept 2026, 22:10

El problema

El checkout no muestra en qué paso está el comprador ni cuántos pasos quedan. Se siente como un formulario infinito.

Por qué importa

No saber cuánto durará una tarea es uno de los predictores más fuertes de abandono. Un «Paso 2 de 3» visible da a los compradores la confianza para aguantar los próximos 30 segundos de tecleo.

Qué hacer

Añade un indicador de pasos en la parte superior del checkout: «Envío · Pago · Revisión» con el paso actual resaltado. Los puntos numerados también funcionan: (1), (2), (3), con el actual relleno. En checkouts de una sola página, usa encabezados de sección con un pequeño marcador «1 de 3» para que los compradores vean el progreso al desplazarse.

Impacto
0.2–0.7%
de los checkouts, estimado
Esfuerzo de arreglo
4h front-end
estimado
26MediaCHK-005 · EstructuraCheckout

Posibilidad de editar el carrito desde el checkout sin perder el progreso

Vista de escritorio. Aquí es donde va la corrección.
Vista de escritorio. Aquí es donde va la corrección.Checkout, primer pasoVista de escritorio, 1440 pxCapturada 8 sept 2026, 22:10

El problema

No hay forma de editar el carrito desde dentro del checkout; corregir una cantidad supone abandonar el flujo del checkout.

Por qué importa

Los compradores suelen detectar un error en el resumen del pedido. Si corregirlo les cuesta el progreso, algunos simplemente lo dejan.

Qué hacer

Enlaza cada línea del resumen del pedido de vuelta al carrito, abriéndolo de una forma que conserve el progreso del checkout. O permite editar cantidades y eliminar artículos directamente en el resumen del checkout.

Impacto
0.2–0.7%
de los checkouts, estimado
Esfuerzo de arreglo
4h front-end
estimado
27MediaCHK-007 · EstructuraCheckout

El logo o nombre del sitio no saca del checkout (o avisa antes)

Vista de escritorio. Aquí es donde va la corrección.
Vista de escritorio. Aquí es donde va la corrección.Checkout, primer pasoVista de escritorio, 1440 pxCapturada 8 sept 2026, 22:10

El problema

El logo de la tienda en la cabecera del checkout enlaza directamente a la página de inicio.

Por qué importa

Un clic accidental en el logo saca al comprador del checkout, y en algunas tiendas además pierde los datos del formulario. Una fuga pequeña, fácil de arreglar.

Qué hacer

Haz que el logo del checkout no sea clicable, o muestra antes una confirmación de «¿Salir del checkout?». Mantén un enlace discreto de «Volver al carrito» para los compradores que de verdad quieren salir.

Impacto
0.2–0.7%
de los checkouts, estimado
Esfuerzo de arreglo
4h front-end
estimado
28MediaCHK-010 · FormulariosCheckout

Un único campo de nombre completo (no nombre + apellidos)

Vista de escritorio, ampliada a la ubicación del problema. Haz clic para abrir la captura de pantalla completa.
Vista de escritorio, ampliada a la ubicación del problema. Haz clic para abrir la captura de pantalla completa.Checkout, primer pasoVista de escritorio, 1440 pxCapturada 8 sept 2026, 22:10

El problema

El checkout usa campos separados de Nombre y Apellidos en lugar de un solo campo de Nombre completo.

Por qué importa

Dos campos cuestan dos toques y dos focos de teclado en móvil. La investigación de Baymard muestra que un solo campo de Nombre completo mejora de forma medible la finalización del checkout, sobre todo en teléfonos.

Qué hacer

Sustituye los dos campos de nombre por uno solo de «Nombre completo». Configura autocomplete="name" para que los navegadores y los gestores de contraseñas lo autocompleten de una sola vez. Divide en Nombre/Apellidos solo si tienes un sistema posterior real que los exija por separado, y en ese caso divídelos en el servidor, no en la interfaz.

Impacto
0.2–0.7%
de los checkouts, estimado
Esfuerzo de arreglo
4h front-end
estimado
29MediaCHK-018 · FormulariosCheckout

Tipos de input HTML correctos (email, tel, number) para los teclados móviles

Vista móvil, ampliada a la ubicación del problema. Haz clic para abrir la captura de pantalla completa.
Vista móvil, ampliada a la ubicación del problema. Haz clic para abrir la captura de pantalla completa.Checkout, primer pasoVista móvil, 390 pxCapturada 8 sept 2026, 22:10

El problema

Algunos campos usan `type="text"` cuando deberían usar `type="email"`, `type="tel"` o `inputmode="numeric"`. Los teclados del móvil no se adaptan.

Por qué importa

El teclado equivocado es una pequeña fricción en cada dato introducido. Escribir un email en el teléfono con un teclado QWERTY (sin tecla @) o un número de teléfono sin el teclado numérico hace caer la finalización.

Qué hacer

Configura `type="email"` en los campos de email y `type="tel"` en los de teléfono. Para campos numéricos que no son números puros (códigos postales con letras), usa `inputmode="numeric"` o `inputmode="decimal"` en su lugar. Prueba en un teléfono real: pon el foco en cada campo, ¿muestra el teclado la disposición correcta?

Impacto
0.2–0.7%
de los checkouts, estimado
Esfuerzo de arreglo
4h front-end
estimado
30MediaCHK-019 · FormulariosCheckout

Atributos de autocompletado bien definidos (given-name, family-name, cc-number, etc.)

Vista de escritorio, ampliada a la ubicación del problema. Haz clic para abrir la captura de pantalla completa.
Vista de escritorio, ampliada a la ubicación del problema. Haz clic para abrir la captura de pantalla completa.Checkout, primer pasoVista de escritorio, 1440 pxCapturada 8 sept 2026, 22:10

El problema

A los campos de datos personales les faltan los atributos `autocomplete` correctos, o alguno está configurado como `autocomplete="off"`. Los gestores de contraseñas y el autorrelleno del navegador no funcionan con fluidez.

Por qué importa

WCAG 2.2 exige autocomplete en los campos de datos personales por accesibilidad. Más allá del cumplimiento, un autocomplete correcto convierte el checkout en una experiencia de 2 toques para los compradores que vuelven, algo enorme para la conversión en móvil.

Qué hacer

Añade el atributo `autocomplete` correcto a cada campo: `given-name`, `family-name`, `email`, `tel`, `street-address`, `address-line1`, `address-line2`, `postal-code`, `country`. Nunca configures `autocomplete="off"` en campos de datos personales. Algunos navegadores lo ignoran de todos modos; los que lo respetan rompen el autorrelleno de tus compradores. Para los campos de pago, usa `cc-number`, `cc-exp`, `cc-csc`, `cc-name`. Ver el hallazgo sobre autorrelleno de tarjeta en móvil más abajo.

Impacto
0.2–0.7%
de los checkouts, estimado
Esfuerzo de arreglo
4h front-end
estimado
31MediaCHK-020 · FormulariosCheckout

Enviar a la misma dirección de facturación ofrecido por defecto

Vista de escritorio, ampliada a la ubicación del problema. Haz clic para abrir la captura de pantalla completa.
Vista de escritorio, ampliada a la ubicación del problema. Haz clic para abrir la captura de pantalla completa.Checkout, primer pasoVista de escritorio, 1440 pxCapturada 8 sept 2026, 22:10

El problema

El checkout no ofrece una casilla de «Igual que la dirección de envío» para la dirección de facturación, marcada por defecto. Los compradores tienen que escribir su dirección dos veces. (Esta regla solo se aplica a tiendas de productos físicos.)

Por qué importa

En la mayoría de los pedidos, la dirección de facturación y la de envío son la misma. Obligar al comprador a volver a introducir su dirección es trabajo duplicado y una fuente habitual de erratas.

Qué hacer

Añade una casilla encima de la dirección de facturación: «Dirección de facturación igual que la de envío». Marca la casilla por defecto. Muestra el formulario de dirección de facturación solo cuando el comprador la desmarque. Conserva los valores de la dirección de envío como texto de resumen de solo lectura para que el comprador pueda confirmarlos.

Impacto
0.2–0.7%
de los checkouts, estimado
Esfuerzo de arreglo
4h front-end
estimado
32MediaCHK-021 · FormulariosCheckout

El campo de teléfono explica por qué se necesita (o es opcional)

Vista de escritorio, ampliada a la ubicación del problema. Haz clic para abrir la captura de pantalla completa.
Vista de escritorio, ampliada a la ubicación del problema. Haz clic para abrir la captura de pantalla completa.Checkout, primer pasoVista de escritorio, 1440 pxCapturada 8 sept 2026, 22:10

El problema

El campo de número de teléfono es obligatorio sin explicar por qué. Los compradores que valoran su privacidad dudan o abandonan.

Por qué importa

«¿Para qué necesita mi teléfono una tienda de camisetas?» es una objeción real. Sin una justificación, algunos compradores no lo darán y se irán.

Qué hacer

Haz el teléfono opcional si puedes. La mayoría de los pedidos nunca lo necesitan. Si es obligatorio (por ejemplo, para las notificaciones de entrega del transportista), añade una nota pequeña bajo el campo: «Para avisos de entrega del transportista». O muévelo a un paso posterior donde el comprador ya sepa por qué (selección del método de envío, confirmación de la dirección).

Impacto
0.2–0.7%
de los checkouts, estimado
Esfuerzo de arreglo
4h front-end
estimado
33MediaCHK-024 · FormulariosCheckout

Etiquetas visibles sobre los campos (no solo placeholder)

Vista de escritorio, ampliada a la ubicación del problema. Haz clic para abrir la captura de pantalla completa.
Vista de escritorio, ampliada a la ubicación del problema. Haz clic para abrir la captura de pantalla completa.Checkout, primer pasoVista de escritorio, 1440 pxCapturada 8 sept 2026, 22:10

El problema

El formulario del checkout usa etiquetas solo como placeholder: el propósito del campo se muestra como texto gris dentro del propio campo y desaparece en cuanto el comprador empieza a escribir.

Por qué importa

Las etiquetas solo como placeholder violan la accesibilidad WCAG, pero además simplemente cuestan ventas. Un comprador que escribe un valor incorrecto y luego olvida para qué era el campo tiene que borrarlo todo para volver a ver la etiqueta. La frustración se acumula.

Qué hacer

Coloca cada etiqueta encima de su campo como texto visible que nunca desaparece. Los placeholders pueden seguir existiendo para mostrar ejemplos de formato («[email protected]»), pero nunca como única etiqueta. En patrones de etiqueta flotante (estilo Material Design), asegúrate de que la etiqueta encogida al enfocar siga siendo legible.

Impacto
0.2–0.7%
de los checkouts, estimado
Esfuerzo de arreglo
4h front-end
estimado
34MediaCHK-035 · ConfianzaCheckout

Señales de confianza y seguridad visibles junto al paso de pago

Vista de escritorio. El pin señala dónde va esto. Haz clic para abrir la captura de pantalla completa.
Vista de escritorio. El pin señala dónde va esto. Haz clic para abrir la captura de pantalla completa.Checkout, primer pasoVista de escritorio, 1440 pxCapturada 8 sept 2026, 22:10

El problema

El paso de pago no muestra ninguna señal de confianza o seguridad cerca de los campos de pago (icono de candado, «Checkout seguro», sello PCI, Verified by Visa).

Por qué importa

Los compradores están en su momento de mayor ansiedad al escribir los números de la tarjeta. Una señal de seguridad visible junto al campo elimina esa ansiedad y mejora la conversión.

Qué hacer

Añade un icono pequeño de candado y las palabras «Checkout seguro» justo encima o al lado de la sección de pago. Muestra los iconos de las tarjetas aceptadas (Visa, MC, Amex) cerca del campo del número. Uno o dos sellos de confianza ganan a cinco. La sobrecarga parece spam y reduce la confianza.

Impacto
0.2–0.7%
de los checkouts, estimado
Esfuerzo de arreglo
1h contenido
estimado
35MediaCHK-036 · ConfianzaCheckout

Opción de contacto o ayuda accesible durante el checkout (teléfono, chat)

Vista de escritorio. El pin señala dónde va esto. Haz clic para abrir la captura de pantalla completa.
Vista de escritorio. El pin señala dónde va esto. Haz clic para abrir la captura de pantalla completa.Checkout, primer pasoVista de escritorio, 1440 pxCapturada 8 sept 2026, 22:10

El problema

No hay ninguna vía visible para pedir ayuda desde la página de checkout: ni número de teléfono, ni widget de chat, ni enlace de «¿Necesitas ayuda?».

Por qué importa

Cuando algo falla a mitad del checkout (una tarjeta rechazada, un campo de dirección que falta), una opción de ayuda visible marca la diferencia entre recuperar la compra y el abandono.

Qué hacer

Añade un enlace de «¿Necesitas ayuda?» o una burbuja de chat en la cabecera o la barra lateral del checkout. Incluye un número de teléfono en tiendas de precio alto; la opción importa aunque se use poco. Si usas un widget de chat (Intercom, Zendesk), asegúrate de que esté activado en las páginas de checkout, no solo en el escaparate.

Impacto
0.2–0.7%
de los checkouts, estimado
Esfuerzo de arreglo
1h contenido
estimado
36MediaCHK-040 · MóvilCheckout

El formulario de pago admite el autocompletado de tarjeta del navegador móvil

Vista móvil, ampliada a la ubicación del problema. Haz clic para abrir la captura de pantalla completa.
Vista móvil, ampliada a la ubicación del problema. Haz clic para abrir la captura de pantalla completa.Checkout, primer pasoVista móvil, 390 pxCapturada 8 sept 2026, 22:10

El problema

Al formulario de pago con tarjeta le faltan los atributos `autocomplete` que los navegadores móviles necesitan para autocompletar las tarjetas guardadas.

Por qué importa

iOS y Android pueden autocompletar una tarjeta guardada con un toque cuando los campos están etiquetados correctamente. Sin ello, el comprador teclea a mano 16 dígitos, la caducidad y el CVV, y muchos abandonan.

Qué hacer

Pon `autocomplete="cc-number"` en el campo del número de tarjeta, `cc-exp` en la caducidad, `cc-csc` en el CVV y `cc-name` en el nombre del titular. Nunca uses `autocomplete="off"` en los campos de pago. Si usas Stripe Elements o los campos de tarjeta propios de Shopify, esto ya está correcto. Si construiste el formulario tú mismo, añade los atributos.

Impacto
0.2–0.7%
de los checkouts, estimado
Esfuerzo de arreglo
3h front-end
estimado
37MediaCRT-A02 · AgenteCompradores con IA

Sin trampa de sesión que rompa la hidratación del carrito por agentes

Vista de escritorio. Aquí es donde va la corrección.
Vista de escritorio. Aquí es donde va la corrección.CarritoVista de escritorio, 1440 pxCapturada 8 sept 2026, 22:09

El problema

La URL del carrito contiene un token de sesión, así que abrirla en otro navegador o por parte de un agente devuelve un carrito vacío. El estado del carrito no es portable.

Por qué importa

Los flujos de comercio agéntico se pasan el carrito entre el comprador, el agente y los proveedores de pago. Si la URL del carrito está atada a la sesión, ese relevo se rompe y el comprador tiene que empezar de nuevo.

Qué hacer

Haz que la URL del carrito sea estable y compartible entre sesiones cuando el comprador ha iniciado sesión. Para carritos de invitado, ofrece un enlace explícito de compartir carrito que regenere una instantánea legible públicamente. Evita incrustar tokens de un solo uso en las URL del carrito salvo que también ofrezcas una URL /cart independiente de la sesión.

Impacto
0–0.7%
de los checkouts, estimado
Esfuerzo de arreglo
2h back-end
estimado
38MediaCHK-A04 · AgenteCompradores con IA

Señales de compatibilidad con pago delegado presentes (endpoints de tokenización)

Vista de escritorio. Aquí es donde va la corrección.
Vista de escritorio. Aquí es donde va la corrección.Checkout, primer pasoVista de escritorio, 1440 pxCapturada 8 sept 2026, 22:10

El problema

El checkout no declara soporte de pago delegado (tokenización ACP). Los agentes no pueden entregar un método de pago tokenizado en nombre del comprador.

Por qué importa

El pago delegado es la pieza que realmente permite a los agentes completar una compra sin pedirle al comprador que teclee su tarjeta. Tanto Stripe como PayPal lo soportan a través de sus modos ACP. Sin él, los agentes pueden preparar el pedido, pero se lo devuelven al comprador para finalizarlo.

Qué hacer

Activa el modo de pago ACP de Stripe, o el checkout delegado de PayPal, en los ajustes de tu proveedor de pago. Añade declaraciones de tokens de pago compatibles con ACP a tu página de checkout para que los agentes sepan que el pago delegado está disponible. Esto desbloquea el último tramo del comercio agéntico: el agente completa la compra entera.

Impacto
0–0.7%
de los checkouts, estimado
Esfuerzo de arreglo
2h back-end
estimado
39BajaPDP-013 · DecisiónPágina de producto

Selector de cantidad presente y fácil de usar (apto para el tacto en móvil)

Vista móvil, ampliada a la ubicación del problema. Haz clic para abrir la captura de pantalla completa.
Vista móvil, ampliada a la ubicación del problema. Haz clic para abrir la captura de pantalla completa.Página de producto, segundo producto que muestreamosVista móvil, 390 pxCapturada 8 sept 2026, 22:05Segundo producto que muestreamos: www.gymshark.com/products/gymshark-everyday-seamless-long...Un banner de cookies (o ventana de chat) estaba en pantalla cuando tomamos esta imagen; la comprobación se refiere a la página que hay detrás.

El problema

El selector de cantidad de esta página de producto falta en móvil, o es demasiado pequeño para tocarlo con comodidad.

Por qué importa

Los errores de dedo torpe convierten compras rápidas en compras frustrantes. La pauta de Apple para áreas táctiles es de 44px como mínimo; cualquier cosa más pequeña provoca a menudo toques fallidos con pulgares reales.

Qué hacer

Usa botones de más/menos alrededor del número en lugar de un desplegable o un spinner a secas. Dimensiona cada botón en torno a 44x44px con una separación clara entre ellos. Para productos de suscripción o de unidad única, oculta el selector por completo en lugar de mostrar un «1» fijo.

Impacto
0.1–0.4%
de los checkouts, estimado
Esfuerzo de arreglo
2h front-end
estimado
40BajaCRT-A03 · AgenteCompradores con IA

Las líneas del carrito incluyen IDs de producto o GTIN legibles por máquinas

Vista de escritorio. Aquí es donde va la corrección.
Vista de escritorio. Aquí es donde va la corrección.CarritoVista de escritorio, 1440 pxCapturada 8 sept 2026, 22:09

El problema

Las líneas del carrito no incluyen identificadores de producto legibles por máquinas (SKU, GTIN, product_id). Los agentes solo ven los nombres visibles.

Por qué importa

Sin un identificador estable por línea, los agentes no pueden contrastar los artículos con un catálogo, aplicar reglas de precio ni conciliar el pedido. Los nombres visibles cambian con la traducción y la localización; no son identificadores seguros.

Qué hacer

Incluye los campos sku, gtin y product_id en cada línea del JSON de tu carrito. Si no puedes exponerlos por JSON, añade como mínimo atributos data-sku y data-product-id al HTML de cada línea del carrito. El GTIN es el número de código de barras estándar internacional; todo producto físico fabricado para la venta minorista ya tiene uno. Lo encontrarás en el embalaje.

Impacto
0–0.4%
de los checkouts, estimado
Esfuerzo de arreglo
2h back-end
estimado
41BajaCHK-042 · MóvilCheckout

Sin saltos de diseño cuando aparecen errores del formulario

Vista móvil. Aquí es donde va la corrección.
Vista móvil. Aquí es donde va la corrección.Checkout, primer pasoVista móvil, 390 pxCapturada 8 sept 2026, 22:10

El problema

Cuando aparece un mensaje de error, el formulario salta visiblemente y mueve los campos bajo el cursor o el pulgar del comprador.

Por qué importa

Los saltos de diseño provocan clics erróneos y hacen que el comprador pierda su lugar en el formulario. En móvil causan habitualmente que se escriba en el campo equivocado.

Qué hacer

Reserva espacio para los mensajes de error de modo que aparezcan sin empujar el contenido. O anima la apertura del espacio con suavidad en lugar de que aparezca de golpe.

Impacto
0.1–0.4%
de los checkouts, estimado
Esfuerzo de arreglo
3h front-end
estimado
Compradores con IACómo rinde la tienda ante agentes de compra con IA y búsqueda con IA

Un asistente de IA puede encontrar Gymshark. No puede completar una compra allí.

UXFix puntúa cada tienda dos veces: una para compradores humanos, otra para los agentes que ahora navegan en su nombre. Gymshark obtiene 57 para humanos y 33 para agentes. Esa brecha es la parte que la mayoría de las tiendas aún no ha mirado. 9 de las 12 reglas de agente no se cumplen del todo.

Puntuación de Compradores con IA
33/100
Visibilidad en búsqueda con IA
3de 8

Derivada del propio contenido de la página de producto que capturamos de esta tienda. La cobertura evalúa si ese contenido responde a cada consulta; no es una medida del volumen de búsqueda ni de lo que recomienda actualmente ninguna IA.

Lo que un agente pudo leer
Precio y disponibilidad presentes en el DOM como texto (no solo por JS o imagen)PDP-A02
Sin barrera solo-CAPTCHA sin una vía accesible para agentesCHK-A02
Lo que no pudo
Schema.org Product completo: precio, disponibilidad, GTIN/SKU, valoración, detalles de envíoPDP-A01
Señales de preparación para checkout agéntico (endpoints ACP/UCP declarados)CHK-A01
Sin trampa de sesión que rompa la hidratación del carrito por agentesCRT-A02
Señales de compatibilidad con pago delegado presentes (endpoints de tokenización)CHK-A04
Errores estructurados devueltos en formato legible por máquinas para flujos de agentesCHK-A05
~llms.txt presente en la raíz; URLs de producto no bloqueadas a botsPDP-A03
~URLs canónicas estables; URLs de variante legibles por máquinas y permanentesPDP-A04
~Estado del carrito accesible por URL estable o endpoint de APICRT-A01
Las líneas del carrito incluyen IDs de producto o GTIN legibles por máquinasCRT-A03
Resultados de búsqueda con IA que ejecutamos
best seamless long sleeve tops for gym workouts
Cubierta"Designed for any kind of training such as running, lifting, studio... made from soft seamless fabric"
what should I wear for running, lifting and studio training
Cubierta"Designed for any kind of training such as running, lifting, studio"
long sleeve gym top that isn't too tight or see-through
ParcialOnly 'body fit' and 'subtle contouring' mentioned, no opacity or squat-proof claims
Gymshark Everyday Seamless vs Vital seamless collection comparison
ParcialBoth 'Everyday Seamless' and 'Vital' listed as nav collections with no comparative text
gift ideas for a woman who does pilates
Parcial'Pilates Outfits' listed under Shop by Activity but no gift framing anywhere
affordable comfortable gym clothes that feel lightweight
Cubierta"The comfiest affordable gym staple" and "So lightweight you'll barely notice it's there"
what size should I order in Gymshark seamless tops
Parcial"On average 15 reviewers say this product is true to size" and a Size Guide link, but no measurement chart shown
best women's leggings with pockets for gym
Parcial'Leggings With Pockets' appears only as a nav category with no product detail on this page

Preguntas que responde esta auditoría

¿Cuál es la puntuación de Gymshark en la auditoría de UX?

Gymshark (gymshark.com) obtuvo 57/100 el 8 de septiembre de 2026 en la auditoría independiente de UXFix de su página de producto, carrito y checkout, evaluada sobre 91 de las 115 reglas ejecutadas.

¿Cuáles son los mayores problemas de UX en gymshark.com?

La auditoría encontró 37 comprobaciones fallidas. Las más costosas: los errores conservan los datos introducidos (nunca vacían el formulario), precio visible sin desplazarse ni interactuar, en escritorio y móvil y el carrito muestra el desglose completo: artículos, estimación de envío, estimación de impuestos.

¿Pueden los agentes de compra con IA leer la tienda de Gymshark?

Gymshark obtiene 33/100 en las reglas de compradores con IA de UXFix, que comprueban si un agente de IA puede leer precio, stock y envío de la tienda y completar una compra en ella.

¿Cómo se realizó esta auditoría?

UXFix ejecutó las mismas 115 reglas deterministas que ejecuta en cada tienda: un recorrido de compra completo en escritorio y móvil, desde la página de producto hasta el paso de pago, usando solo el escaparate público. No se usaron datos de la tienda ni acceso a analítica, y cada hallazgo se muestra con la pantalla capturada.

¿Cómo se compara Gymshark con otras tiendas auditadas?

Entre 28 tiendas puntuadas en el benchmark de UXFix, Gymshark ocupa el puesto 17 con 57/100. La mediana del benchmark es 58. A fecha de 9 de septiembre de 2026.

Conclusión

Gymshark no es una tienda mal construida. Supera 42 de 91 reglas evaluables. Lo que tiene es una franja de fricción entre la página de producto y el paso de pago, y cada parte de ella está nombrada arriba.

Los 41 hallazgos de arriba suponen en total, aproximadamente, 119 horas de desarrollo estimadas. La mayoría son ajustes de configuración o de plantilla, no reconstrucciones. 12 reglas más están solo parcialmente cumplidas y merecen una revisión después de estas.

El patrón se repite en las tiendas que auditamos: la puntuación rara vez se pierde por el diseño visual, y rara vez se pierde en un solo lugar. Se pierde en cuándo aparece el costo, cuántas decisiones separan al comprador del pago, y si una máquina puede leer algo de todo eso.

Si arregla tres cosas
  1. Los errores conservan los datos introducidos (nunca vacían el formulario) 4h front-end
  2. Precio visible sin desplazarse ni interactuar, en escritorio y móvil 2h front-end
  3. El carrito muestra el desglose completo: artículos, estimación de envío, estimación de impuestos 2h front-end
Ahora
57
Proyectada
53

Modelado, no medido. Reauditamos gratis para comprobarlo.

Audita tu tienda

Las mismas reglas, la misma evidencia, las mismas estimaciones, en tu página de producto, carrito y checkout. Gratis, sin tarjeta, unos dos minutos.

Cita o inserta esta auditoría

Cita la puntuación con su fecha, o inserta la insignia en vivo. La insignia enlaza a esta página y se mantiene al día si volvemos a auditar.

Cita
UXFix (2026). Auditoría de UX y conversión de Gymshark: 57/100. Auditada el 8 de septiembre de 2026. https://uxfix.ai/es/audits/gymshark-com
Código para insertar
<a href="https://uxfix.ai/es/audits/gymshark-com"><img src="https://uxfix.ai/audits/gymshark-com/badge.svg" alt="UXFix score: Gymshark 57/100" width="220" height="48" /></a>

Más casos de estudio

Auditorías recientes del mismo corpus del benchmark.

Wpfactory
wpfactory.com
70/100
Keenfootwear
keenfootwear.com
56/100
Benetton
benetton.com
58/100

Aviso legal

Esta es una auditoría independiente. No fue patrocinada, encargada, pagada ni revisada por Gymshark, y UXFix no tiene relación comercial con la tienda. Los hallazgos se produjeron desde el escaparate público el 8 de septiembre de 2026 y pueden ya no reflejar el sitio en vivo. Las cifras de conversión son estimaciones modeladas a partir de investigación publicada sobre abandono de carritos, no de la analítica propia de la tienda. El nombre de la tienda y las capturas se usan con fines de comentario y comparación. Si trabajas en Gymshark y quieres que esta página se corrija o se retire, escribe a [email protected].

Los hallazgos reflejan gymshark.com tal como se capturó el 8 de septiembre de 2026. Las tiendas cambian; si algo aquí ya no coincide con el sitio en vivo, escribe a [email protected] y lo volveremos a comprobar y republicar.

Todos los casos de estudioArtículosPreciosLee la metodología completa