[Call To Action e-commerce] Qué son, tipos y cómo optimizarlas para aumentar tus ventas

Si ahora te preguntasen qué es una call to action (CTA), quizá no supieras muy bien qué responder.

Pero seguro que estás harto de verlas en todas las webs que visitas. 

Las call to action o “llamadas a la acción” son esos elementos de una página que le piden al usuario que realice una acción concreta.

Normalmente los verás en forma de botones o enlaces.

Y quizá no te lo parezca, pero son elementos muy importantes. 

Por ejemplo, es posible que alguna vez estuvieras pensándote si comprar o no un producto, y por culpa de una CTA bien diseñada te lo acabases llevando.

¿No nos crees?

Pues espera a terminar de leer este post. 😉

Aquí te vamos a explicar:

  • Por qué son tan importantes las calls to action para tu e-commerce.
  • Cuáles son los tipos de CTA más comunes en una tienda online.
  • Consejos para optimizarlas y mejorar así tus ventas.

¿Listo? Pues empezamos. 

👉 ¿Qué tipos de call to action tiene un e-commerce?

Puede que con la definición de antes te hayas quedado un poco igual. Pero si te decimos:

Seguro que eso ya te suena más.

Todas esas son CTA’s típicas de una tienda online. Y podríamos seguir poniéndote ejemplos casi hasta el infinito, pero seguro que ya te haces una idea.

Ahora la pregunta que casi seguro te estás haciendo es…

✅ “¿Tan importante es un simple botoncito?”

Te lo explicamos de la siguiente manera.

Imagina que quieres comprar una raqueta de tenis y vas a un establecimiento físico. Pero como el sitio es bastante grande no tienes muy claro en qué pasillo estarán las raquetas.

¿Qué haces?

Te vas derechito a preguntarle a un dependiente.

Una vez tienes tu raqueta, le pides a otro dependiente que te indique dónde está la caja.

Y antes de cobrarte, la persona que te atiende en caja te avisa de que hay un 2×1 en pelotas de tenis, por si quieres llevarte el pack completo.

Pero en las tiendas online no hay dependientes.

Nadie que le diga a tu cliente “Ve por aquí. Para pagar tienes que hacer esto. Llévate este producto ahora que lo tenemos rebajado”.

Y (en parte) son las CTA’s las que cumplen esa función.

Las llamadas a la acción de tu e-commerce son como indicadores que le van marcando el camino a tus usuarios.

Por eso, si las usas bien te permiten:

Pero ¿todo esto cómo se consigue?

Eso es lo siguiente que vamos a ver. 😉

👉 5+1 tips para sacarles todo el partido a tus CTA’s (con ejemplos)

Ahora que ya tienes claro la diferencia que puede suponer una buena CTA en tus ventas, es hora de que nos pongamos manos a la obra y veamos cómo optimizarlas.

✅ 1. Haz que se vea

Esto es básico.

Para un cliente no es agradable tener que pasarse un rato buscando el botón de compra o tratando de averiguar cómo suscribirse a tu lista de email.

Las llamadas a la acción tienen que saltar a la vista.

Para esto hay varios trucos:

  • Ponles un color que contraste: nuestro ojo se guía mucho por las diferencias entre tonos. Eso significa que si tienes un fondo blanco y pones una llamada a la acción con un color oscuro (y viceversa), saltará a la vista enseguida. 
  • Dales relieve: en más de una página habrás visto esos botones que parecen sobresalir de la pantalla.
  • Súbeles el tamaño: no tengas miedo a hacer botones grandes. Lo importante es que destaquen (además en dispositivos móviles las CTA’s pequeñas son más difíciles de clicar).
  • Deja aire alrededor: por lo general una llamada a la acción destaca mucho más si está rodeada por un espacio en blanco.

Por ejemplo, fíjate en el diseño de CTA’s tan sencillo (pero efectivo) que utilizan en la web de Rubiks, uno de nuestros clientes:

cta e-commerce que es

✅ 2. Originalidad, ¿sí o no?

Este es un tema delicado.

Habrás visto algunas webs que juegan con la creatividad en sus llamadas a la acción.

Por ejemplo, así lo hace Mr. Wonderful.

e-commerce llamada a la accion

En el footer de su web te invitan a descargarte su aplicación móvil, y en lugar de hacerlo con un mensaje corriente como “Descarga nuestra app”, la tienda le da un toque mucho más acorde a su imagen de marca

Pero ojo, esto grábatelo a fuego:

Antes que original, una llamada a la acción siempre tiene que ser fácil de entender y dejar claro lo que va a ocurrir.

De nada te sirve tener un mensaje gracioso o simpático si, al leerlo, el usuario se queda pensando: “Vale, ¿pero si hago clic qué pasa? ¿Meto este producto en el carrito? ¿Lo compro automáticamente?”.

Esto lo vas a ver claramente en la misma web de Mr. Wonderful.

que es llamada a la accion e-commerce

En las CTA’s más importantes, como la de Añadir al carrito, el texto que usan es exactamente el mismo que cualquier otra tienda online.

A veces vale más la pena ser predecible. 😉

✅ 3. La CTA principal debe estar en el “above the fold”

La mayoría de las páginas de tu web tendrá, como mínimo, una call to action.

En la ficha de producto será el botón de compra, mientras que en la homepage puede ser un botón que te lleve a una oferta.

Da igual.

Lo más importante es que esta CTA esté siempre en el above the fold. Es decir, que el usuario la vea en pantalla nada más cargar la página, sin tener que hacer scroll hacia abajo. 

Por ejemplo, esto es lo que ves nada más aterrizar en la homepage de la tienda Rose.

e-commerce call to action

Aquí mismo ya incluyen una CTA que es “Comprar ahora”, y que te invita a aprovechar la promoción que tienen activa.

Y si te fijas bien verás que esto es así en todas las tiendas online. 

✅ 4. Jerarquiza las llamadas a la acción (para que tus clientes no se saturen)

¿Se pueden poner muchas llamadas a la acción dentro de una misma página?

Sí… pero tienes que presentarlas de forma ordenada. 

Si las pones todas muy cercas las unas de las otras, el usuario se va a liar y no sabrá en cuál hacer clic (lo cual afectaría negativamente a la usabilidad). 

Es como si al entrar en esa tienda física que te decíamos al principio, de pronto te asaltaran tres dependientes distintos y los tres te hablasen al mismo tiempo. No te enterarías de nada. 😉

Pero con un ejemplo todo se entiende mejor.

que es cta e-commerce

Esta es la homepage de la tienda Makari. Solo en esta página tienen más de quince CTA’s (incluyendo el botón de suscripción).

Pero las tienen jerarquizadas de la siguiente manera:

  • La más importante en un banner donde se ven las promociones activas.
  • Justo debajo hay un apartado en el que puedes seleccionar tu tipo de piel para ver los productos más adecuados para ti. 
  • Luego tienes una línea con los artículos estrella, cada uno con su correspondiente CTA para ir a la ficha de producto.
  • Al final del todo, en un tamaño más discreto, está el cajetín para suscribirte a su newsletter.

De esta manera el usuario ve claramente que hay una CTA principal (la del banner) y luego otras secundarias separadas en epígrafes y a diferentes alturas, por lo que le resulta más fácil decidir en cuál clicar.

✅ 5. Pon la información importante cerca

El texto que rodea a tus llamadas a la acción te puede servir para darle seguridad al usuario.

Por ejemplo, sobre tu botón de compra podrías especificar:

  • La garantía de la que disfruta el producto.
  • El tiempo que va a tardar el usuario en recibir el producto.
  • Que el envío es gratuito.

Fíjate en el caso de ITS, otro de nuestros clientes.

call to action en e-commerce

En cada ficha de producto tienen una llamada a la acción en verde (bien grande y llamativa) que es el botón de añadir al carrito. Y alrededor te dicen:

  • Las posibles modalidades de entrega.
  • Las formas de pago disponibles.
  • Cuántas personas han comprado ese producto recientemente (por la prueba social).
  • El tiempo que tardará en llegar si lo pides antes de X horas.
  • La cantidad a partir de la cual tienes gastos de envío gratis.

Otra opción es jugar con la escasez con un mensaje tipo “Solo quedan X productos en stock” (sobre este gatillo mental tenemos un post entero en el que te explicamos cómo usarlo).

✅ Extra: Haz variaciones y mide los resultados

Un último consejo.

Ya has visto lo importante que es configurar bien tus llamadas a la acción y cómo hacerlo. 

Pero no te acomodes.

Una vez hayas creado el diseño básico de tus llamadas a la acción, haz tests A/B para probar cambios y comprobar cuál funciona mejor.

Pueden ser pequeñas variaciones, como:

  • Cambiar el color.
  • Probar distintas variaciones del texto (más original, más común).
  • Utilizar el imperativo.
  • Poner el texto en 1ª persona (en lugar de “Descarga esta guía” decir “Sí, quiero descargar esta guía”).
  • Variar el texto que rodea a la CTA (prueba a poner la garantía, o el envío, o a provocar escasez, etc.).

Quizá no te lo parezca, pero uno solo de estos pequeños cambios podría suponer una diferencia considerable en tu tasa de conversión.

👉 Hay otro sitio en el que no puede faltar una CTA

En los resultados de búsqueda de tu tienda online.

Claro que eso solo es posible si usas un buscador inteligente como el de Doofinder, que te permite añadir banners publicitarios y productos en oferta en los resultados.

Y eso, por experiencia con nuestros clientes, es algo que sube (y mucho) las ventas.

Si quieres comprobarlo por ti mismo, puedes descargar Doofinder y usarlo gratis en tu web durante 30 días.

Pruébalo (aplicando los consejos que te hemos dado en este post) y dentro de un mes nos cuentas si notas diferencia. 😉