Buenas prácticas de ubicación del CTA para aumentar la tasa de apertura

La posición de la llamada a la acción (CTA) de Tangiblee en una página de producto influye más en la tasa de apertura que su tamaño, color, animación o redacción. Este artículo describe dónde colocar el CTA, cómo diseñarlo y cómo etiquetarlo, por dispositivo y categoría de producto, con los datos que respaldan cada directriz.

Antes de empezar

• La tasa de apertura es la proporción de usuarios de una página de producto de Tangiblee que abren la experiencia de Tangiblee. Cuenta a todos los usuarios de la página, incluidos los que nunca se desplazan hasta el CTA.
• Los datos proceden de dos auditorías de Tangiblee Analytics sobre páginas de producto, de julio a octubre de 2026. Una auditoría abarca joyería y relojes. La otra abarca bolsos y equipaje.
• Los resultados se agregan entre minoristas. No identifican sitios concretos.

Nota: Las auditorías comparan minoristas distintos. La categoría, el mercado, el nivel de precios y el tráfico no están controlados. Considera los resultados una orientación sólida, no efectos demostrados, y prueba cualquier cambio importante antes de aplicarlo. Consulta “Prueba un cambio de CTA” más abajo.

Directrices clave

Ubicación del CTA en móvil

En móvil, los CTA de la primera pantalla tienen una tasa de apertura más alta que los CTA por debajo del pliegue. Las mejores ubicaciones están justo debajo de la galería o de la imagen principal, y en la parte inferior de la imagen principal. Esta zona está al alcance del pulgar y en el recorrido de la mirada del comprador hacia los detalles del producto.

En las páginas de bolsos y equipaje, un CTA justo debajo de la galería tiene una tasa de apertura mediana del 17,4 %. Un CTA en el bloque de compra, por debajo del pliegue, tiene una tasa de apertura mediana del 10,6 %.

Bolsos y equipaje (tasa de apertura mediana, 90 días)

Joyería y relojes (tasa de apertura media, 7 días)

Un minorista con poco tráfico colocó su CTA en la parte inferior de la imagen principal y alcanzó el 30,3 %. Esto respalda la zona inferior de la imagen, pero no es una cifra precisa.

El mismo patrón aparece al comparar un mismo minorista entre dispositivos. 10 de 13 minoristas de bolsos y equipaje con el CTA móvil en el bloque de compra, por debajo del pliegue, tienen una tasa de apertura más baja en móvil que en escritorio, con una mediana de 3,6 puntos porcentuales. Los minoristas con el CTA justo debajo de la galería ganan una mediana de 2,1 puntos en móvil.

Nota: Las dos auditorías usan periodos y métodos distintos. Compara ubicaciones dentro de una misma auditoría, no entre auditorías.

Directrices para móvil

• Fija la superposición a la imagen, no a la pantalla.
• Separa la superposición de 16 a 20 píxeles del borde de la imagen.
• Mantén la superposición visible mientras el comprador desliza la galería.
• No pongas el CTA en las esquinas superiores de la imagen. Compite con la ruta de navegación y con la navegación.
• No pongas el CTA debajo de la tira de miniaturas ni en el bloque de compra. Estas zonas suelen quedar por debajo del pliegue.
• Revisa los elementos flotantes, como burbujas de chat, insignias de fidelidad, botones de accesibilidad y barras fijas de “Añadir al carrito”. Revisa el CTA en cada posición de desplazamiento. Si algún elemento lo tapa, mueve el CTA hacia el centro.

Ubicación del CTA en escritorio

En escritorio, el bloque de compra suele verse sin desplazarse. Recomendamos colocar el CTA entre el selector de variantes y “Añadir al carrito”, donde el comprador elige talla, color o estilo. Si el diseño no lo permite, coloca el CTA centrado justo debajo de la imagen principal.

Las superposiciones en la parte superior de la imagen principal tienen la tasa de apertura más baja en ambas auditorías. En la auditoría de bolsos y equipaje, las ubicaciones en el bloque de compra tienen medianas del 13,9 % para un enlace pequeño y del 13,2 % para un botón de ancho completo. Los CTA sobre la imagen principal tienen una mediana del 10,8 %.

Bolsos y equipaje (tasa de apertura mediana, 90 días)

Joyería y relojes (tasa de apertura media, 7 días)

Nota: Varios minoristas de joyería y relojes tenían menos de 600 usuarios de escritorio en el periodo. Las cifras de escritorio de joyería y relojes son solo orientativas.

Consejo: Una ubicación que funciona en el bloque de compra de escritorio no se traslada a móvil. El bloque de compra suele quedar por debajo del pliegue en móvil. Define la ubicación para cada dispositivo.

Ubicación por categoría

Las directrices generales se aplican a todas las categorías. La tabla muestra qué aportan los datos a cada categoría.

Bolsos y equipaje

Bolsos y equipaje es la categoría con más evidencia, en ambos dispositivos. En móvil, la tasa de apertura más alta de la auditoría proviene de 2 píldoras en la parte inferior de la imagen principal. En escritorio, el bloque de compra tiene una tasa de apertura más alta que la imagen principal.

El tamaño y la capacidad determinan la decisión de comprar un bolso. Si existen ambas experiencias, recomendamos 2 puntos de entrada: uno para la escala y otro para la capacidad. Las etiquetas de tamaño y las de capacidad tienen casi la misma tasa de apertura. Elige la etiqueta que coincida con lo que muestra la experiencia.

Las tasas de apertura también cambian según el mercado con el mismo diseño. Una marca tiene tasas de apertura en móvil del 8,6 % al 13,8 % entre sus mercados. Compara ubicaciones dentro del mismo mercado.

Joyería

La mayor parte de los datos de joyería procede de páginas de anillos. Las muestras de pulseras y pendientes son pequeñas. En móvil, un CTA justo debajo de la imagen principal, centrado, tiene la tasa de apertura media más alta (14,5 % con 5 minoristas). En escritorio, justo debajo de la imagen principal tiene la tasa de apertura media más alta (11,0 % con 3 minoristas), y las superposiciones en la parte superior de la imagen tienen la más baja.

Un icono de cámara es la convención de la categoría para la prueba virtual. La redacción no se analizó para joyería, así que se aplican las directrices generales de etiquetas.

Relojes

Las auditorías incluyen 2 minoristas de relojes, con tasas de apertura en móvil del 8,4 % y del 12,7 %. No es suficiente para distinguir ubicaciones. Recomendamos las directrices de joyería: un CTA de prueba virtual con icono de cámara, en la primera pantalla móvil, en la parte inferior de la imagen principal o justo debajo de ella.

Diseño del CTA

Estilo

El CTA debe parecer una acción y debe seguir siendo secundario respecto a “Añadir al carrito”.

• Un enlace de texto simple parece texto corriente o navegación.
• Un botón grande relleno con un color de compra puede confundirse con “Añadir al carrito”, o ignorarse como tal.
• Un botón con contorno, o una píldora blanca con borde e icono, es el patrón recomendado.
• Sobre imágenes, comprueba que el CTA tenga contraste con fotos de producto claras y oscuras.

En la auditoría de bolsos y equipaje, el botón más grande era un botón relleno que parecía una acción de compra. Fue uno de los de peor rendimiento en ambos dispositivos. Los botones de ancho completo y los enlaces pequeños en el bloque de compra de escritorio rindieron casi igual.

Tamaño

El tamaño influye menos que la posición.

• En móvil, usa una altura de 44 píxeles o más.
• En móvil, usa un ancho del 35 al 60 por ciento de la pantalla. Es el rango de los CTA móviles de mejor rendimiento en la auditoría de joyería y relojes.
• En escritorio, iguala el ancho de la fila de muestras o de la columna de “Añadir al carrito”.

Icono

Un icono literal muestra al comprador lo que ocurre al hacer clic. Usa una cámara para probarse, una regla o balanza para el tamaño y una silueta de bolso para la capacidad.

11 de 15 minoristas de joyería y relojes usan un icono de cámara. Los iconos abstractos, como un marco de escaneo, obligan al comprador a adivinar. Un minorista con un interruptor de solo icono y sin texto alcanza el 27,7 % en móvil.

Animación

Los CTA animados y estáticos no se diferencian en los datos. 5 de los 15 minoristas de joyería y relojes usan un CTA animado.

Etiqueta del CTA

En la auditoría de bolsos y equipaje, la redacción no muestra una relación consistente con la tasa de apertura una vez considerados la ubicación y el mercado. Una etiqueta es un estándar de calidad, no una palanca de crecimiento. Recomendamos una etiqueta corta y específica en el idioma del comprador.

Nota: La redacción no se analizó para joyería, relojes ni muebles y decoración del hogar. Estas etiquetas son ejemplos, no resultados medidos.

Evita estas etiquetas:

• Etiquetas genéricas como “Información de tallas”. Parecen una tabla de tallas estática.
• Palabras poco claras para la categoría. En bolsos, evita “ajuste” por sí sola.
• El nombre de la guía de tallas nativa o de la sección de dimensiones del sitio. Un acordeón nativo con el mismo nombre compite con el CTA.

Qué muestran los datos sobre la redacción

• Las etiquetas de tamaño y de capacidad tienen casi la misma tasa de apertura: 12,3 % y 11,5 % en móvil, y 13,7 % y 13,1 % en escritorio.
• Las etiquetas que empiezan con un verbo van por delante en escritorio (14,3 % frente a 12,9 %) pero por detrás en móvil (10,5 % frente a 12,7 %). No hay una dirección consistente.
• La longitud de la etiqueta no muestra una relación clara con la tasa de apertura. En las 14 etiquetas en inglés o en otro idioma de escritura latina, la correlación de rangos es de -0,19 en móvil y de 0,11 en escritorio. Ambos valores están cerca de cero.
• La misma etiqueta en la misma posición cambia según el mercado. Una marca usa una etiqueta en la misma posición del bloque de compra en sus sitios en inglés, con tasas de apertura en escritorio del 10,9 % al 16,8 %. Otra marca usa una etiqueta en todos sus sitios en alemán, con tasas de apertura en escritorio del 12,9 % al 16,6 %.
• Etiquetas casi idénticas difieren según la ubicación. “Ver tamaño” alcanza el 18,8 % en móvil justo debajo de la galería. “Ver tamaño del bolso” alcanza el 10,6 % en el bloque de compra por debajo del pliegue.

La tasa de apertura no muestra lo que ocurre después del clic. Una etiqueta clara podría traer menos aperturas, pero mejor cualificadas. Ninguna de las auditorías lo midió. Para comprobarlo, haz una prueba solo de etiqueta en un minorista de mucho tráfico, con el mismo diseño y la misma posición. Lee la tasa de apertura y la CVR de usuarios que interactúan (la CVR de los usuarios que abrieron la experiencia de Tangiblee).

Puntos de entrada

Un punto de entrada es cualquier elemento de la página que abre la experiencia de Tangiblee. Una página puede tener varios.

• Usa un punto de entrada por cada zona de la página.
• Añade otro punto de entrada solo si lleva a un resultado distinto. Por ejemplo, uno para el tamaño y otro para la capacidad.
• No repitas el mismo CTA con la misma etiqueta en muchos lugares. Añade ruido, no alcance.
• Etiqueta cada punto de entrada por separado para medir cuánto aporta cada uno a la tasa de apertura.

Páginas de productos agotados

Mantén el CTA en las páginas de productos no disponibles y agotados. Los compradores siguen queriendo ver el tamaño y el aspecto de un producto que no está disponible. En la auditoría de bolsos y equipaje, 2 de las tasas de apertura más altas en escritorio provenían de páginas con artículos no disponibles.

Alcance del CTA

Un CTA que no se carga, o que se carga tarde, pierde aperturas sea cual sea su diseño. Las auditorías encontraron:

• CTA que tardaron de 25 a 40 segundos en mostrarse.
• CTA que solo se mostraron tras un desplazamiento.
• CTA ocultos para los visitantes que rechazaron las cookies o el uso compartido de datos.

Antes de cambiar el diseño del CTA, comprueba que el CTA:

1. Se muestra rápido.
2. Se muestra sin ninguna acción del usuario.
3. Se muestra para todos los estados de consentimiento que permite el sitio.

Prueba un cambio de CTA

Recomendamos una prueba B/B para cada cambio importante de CTA. En una prueba B/B, ambos grupos ven Tangiblee. El grupo de control mantiene el CTA actual. El grupo de variación recibe el nuevo CTA.