En marketing, el comportamiento del cliente potencial se considera en el marco AIDA (Atención-Interés-Deseo-Acción). Incluye las etapas por las que pasa una persona antes de tomar una decisión. La llamada a la acción (CTA) es un elemento clave en este marco. Su organización determina su eficacia. No puedes simplemente poner un botón de color contrastante con una llamada para suscribirte o comprar algo.
La llamada a la acción debe ser brillante, llamativa y establecer la posición requerida. Un ejemplo simple: escriba un artículo con consejos sobre cómo construir una carrera y salir de la burbuja de la comodidad. Primero dejas que el lector lea parte de él y luego pones una llamada a la acción con una sugerencia para leer más. Esto se puede diseñar de dos maneras:
- lea una frase neutral como «lea la versión completa a continuación» o «lea a continuación»;
- crea un llamado a la acción más creativo: «comienza a cambiar tu vida para mejor» ¡suena mucho mejor!
Parece poca cosa, pero una llamada a la acción bien diseñada mejora las tasas de conversión.
Etapas de la creación de una llamada a la acción
Una llamada a la acción es en realidad solo un botón. Después de hacer clic en él, el visitante es redirigido a la página deseada. Pero al crear una llamada a la acción, se deben abordar varios problemas, comenzando con el estilo de escritura del texto y terminando con el color del campo del botón.
Analicemos brevemente las etapas de la creación de una llamada a la acción:
- redactar un texto de llamada a la acción. En esta etapa, recomendamos evitar frases impersonales y neutrales;
- diseña el botón y elige su color según Investigación de HubSpot, el color rojo proporciona una tasa de conversión un 21 % más alta en comparación con el verde. Sin embargo, el color debe coincidir con el conjunto general de colores de la página. El principal requisito es el máximo contraste. Por ejemplo, Evernote usa un color blanco que se destaca bien sobre un fondo verde;
- establecer el tamaño del botón. Aplique el principio de la media dorada y todo estará bien;
- determinar dónde se colocará la llamada a la acción. Si el texto es largo, la llamada a la acción se puede duplicar. Le ahorrarás tiempo al lector (no tendrá que desplazarse hasta el principio o el final del texto) y le recordarás tu oferta.
Al crear un llamado a la acción, deberá equilibrar dos requisitos: que el llamado a la acción sea notable, pero no molesto.
Cómo crear una llamada a la acción
Hay varias recomendaciones adecuadas para cada caso. Al diseñar un llamado a la acción, siga las siguientes recomendaciones:
Máximo valor informativo. El texto de la llamada a la acción debe indicar qué sucederá después de hacer clic en el botón. No utilice una redacción vaga. Por ejemplo, si ofrece descargar software gratuito, escriba «Descargar para Windows»; si un visitante necesita completar un formulario, escriba el texto correspondiente;
Si ofrece bonos, concéntrese en eso. Esto generalmente se hace antes de la llamada a la acción en sí, para que el visitante no se olvide de la ganancia con seguridad. A veces, la información (p. ej., sobre un descuento) se incluye en la propia llamada a la acción. Por ejemplo, lamoda.ua tiene un botón de llamada a la acción que redirige al usuario a la página con productos promocionales que se pueden comprar con un 15% de descuento;
Storytelling: muestra la ventaja de tu oferta en unas pocas frases (por qué el usuario debería elegirte). Luego coloca el botón de llamada a la acción;
- Cuando diseñes tu texto de llamada a la acción, ponte en el lugar del prospecto. Por ejemplo, el CTA «Quiero que mi sitio web llegue a lo más alto» suena mejor que «Hacer un pedido» o «Comprar»;
- use la misma fuente que el diseño del sitio web;
- las imágenes de la página deben estar relacionadas con la llamada a la acción. Por ejemplo, si hay una persona señalando algún lugar de la imagen, haz que señale el botón CTA;
- experimente con el diseño variable del botón de llamada a la acción. Por ejemplo, puede cambiar de color al desplazarse. Esto atrae más la atención;
- si usa 2 botones de llamada a la acción adyacentes, debe ser de un color diferente.
La creatividad razonable es bienvenida.
Errores al crear y colocar la llamada a la acción
A veces es imposible crear una llamada a la acción perfecta en el primer intento. Es mejor aprender de los errores de los demás, así que trata de evitar los errores más comunes:
- uso de palabras «frías» que dan una vaga idea del resultado de presionar el botón;
- una gran brecha entre la llamada a la acción y el texto de la oferta. Si la oferta es detallada, puede duplicar la misma llamada a la acción; no hará daño;
- muchos CTA diferentes en un espacio pequeño. Recuerde, no necesita molestar o enojar al visitante, sino lograr que realice una acción específica. Antes todos tienen en cuenta los sentimientos del visitante de la página;
- color de botón incorrecto seleccionado. Debe contrastar con el conjunto general de colores utilizados en el diseño del sitio web;
- CTA diseñado como una imagen. En la versión móvil del sitio web, el visitante puede deshabilitar la visualización de una imagen para ahorrar tráfico y no verá la llamada a la acción;
- El CTA contiene un enlace roto, la información u oferta está desactualizada.
Todos estos errores tienen un efecto acumulativo. Si comete algunos errores, su llamado a la acción tendrá una efectividad casi nula.
Dónde usar la llamada a la acción
Si analiza sitios web populares, verá que la CTA se puede ubicar en la parte superior, detrás de la línea de plegado, al final de las lecturas largas y al costado de la página. Estos métodos son razonables, pero debe comprender cuándo son aplicables:
La parte superior de la página (antes de la línea de plegado) es una solución ganadora. El visitante seguramente verá tu mensaje. Vea cómo se implementa en plerdy.com: se describen los beneficios de un mapa de calor y se incluye una cotización para obtener más información. La parte anterior contiene una oferta para una prueba gratuita de la funcionalidad del servicio;
Supongamos que el visitante está interesado en la oferta y continúa desplazándose por la página. Continúe hablando sobre los beneficios de su producto debajo del pliegue e inserte otro CTA. Tenga en cuenta que el menú en la parte superior es fijo y no desaparece cuando el usuario se desplaza por la página. Contiene otra llamada a la acción (para probar el servicio gratis);
Si el visitante está interesado en el material, esto proporciona la máxima profundidad de desplazamiento. Por lo tanto, es aconsejable colocar la llamada a la acción en la parte inferior de la página. Las publicaciones de blog (muchas grandes empresas en línea las ejecutan) son un gran ejemplo. Los botones CTA (por ejemplo, para suscribirse a las redes sociales) siempre se usan al final. En este caso, puede colocar los botones uno al lado del otro y diseñarlos con el mismo estilo.
Mira de nuevo los ejemplos dados arriba. Por supuesto, todos son diferentes, pero se siguen las reglas dadas anteriormente: se usan colores contrastantes y se describen correctamente los beneficios del producto.
20 ejemplos de llamadas a la acción
Nos hemos ocupado de la teoría. Ahora pasemos a la práctica. Todos los ejemplos a continuación utilizan elementos de llamada a la acción.
ExxonMobil.com
El sitio web de una de las compañías petroleras más grandes utiliza varios tipos de llamados a la acción:
- la página de inicio contiene una oferta para conocer las actividades de la empresa y descargar un documento pdf con información sobre la empresa. Tenga en cuenta que ambos CTA están colocados a un lado y en contraste;
- debajo de la llamada a la acción de la línea de plegado de la página se redirige al usuario a la sección con noticias para inversores y eventos importantes relacionados con la empresa;
- la parte inferior de la página contiene los enlaces estándar de las redes sociales.
El campo de llamada a la acción es rojo: una solución adecuada, ya que los botones se notan tanto en fondos oscuros como claros.
Amerisourcebergen.com
El sitio web de AmerisourceBergen contiene llamados a la acción diseñados principalmente para estimular al lector a obtener más información sobre las operaciones de la empresa.
Llamadas a la acción:
- descubrir nuevas ideas;
- leer artículos sobre farmacia y medicina;
- póngase en contacto con la empresa. Después de presionar el botón, aparece un formulario de contacto.
Hay que mencionar la narración. La primera llamada a la acción suena como “Más información sobre nuestro papel en la cadena de suministro«. La actividad de la empresa se hace evidente.
Chevron.com
En el sitio web de una de las empresas de energía más grandes, la mayoría de los CTA incluyen una oferta para obtener más información sobre las operaciones de Chevron y su contribución al medio ambiente.
Llamadas a la acción:
- conozca más sobre la empresa, su historia, vea el video correspondiente;
- en los artículos, las llamadas a la acción se utilizan para animar a los lectores a seguir sus perfiles de redes sociales.
ford.com
Automajor no requiere publicidad adicional. Sin llamativos anuncios de autos nuevos ni descuentos previos a la CTA en ford.com; Las llamadas a la acción se utilizan principalmente para animar a los visitantes a leer más sobre las actividades de la empresa.
Tipos de CTA en el sitio web:
- saber más sobre la empresa y sus áreas de actividad;
- comprar entradas para eventos de Ford;
- visitando la sección de ofertas de trabajo de Ford.
gm.com
cardenalhealth.com
En el sitio web se utilizan las siguientes llamadas a la acción:
- tradicionalmente “aprender más” sobre Cardinal Health;
- cargar resultados e informes de investigación;
- explorar los detalles de los programas ofrecidos;
- Suscríbete al correo de nuevas publicaciones de Cardinal Health.
La mayoría de las llamadas a la acción son diseñado en forma de botones que se destacan sobre el fondo de la página. Hay algunas llamadas a la acción que se pueden distinguir del texto principal solo por el color.
Verizonwireless.com
En el sitio web se pueden distinguir los siguientes CTA:
- CTA que ofrecen verificar tarifas para empresas y particulares;
- una llamada a la acción para leer sobre las actividades de la empresa, sus ofertas y nuevas tecnologías;
- El material en pdf sobre los beneficios de trabajar con Verizon se puede descargar en la sección de negocios;
- póngase en contacto con el soporte técnico;
- redirigir a la sección de la tienda. Verizon ofrece contratos de teléfonos inteligentes con grandes descuentos.
bankofamerica.com
La página de inicio del sitio web de Bank of America está llena de diferentes CTA:
- enlaces a planes de servicio de tarjetas;
- ofertas de temporada (por ejemplo, guía de compras navideñas);
- estándar «Ver nuestros productos» y «Más información»;
- llamada a la acción para ver las aplicaciones desarrolladas por BoA.
Microsoft.com
El sitio web de Microsoft contiene los siguientes CTA:
- solicite los productos con descuento, en particular, se ofrece una suscripción a Xbox game pass, Office 365 y otros productos de la compañía;
- Los CTA para dejar comentarios sobre el sitio web y hacer una pregunta a los expertos están fijados en la parte inferior.
Los botones son interactivos y responden al pasar el mouse. No hay problema con la motivación.
Delltechnologies.com
El sitio web contiene llamadas a la acción de varios tipos:
- obtener más información sobre productos o campañas promocionales actuales;
- mira los videos;
- comprar los artículos: el usuario es redirigido a la página con una lista de productos;
- obtenga soporte: descargue controladores y manuales;
- explore las soluciones especializadas de desarrollo de productos de TI de la empresa.
Debe tenerse en cuenta el diseño, ya que en algunas páginas los elementos de llamada a la acción son interactivos y cuando se pasa el cursor sobre ellos, el botón se sombrea con color. Entonces, incluso si el visitante presiona ocasionalmente el botón, el sombreado seguramente llamará su atención.
dupont.es
El sitio web del gigante químico estadounidense contiene muchos CTA. Ofrecen a los visitantes:
- echa un vistazo a los concesionarios de Dupont;
- estudio de gamas de productos;
- estudiar el trabajo científico de DuPont.
El texto del elemento de llamada a la acción está bien escrito. Hay algunos Leer más y Más información estándar, pero las llamadas a la acción más convincentes están diseñadas de una manera más creativa.
statefarm.com
Hay 3 tipos de CTA implementados en el sitio web de American Insurer:
- solicitar el asesoramiento de la empresa;
- un llamado a la acción para comenzar a usar los Servicios de StateFarm;
- encontrar un representante local de la empresa.
En general, las llamadas a la acción no están mal diseñadas. Pero algunos CTA son difíciles de distinguir en el fondo (por ejemplo, «Comenzar» no está separado del texto), por lo que no está claro si no es una cadena sino un enlace.
Fedex.com
Las llamadas a la acción en el sitio web del operador de transporte de renombre mundial se utilizan para:
- seguimiento de paquetes: la primera llamada a la acción que se ve al abrir el sitio web;
- comprobar el horario de trabajo para las vacaciones.
Los CTA más importantes son de color naranja. Otros botones de llamada a la acción no están coloreados, tienen un contorno o se proporcionan como texto sin formato.
pepsico.com
En el sitio web de esta corporación multinacional estadounidense, los CTA se utilizan para:
- aprender más sobre los detalles de su actividad;
- Iniciativas de Desarrollo Social de Pepsico;
- conociendo los puntos de venta y la composición del producto.
El diseño es estándar: inscripción de acción + contorno contrastante del botón.
Sysco.com
La página de inicio incluye los siguientes CTA:
- redirección a la sección de informe anual;
- una llamada a la acción para convertirse en cliente;
- verifique la red de representantes de Sysco;
- las páginas de productos contienen recetas, arreglos de mesa y otras complejidades culinarias.
La llamada a la acción para seguir los perfiles de las redes sociales es genial. Las fotos brillantes y una oferta para ver una receta en Twitter o Facebook llaman la atención.
hp.es
El sitio web de Hewlett-Packard incluye los siguientes CTA:
- «Más información»: el visitante es redirigido a la página correspondiente y aprende sobre el producto que le interesa;
- «Mantenerse en contacto»: un enlace al perfil de la red social de HP;
- «Buscar»: una propuesta para elegir la opción más adecuada, de acuerdo con los requisitos del comprador en las páginas del producto;
Pfizer.com
Este gigante farmacéutico utiliza los siguientes CTA:
- escucha un podcast y suscríbete para recibir notificaciones de Pfizer;
- búsqueda y búsqueda avanzada;
- consulte la investigación de Pfizer;
- Lea las recomendaciones de Pfizer.
Algunas secciones del sitio web tienen pequeños marcadores para indicar que la historia ha continuado en lugar de CTA a gran escala. En cuanto al resto, se aplica un enfoque estándar para los elementos de llamada a la acción.
Goldmansachs.com
El sitio web de uno de los mayores bancos de inversión utiliza los siguientes elementos de llamada a la acción:
- vea las infografías, los materiales de texto y los videos del banco de inversión;
- suscríbete a las notificaciones del banco.
Cigna.com
Hay muchos CTA en el sitio web:
- la llamada a la acción antes de las líneas de giro sugiere encontrar un médico, iniciar sesión o registrarse;
- Los CTA ofrecen conocer más sobre la empresa, importantes cambios de horario y varios programas;
Los CTA están diseñados como botones y como texto en color. Aunque la página contiene muchos elementos de incitación, no interfieren con la percepción de la información.
americanexpress.com
Los siguientes CTA se utilizan en el sitio web:
- redirigir al visitante a una página con información sobre la empresa y sus actividades;
- mostrando las oficinas locales de American Express;
- revisión de ofertas de la empresa. Los elementos de CTA en las páginas del sitio web le permiten obtener más información sobre los productos y compararlos.
La página de inicio carece de textos de llamada a la acción. En cambio, las ofertas contienen el nombre del producto y la llamada a la acción inmediatamente después. No hay comentarios para el resto.
Conclusión
El análisis de los sitios web enumerados anteriormente muestra que vale la pena utilizar el elemento de llamada a la acción, independientemente del campo de actividad de la empresa. Es una herramienta universal para redirigir rápidamente al usuario a la página deseada. Cuando se usan correctamente, los elementos de llamada a la acción acortan el viaje entre la visita al sitio web y el pedido del artículo o servicio.
Cuando se trata de un diseño de llamada a la acción, recomendamos:
- de los CTA más importantes deben diseñarse como botones. Se recomienda hacer que algunos respondan al pasar el mouse (cambiar de color o hacer zoom);
- la llamada a la acción puede ser en forma de texto. En este caso, coloréelo o muévalo ligeramente en relación con el bloque de texto. Se puede colocar un marcador a la derecha para enfatizar que no se trata solo de texto, sino de un CTA.
Seguir las recomendaciones anteriores hace que las llamadas a la acción sean realmente efectivas. Los sitios web anteriores se pueden utilizar como ejemplo del uso de llamadas a la acción.
