Cómo escribir llamados a la acción que aumentarán la conversión (con ejemplos). Llamado a la acción (CTA): ejemplos tomados de la práctica ¿Qué es un llamado a la acción en redacción publicitaria?

¿Ha tenido dificultades para convencer a los visitantes de su sitio web de que realicen la acción que desea? Quizás le gustaría que se suscribieran a su boletín informativo o solicitaran una versión de demostración del producto, pero por alguna razón todos sus esfuerzos no dieron el resultado deseado.

Puede encontrar varias razones que expliquen este comportamiento de los visitantes e incluso escribir un libro completo sobre ello, pero este artículo analizará quizás una de las más comunes: las llamadas a la acción ineficaces.

Pero en lugar de una teoría “desnuda”, se le ofrecerán 15 llamados a la acción inspiradores y efectivos, que le mostrarán con el ejemplo cómo generar clientes potenciales.

Recordemos que una llamada a la acción (CTA, call-to-action) es un botón o enlace colocado en una página, cuyo propósito es indicar al visitante objetivo qué acción debe realizar a continuación en la siguiente etapa de interacción con el recurso.

En el inbound marketing, los botones de CTA suelen conducir a páginas de destino donde el usuario puede completar un formulario web y convertirse en cliente potencial.

Cómo utilizar CTA en la generación de leads

Puede colocar botones de llamado a la acción en cualquier lugar de su sitio, pero es importante hacerlo bien.

Lo principal es que el atractivo realmente capte la atención de los visitantes y sea tan convincente que pocos puedan resistirse a hacer clic en el codiciado botón.

Haga a sus visitantes una oferta que no puedan rechazar. No sólo debe ser visualmente atractivo, sino también suficientemente convincente en su significado.

Para que las llamadas hagan frente a la tarea que se les ha asignado, no debe olvidarse de un factor como (el viaje del comprador: la ruta que sigue un cliente potencial antes de realizar una transacción).

Si la llamada que planeas agregar a la página no satisface una necesidad en una determinada etapa del viaje, entonces no sucederá ninguna magia y la persona no realizará la acción que se espera de ella.

Para garantizar que sus llamamientos sean eficaces a la hora de generar clientes potenciales, siga estos principios comprobados:

1. Las apelaciones deben estar orientadas a la acción.
2. El texto debe ser convincente.
3. El atractivo debe ser visualmente atractivo.
4. Utilice el factor de urgencia (limite el tiempo para tomar una decisión).
5. La CTA debe estar claramente visible en la página.

Lo invitamos a familiarizarse con 15 llamados a la acción ejemplares que seguramente lo inspirarán a crear sus propias obras maestras.

El texto de apelación de Netflix no es simplemente convincente. No solo te ofrecen un mes de visualización gratuita de películas y series de televisión, sino que también te dan la oportunidad de utilizar el servicio en cualquier dispositivo y cancelar tu suscripción cuando quieras si de repente no estás satisfecho con la calidad de los servicios.

Titular: “40 horas de análisis PPC en 60 segundos. Rápido. Sin peligro. Gratis".
CTA: "Obtenga su informe gratuito hoy"

WordStream utiliza colores contrastantes para que su llamado a la acción se destaque aún más sobre un fondo azul claro. Repiten dos veces que su producto es gratuito para que quieras probar su servicio.

Título: “Solución integral para análisis de sitios web y recopilación de comentarios. Hotjar es una forma nueva y sencilla de obtener información real de los visitantes de su sitio móvil y de escritorio. Descubra sus mejores oportunidades de crecimiento hoy. No se requiere tarjeta de crédito."
CTA: "Pruébalo gratis".

La página principal del servicio Hotjar se diferencia en que contiene dos llamadas a la acción idénticas que conducen a la misma página. Gracias a la exitosa combinación de colores y la ubicación de los botones, son bastante fáciles de detectar incluso con un vistazo rápido al sitio.

Título: "Poderosas herramientas para mejorar cada etapa de su proceso de ventas".
CTA: "Empiece gratis".

El truco de HubSpot es que coloca un argumento de venta bastante convincente y un llamado a la acción frente a la imagen de un vendedor para que instantáneamente los visitantes quieran probar sus herramientas de ventas en acción.

Mostrar imágenes relevantes para la oferta detrás de la CTA ayuda a las personas a imaginarse usando el producto y hace que hacer clic en el botón sea una acción más atractiva.

HubSpot también utiliza texto no negociable en el botón de llamada, lo que lo convierte en una invitación a comenzar a usar su producto.

Título: “Envíe correos electrónicos que sus clientes no puedan ignorar. Una herramienta de automatización y marketing por correo electrónico profesional y fácil de usar para las empresas de rápido crecimiento actuales".
CTA: "Empiece gratis"

El botón CTA de Campaign Monitor se coloca encima del vídeo de fondo y tiene colores brillantes, por lo que es difícil pasarlo por alto. Al colocar un ícono de chat en vivo en la esquina de la página, la compañía le informa que la ayuda está a solo un clic de distancia si tiene alguna pregunta o inquietud.

Título: "La herramienta de análisis más poderosa para ayudarlo a comprender el comportamiento del cliente y hacer crecer su negocio".
CTA: "Prueba Kissmetrics".

¿Quieres que tu mensaje sea realmente motivador? ¡Agregue un campo de correo electrónico al lado del botón para que ningún visitante abandone la página sin dejar su información de contacto! El ejemplo de Kissmetrics es particularmente exitoso en este sentido.

Título: "Música para todos".
CTA: "Usa Spotify gratis", "Sube Spotify premium".

Spotify es bastante creativo cuando se trata de diseñar CTA. La página contiene dos llamadas a la vez, que compiten entre sí: una conduce a una versión gratuita del servicio y la otra a una de pago.

Spotify deja muy claro que su servicio se puede utilizar pagando una tarifa (que es su objetivo final), al tiempo que entiende que más clientes que paguen serán los que prueben el servicio gratis primero. Por tanto, ambas convocatorias se ubican en la misma página.

Titular: “Trello te ayuda a colaborar y hacer más cosas. Las hojas de trabajo, las listas y los mapas facilitan la organización y priorización del trabajo del proyecto”.
CTA: “Suscríbete. Es gratis".

Al mantener la página ordenada con contenido y usar colores contrastantes, Trello garantiza que su atractivo texto de llamado a la acción y su botón no pasarán desapercibidos para los usuarios. No hay nada que pueda distraerte de la siguiente acción: suscribirte.

9. Lyft

Titular para pasajeros: "Viaje en minutos". CTA: "Suscríbete ahora".
Titular para conductores: “Ponte al volante”. CTA: "Conviértete en conductor con Lyft".

Cuando su empresa ofrece dos servicios a la vez, como es el caso de Lyft, es importante asegurarse de que las ofertas y las apelaciones no distraigan la atención entre sí. El texto diferente en los botones ("Suscríbete ahora" y "Conviértete en un conductor de Lyft") dirige a los visitantes a la siguiente acción que deben realizar. El color rosa brillante del botón CTA capta instantáneamente la atención de los usuarios, por lo que es imposible pasarlo por alto.

Titular: “Muestre al trabajo quién manda. La capacidad de establecer colaboración rápidamente gracias al acceso gratuito a un escritorio remoto, grabación de audio ilimitada y videoconferencias. No es necesario registrarse."
CTA: "Iniciar reunión".

El texto del botón de llamada del servicio Join.Me te informa que puedes empezar a utilizar el servicio en cuestión de segundos. No hay nada peor que estar en el trabajo y tener que pasar horas esperando que empiece una reunión. Join.Me comprende lo inconveniente que es esto y ofrece una solución. El color naranja brillante del botón hace que este CTA sea aún más efectivo.

11. IKEA

Las llamadas a la acción en formato emergente tienen resultados fantásticos. Por lo general, se trata de una invitación para suscribirse al boletín o blog de la empresa, o descargar cualquier material. Esta es exactamente la situación en el sitio web del gigante del mueble IKEA. Los botones están diseñados con los colores corporativos de la empresa y el texto que los acompaña le permitirá saber qué sucederá después de ingresar la información solicitada.

Titular: “Estamos leyendo. Aprenderás las cosas más importantes. theSkimm ofrece una forma más sencilla de volverse más inteligente. Intentemos despertar juntos".
CTA: "Únete a millones de personas".

En su llamado a la acción emergente, theSkimm establece claramente de qué se trata su oferta. Además, respaldan el atractivo con una sólida prueba social, convenciendo a las personas de unirse al servicio como ya lo han hecho millones de personas.

13.REFRESCOS

Titular: "Vamos. Suscríbete para desbloquear grandes ofertas de los principales minoristas de ropa".
CTA: "Únete"

COOLS se basa en gran medida en elementos visuales para su llamado a la acción. La pintoresca foto de una pareja elegantemente vestida besándose en plena calle, junto con el expresivo título "GET IT" (Tómalo) sin duda llamarán tu atención.

Titular: “Estamos orgullosos de nuestros productos y queremos que los pruebes en persona. 10% de descuento en tu primera compra. Disponible en 48 horas."
CTA: “Sí, por favor. Envíame un cupón." "No, gracias. No estoy interesado".

En su intento de convertir a los visitantes, Ugmonk utiliza un correo electrónico, que aparece frente al usuario en el momento en que intenta cerrar la página. Esta suele ser la última oportunidad que tiene la empresa para convencer a la gente de que se quede y realice una compra, por lo que la oferta debe ser verdaderamente lucrativa. En este ejemplo, Ugmonk le ofrece al cliente potencial un descuento del 10% en su primer pedido, pero solo dura un cierto período de tiempo, lo que crea una sensación de urgencia.

Otra gran ventaja de esta CTA es que le da al usuario una opción: aceptar la oferta y hacer clic en "Sí" o rechazarla y hacer clic en "No". Al dejar a las personas la opción de rechazar la oferta, Ugmonk las obliga a pensar dos veces antes de si realmente quieren rechazar el trato. Evidentemente, la propia empresa quiere que elijas la primera opción, como lo indica el hecho de que el color del texto de la oferta y el botón "Sí" son el mismo.

Título: “Explorar. Revisar. Comparte con otros. Únase al servicio ahora para desbloquear el acceso a un millón de reseñas de productos y noticias para consumidores".
CTA: "Únete ahora".

El atractivo de Influenster es algo diferente al del resto de la lista.

Cuando visite el sitio por primera vez, en la esquina superior del sitio solo notará un pequeño botón con el texto "Únete ahora", pero después de 30 segundos aparece una CTA más grande, de la que queda claro que la empresa realmente quiere que usted. unirse al servicio.

Conclusión

Todas las empresas listadas han seguido las mejores técnicas y técnicas a la hora de desarrollar su call to action, por lo que sus llamadas son realmente efectivas y generan leads. Si quieres obtener el mismo resultado, ya sabes qué hacer.

Los elementos de llamado a la acción (CTA) se han convertido en una parte importante de la web. Están en todas partes para decirnos exactamente qué hacer: comprar un libro, descargar una guía gratuita, contactarnos para obtener más detalles, etc. A veces parece marketing barato, escrito y diseñado por personas desconectadas de la realidad. Estos ejemplos suelen tener el efecto contrario. Pero, ¿qué hace que un elemento de CTA sea bueno y eficaz? Hemos reunido 10 ejemplos de llamados a la acción que tienen diseños interesantes, el texto correcto o simplemente están diseñados de manera inteligente.

Los primeros en nuestra lista son , quienes hicieron el trabajo de crear una excelente CTA mejor que nadie. No tienen un solo buen elemento de llamado a la acción en su sitio, pero el líder es el cuadro de diálogo "Prepararse para el lanzamiento". Lo que te registra para una campaña de correo electrónico.

Incluso si la ventana estuviera completamente desprovista de texto, la imagen animada de un dedo sobre el botón nos dice claramente qué hacer. Es simple, divertido y hacer clic en el botón "Enviar ahora" le dará una sensación de logro.

Convertimos la mayor parte de nuestra página de inicio en CTA. El título y la descripción describen de forma clara y sucinta el tipo de negocio que realiza la empresa y simplemente le piden que deje su correo electrónico para comenzar. Las imágenes son interesantes y el contenido da en el clavo.

El sitio consta esencialmente de una serie completa de CTA. Esta serie de apartados explica de forma sencilla y fácil de leer qué ofrecen y cuánto cuesta.

El lindo ícono de envío gratuito es la guinda del pastel. Y, por supuesto, el telón de fondo de comida fresca y deliciosos ingredientes juega un papel importante.

Al igual que Blue Apron, dedicaron todo el bloque principal de su página a la CTA. Sin embargo, en este caso, los diseñadores decidieron simplificar todo al máximo.

El resultado es un control deslizante que resalta varios de los aspectos más importantes del servicio de música en streaming. Las llamadas a la acción lo alientan a desplazarse o hacer clic en un botón para obtener más detalles. Spotify no intenta sorprenderte, solo hace que sea lo más fácil posible iniciar sesión y leer más.

Este es un lugar diseñado para buscar, alquilar y alquilar propiedades. En la primera página del sitio, encontrará un área de CTA que le permitirá hacer todo lo anterior. Directamente desde la página de inicio, sin tener que desplazarte a ningún lado ni buscar nada. Este es el uso más útil de las llamadas a la acción.

Una rama de Bang and Olufsen, el sitio continúa con el diseño minimalista y el estilo de marca de su sitio principal. Los elementos de llamado a la acción son un gran ejemplo de esto. El sitio es rico en hermosos diseños industriales y los llamados a la acción lo invitan a ver la colección completa de estos increíbles auriculares o comprar este par.

Quizás estés pensando: "Esto se ve bien, pero ¿qué tiene de especial?" El punto principal que queremos destacar en este ejemplo es el siguiente: las CTA son una parte importante de tu diseño y marca en general, y deben reflejar lo que haces y cómo lo haces.

Cuando se trata de situaciones importantes y difíciles, no hay tiempo que esperar. creó una atmósfera de urgencia utilizando elementos de CTA. La fotografía, respaldada por un titular serio y pegadizo, enfatiza la importancia y gravedad de la situación.

El diseño nos ayuda a ver a las personas necesitadas y fomenta la acción.

Nido

Nest, los maestros de la domótica, celebraron el Día de la Tierra pidiendo la conservación de la energía. Este mensaje se representó utilizando un termostato de ahorro de energía.

Los diseñadores colocaron una imagen enorme del producto sobre el fondo de un cielo estrellado. Es impresionante y parece un planeta flotando en el espacio. Por cierto, el fondo estrellado crea perfectamente el efecto del aire y el espacio.

Empresa danesa que vende relojes minimalistas y otros accesorios. Las CTA de su sitio web tienen una excelente combinación de colores y resaltan el estilo simple del producto. Esto nos enseña esto: si tienes un producto único, deja que hable por sí solo.

Sitio de viajes. En la página principal, aparecerá un control deslizante que reúne productos e historias en un tema. Por ejemplo, la siguiente captura de pantalla sugiere ver una película sobre la naturaleza.

La imagen es grande y atractiva. Apesta a naturaleza salvaje. Esto encaja perfectamente con el público objetivo.

CTA para clics

Los buenos elementos de CTA deben tener en cuenta la audiencia y los intereses específicos del usuario. Los colores y las imágenes deben reflejar su marca y transmitir significado. La animación funciona muy bien aquí sólo si es apropiada. El texto debe ser conciso, breve y estrictamente directo al grano.

Los ejemplos de llamado a la acción anteriores hacen el trabajo de manera simple y efectiva. Demuestran que no se necesita algo largo o complicado para que los usuarios actúen.

Traducción – Sala de servicio

Llamado a la acción (abreviado como cta), la traducción suena como un llamado a la acción, un elemento que crea magia en las ventas.

Independientemente de dónde se encuentre. Ya sea una página de destino, publicidad exterior, una publicación en las redes sociales o simplemente un discurso de un gerente.

Y estos llamados a la acción tienen una gran cantidad de variaciones diferentes. En este artículo, analizaremos los llamados a la acción en línea y fuera de línea. Más cerca del punto...

Una historia

Recientemente, el propietario de un negocio acudió a nosotros para que le ofreciéramos una solución para aumentar sus beneficios.

Cuando le ofrecieron uno de los instrumentos, inmediatamente exclamó: “¡Tengo tantas tonterías! ¡Hermoso, pero no funciona!

En ese momento quisimos empezar a gritar, pero reprimimos nuestras emociones y con ojos fríos y voz lánguida pedimos mostrarnos este milagro que no funciona. Y luego lo que vimos en la ventana del navegador respondió a todas nuestras preguntas.

La página de inicio era realmente muy bonita y también original. Pero todo el problema estaba en la superficie.

No hubo llamadas a la acción en el sitio. Más precisamente, en la página de destino estaba solo al final de la página y luego en forma de devolución de llamada.

volver a llamar

Por lo tanto, las personas visitaron el sitio, recibieron placer estético y luego simplemente se marcharon con las palabras "Gracias, fue un placer conocerte".

Y todo porque no entendían lo que podían obtener de esta empresa y, además, no veían pasos para tomar medidas adicionales.

Un poco sobre el llamado a la acción.

La advertencia anterior es sólo uno de los miles de ejemplos que vemos en nuestro trabajo todo el tiempo.

O las frases que expresan un llamado a la acción provocan lágrimas de sangre o están completamente ausentes.

¿Por qué funcionan?

Todo esto afecta al subconsciente humano. Casi como motivación. La gente entiende que están siendo controladas, pero no se contradicen ni están de acuerdo.

Cuando una persona comprende lo que debe hacer para obtener tal o cual resultado, le resulta más fácil actuar.

Porque no piensa, simplemente hace. Además, este tipo de mensajes crean el efecto de urgencia de actuar.

Una regla

Existen muchas variaciones diferentes de llamado a la acción y, según el área de negocio, las llamadas a la acción serán diferentes. Y, por supuesto, dar resultados diferentes.

Pero lo más importante que debes recordar de una vez por todas es que cuanto más fácil sea la acción, menos obligue al cliente, mayor será la conversión.

Una alta conversión no siempre es buena, ya que comienza a recibir más tráfico "sucio", lo que consume tiempo de los gerentes y satura las ondas generales. Por lo tanto, el equilibrio entre acción fácil y acción específica es muy importante.

YA SOMOS MÁS DE 29.000 personas.
ENCENDER

Fórmulas de llamado a la acción

Ahora te diré cómo escribir un llamado a la acción. Para hacer esto, resaltaremos 4 fórmulas listas para usar que se utilizan para crear todos los botones de llamada en el sitio:

1. Acción
   Ejemplo: Solicitar una llamada / Llamar por teléfono
2. Acción + límite de tiempo
   Ejemplo: Descargar ahora/Obtener al día siguiente.
3. Acción + beneficio
   Ejemplo: Obtenga una selección de los 5 mejores tours / Solicite una visita gratuita de un especialista.
4. Acción + beneficio + fecha límite (no siempre es posible utilizarlo)
   Ejemplo: Obtenga acceso por 7 días solo hoy / Realice un pedido por la noche y reciba ____ como regalo.

TIPOS de llamadas - fuera de línea

Ahora que conoce las fórmulas básicas y puede crear su propia "máquina de hacer dinero", escribiré ejemplos para inspirarme, es decir, una lista de llamadas a la acción fuera de línea (no hay llamadas estándar):

1. Actúa rápido;
2. Llame e infórmese sobre la disponibilidad;
3. Compre ahora, pague después;
4. Póngase en contacto con un experto;
5. Calcule el costo por teléfono;
6. Entra y recibe un regalo;
7. Reserva tu asiento;
8. Llámanos;
9. Hazlo, no pienses;
10. Comience con este tema ahora;
11. ¡Gire a la izquierda, rápido!
12. Detente y piensa en _____;
13. Deja de querer. Tómalo y hazlo ahora;
14. Reciba el catálogo completo en la oficina;
15. Solicite una muestra gratuita antes del 12 de mayo;
16. Deje una solicitud para una lección de prueba por teléfono _____;
17. Elige tu regalo en la web de ____.

También puedes utilizar todo esto como plantilla. Así que disfrútalo para tu salud :-).

Tipos de llamadas - en línea

En la práctica, offline con llamadas todo es más sencillo. Todo es más complicado online. Dado que los compradores potenciales en un momento dado pueden ver diferentes materiales publicitarios o estar en varios sitios al mismo tiempo.

Y como sabemos, todo es relativo, por lo que las llamadas a la acción en el sitio deben ser acertadas.

1. Descargar lista de precios. Una gran opción si tienes un catálogo bastante amplio de modelos con diferentes precios. Y, por supuesto, este es el botón más popular en la industria mayorista.
2. Saber más. Si su bloque no revela todas las ventajas de sus productos, al colocar dicho botón, ayudará a contarle más al visitante. Este es un ejemplo de un llamado a la acción intermedio.
3. Suscribirse a _____. Por supuesto, puede utilizar opciones más originales de la serie "Estoy al tanto", pero el punto es el mismo: conseguir algo útil.
4. Recibe un descuento/regalo. Se utiliza si está en un lugar donde el cliente quiere recibir algo, pero no sabe cómo.
5. Solicite una devolución de llamada. Acordeón, acordeón, así que no nos detendremos en esto.
6. Comprar/añadir al carrito. ¿La gente compra su producto emocionalmente? ¿O eres una tienda online? Simplemente no puedes vivir sin estas opciones.
7. Pruébalo 7 días gratis. Puedes dar acceso demo o un periodo de prueba a tu producto, así que, ¿a qué estás esperando? ¡¡¡date prisa!!!

   Y la palabra "probar/probar" en sí misma tiene un carácter muy suave, lo que tiene un efecto positivo en el rendimiento.

8. Calcular mi proyecto gratis. A la gente le gusta recibir cálculos antes de firmar un contrato, así como mediciones. Definitivamente también vale la pena usarlo.
9. Recibe una oferta con precios completos/reserva por correo electrónico. Para nosotros, este botón ha mostrado actualmente la mejor opción entre las pruebas A/B, pero no es definitiva, obviamente encontraremos una aún mejor. Y aquellos que no estén dispuestos a esperar, pruébenlo.
10. Quiero trabajar contigo. Puede llamar a este botón un análogo de "Comprar", solo que es más relevante en el segmento B2B.
11. Orden ______. Aquí, de la nada, puede que esté su producto de inmediato, o puede que haya una parte de él de la serie "Solicite un prototipo", ya que lo utilizamos en nuestro sitio web para crear páginas de destino.
12. Escribe una pregunta. Sorprendentemente, no a todas las personas les gusta llamar. Algunos tienen vergüenza y por eso escriben, escriben y escriben, lavándose las manos hasta sangrar, sólo para no llamar. Por tanto, esta opción también tiene cabida.
13. Reserva plaza / Apúntate a un seminario. Relevante para eventos, tanto online como offline.

    Además, como puedes ver, “Reservar plaza” es una entrada más sencilla que “Inscribirse en un seminario”. Pero nuevamente, debe pensar en qué es más importante para usted: más tráfico o tráfico más dirigido.

Importante. Todos los botones deben tener un llamado a la acción diferente; de ​​lo contrario, obtendrás el efecto contrario y reducirás los resultados del sitio.

¿Dónde debería estar el botón?

Probablemente, en este caso, sea mejor salar demasiado que faltar. Dado que cuantos más botones haya, más probable será que el cliente lo note y haga clic en él.

La ubicación requerida del botón debe ser la primera pantalla. El que el cliente ve tan pronto como se carga el sitio.

Además, aquí debería estar la acción más fuerte y de mayor conversión, el mejor llamado a la acción, si se quiere.

Llamado a la acción en la primera pantalla

La siguiente regla será: el significado del bloque coincide con el texto del botón. Y luego están los artesanos que colocan el botón "Suscribirse a nuestro boletín" en el bloque "Cómo trabajamos".

Diseño de botones

Siempre y cuando los propietarios de sus sitios no perviertan el diseño, incluido el diseño de los botones. Y esto es correcto, ya que, aunque sólo en una pequeña parte, el diseño sigue afectando al rendimiento.

Color del boton

Un gran error es pensar que al cambiar el color de un botón, especialmente a rojo, se convertirán más. ¡Esto está mal! Lo más importante a la hora de elegir un color es prestar atención a:

• estilo general del sitio;
• contraste entre el botón y el fondo.

El botón debe destacarse respecto al fondo, debe ser llamativo y coherente con el estilo general, pero no en todos los casos debe ser rojo.

Y, sin embargo, cambiar el color puede tener un efecto positivo en el crecimiento de las ventas si su elección inicial no es la mejor.

¡Importante! Puede utilizar diferentes colores de botones en el sitio para centrar la atención en determinadas llamadas.

Tamaño del botón

Una vez más, aquí todo es sencillo. El tamaño debe ser lo suficientemente grande como para que pueda verse y presionarse fácilmente, pero tampoco tan grande como para que le disguste.

Así, JustClick duplicó su conversión al duplicar el botón “COMPRAR” en su sitio web. Entonces, el tamaño importa.

Tamaño adecuado

Longitud del botón

En cuanto a este parámetro, en la pantalla de impresión de abajo se ve el ancho máximo posible, por así decirlo, al borde de una falta.

Por supuesto, todo esto sucede debido a la longitud del texto, en lo cual, nuevamente, definitivamente vale la pena trabajar, porque los textos cortos y contundentes se convierten mejor que los largos y borrosos.

Texto largo

Forma de botón

La mayoría de las pruebas realizadas por diferentes empresas han demostrado que la mejor forma para un botón es un rectángulo con esquinas redondeadas.

Nuevamente, esto no significa que los ángulos rectos estropeen la conversión, solo significa que es mejor comenzar las pruebas con la primera opción expresada.

Trucos de cualquier call to action

Ahora te cuento los trucos más básicos. Y como siempre, la decisión final sobre la implementación es suya.

1 - Texto de la 1ª persona. Dado que está creando un sitio web para clientes, le gustaría escribir el suyo, el suyo, el suyo, PERO sería más correcto escribir en los botones como lee el cliente: Mío, Yo, Mío.

¡Este enfoque puede duplicar su tasa de conversión! Poniendo un ejemplo para que quede más claro, la opción “Obtén tu plan de entrenamiento” es peor que “Obtén mi plan de entrenamiento”.

Texto en primera persona

2 - Animación de botones. Esto es algo que mucha gente olvida. Sus botones deben parpadear, agrandarse, moverse, ya sea al pasar el cursor o simplemente en la pantalla.

No hace falta caer en el fanatismo, por supuesto, y hacer un botón al estilo “vengadores esquivos” para que el cliente pase el ratón por la pantalla intentando cogerlo, como intenta hacer la chica de abajo.

¿Cómo puedes atraparlo?

3 - Formas dobles. Esto es lo que llamamos un formulario que contiene tanto información adicional como el formulario en sí para completar.

Es obligatorio si el botón solicita más información. Es decir, al hacer clic, el cliente espera ver no un formulario para devolver la llamada, sino información adicional.

4 - Amplificadores. Sucede que el cliente parece querer hacer clic, pero algo lo detiene.

Para ello, muchas empresas, especialmente en los botones "Comprar" y "Suscribirse", firman, por ejemplo, opciones de pago o textos de la serie "Estamos contra el spam".

Amplificadores

5 - Urgencia. Si en su caso una persona puede asumir mentalmente que su producto tiene una fecha de vencimiento/vida útil, entonces puede agregar palabras como “Ahora/Hoy” al botón para crear el efecto de urgencia. Ejemplo: "Obtén un 50% de descuento ahora mismo".

6 - Dos botones uno al lado del otro. Supongamos que en todas las empresas hay dos tipos de clientes, algunos atractivos y otros neutrales.

Dos botones

Entonces, para ambos necesitas hacer botones y se pueden colocar uno al lado del otro.

En este caso, es importante resaltar el botón principal con un color brillante y una acción secundaria más tenue/transparente para consumidores neutrales.

7 - Índice. Además, puedes llamar la atención no sólo mediante la animación, el color y el tamaño, sino también con la ayuda de un elemento adicional en forma de flecha, que, por cierto, se puede animar de una manera interesante.

8 - Aire. Si quieres enfatizar aún más la acción, rodéala de "aire", es decir, vacío, para que todo el énfasis quede directamente en nuestra "estrella".

Ejemplo de aire

Brevemente sobre lo principal.

Como ya comprenderás, existen toneladas de opciones para superar tu acción objetivo. Y hasta que lo pruebes, no sabrás si el llamado a la acción es la mejor opción para ti ahora o no.

Si bien puedo decírselo de inmediato, siempre puede ser mejor y un llamado a la acción puede aumentar las conversiones.

Por lo tanto, no lo dejes para más tarde, tómalo y ve a probar estos pequeños y tan importantes elementos, sobre todo porque ahora ya sabes exactamente cómo escribir una llamada a la acción.

Y finalmente, la lista de verificación final, cuál debería ser el botón de llamada a la acción ideal:

• Una llamada clara;
• Fácil entrada;
• Brillante y llamativo;
• Ubicado en el lugar correcto.

Los lectores habituales de nuestro blog saben muy bien qué es un "botón de llamada a la acción" en una página de destino y cuán importante es el papel de este elemento de la interfaz web en los negocios.

En nuestro nuevo artículo, hablaremos sobre cómo crear un botón de llamado a la acción altamente efectivo, que garantiza atraer la atención de los visitantes y maximizar la tasa de conversión.

¡Recordar! El botón CTA debe parecer un elemento legítimo, natural y armonioso de la arquitectura de su página de destino. Un elemento de CTA que parezca "adjunto a toda prisa" indicará involuntariamente al visitante la falta de profesionalismo de sus desarrolladores.

Método 1: capte la atención del usuario aumentando el tamaño del botón CTA.

Existe una regla no escrita en el diseño web: el tamaño de un elemento de la página es directamente proporcional a su importancia; en otras palabras, cuanto más grande es el elemento, más importante es su papel en la página.

Ejemplo 1: el botón de llamada a la acción es más grande que los elementos circundantes.

Demostremos este método para atraer la atención del usuario usando el ejemplo de una página de destino de Lifetree Creative.

Entonces, comparemos el tamaño del botón CTA con el tamaño de otro elemento importante de la página: el logotipo de la empresa. Para atraer la atención de los visitantes, los desarrolladores hicieron el botón un 20% más ancho que el logo. Así, los diseñadores lograron un resultado encomiable: a pesar de que el logo está ubicado más alto que el elemento CTA, los ojos de los visitantes son como un imán atraídos por el botón de llamada a la acción, que destaca notablemente por su tamaño entre otros elementos de la página de destino.

Ejemplo 2: si su página de destino tiene varios botones de llamado a la acción, el botón más importante debería ser más grande.

Una página de destino puede contener múltiples elementos de llamado a la acción. Para indicar la importancia relativa de un llamado a la acción en relación con otros, puede cambiar el tamaño de los botones correspondientes.

Así es como este concepto cobró vida en el sitio web de paramore|redd: el botón que invita al visitante a suscribirse al boletín es mucho más grande que el botón que “permite” al usuario continuar leyendo el blog. El objetivo de conversión de esta página es claro y claro: ¡suscripción!

Método 2: Capte la atención del usuario utilizando las conocidas reglas para colocar un elemento CTA en una página web.

El lugar donde coloque su CTA en su página de destino es fundamental para atraer la atención de los visitantes.

Colocar botones de CTA en lugares destacados, como en la parte superior de una página web, puede generar mayores conversiones, ya que es más probable que los usuarios noten el elemento de diseño y tomen medidas para fomentar la conversión.

Ejemplo 1: coloque su llamado a la acción "un nivel más alto" que el resto del contenido de su página de destino.

Una forma sencilla pero extremadamente eficaz de resaltar un elemento de CTA es colocarlo "sobre la superficie" de la página. Puedes ver esta idea puesta en práctica en el sitio web de dailymile, donde el botón de llamada a la acción parece "volar" sobre otros elementos de la página (diagramas). Se puede lograr fácilmente un efecto similar al diseñar una página utilizando hojas de estilo en cascada (CSS).

Ejemplo 2: CTA en la parte superior de la página de destino.

Una forma probada, simple pero muy efectiva de atraer la atención del usuario es colocar un elemento CTA en la parte superior de la página, de modo que seguramente caiga en el campo de visión del visitante.

Ejemplo 3: CTA en el centro visual.

Otro lugar adecuado para colocar un botón de CTA es el "centro visual". Para llamar la atención sobre el botón, situado exactamente en el medio de la dimensión horizontal de la página, puedes utilizar otros elementos de diseño que lo flanqueen.

Este método funcionó muy bien para la página PicsEngine, pero recuerda que la ubicación que elijas no debe estar demasiado lejos de la parte superior de la página web.

Método 3: utilizar espacios en blanco.

El uso de espacios en blanco (espacios vacíos o "muertos") funciona muy bien en páginas de destino donde hay muchos otros elementos cerca del botón CTA.

Ejemplo 1: utilice espacios en blanco para resaltar visualmente una llamada a la acción.

Usando el ejemplo de la página de inicio del servicio IconDock, es fácil ver cuán efectivo es este método: un pequeño botón de un modesto color gris claro atrae firmemente la atención.

Ejemplo 2: Reduzca la cantidad de espacios en blanco para indicar una relación lógica entre dos elementos de la página.

Cuanto mayor sea el espacio que existe entre el botón de llamada a la acción y cualquiera de los elementos de la página circundante, menos visible será la conexión lógica entre ellos. Si está utilizando otros elementos de la página de destino para persuadir al usuario a realizar la acción que desea, reducir el espacio en blanco con estos elementos y el botón CTA es una decisión inteligente.

Por ejemplo, en la página de la empresa Donor Tools, junto al botón de llamada a la acción, hay una lista de beneficios que recibirá el suscriptor. Al reducir la brecha entre la lista de beneficios y el CTA, estos dos elementos se combinan en un grupo visual que potencia el impacto de la llamada a través de una conexión lógica clara entre la acción y los beneficios recibidos.

Método 4: utilice colores de alto contraste para crear y resaltar su CTA.

Asegúrese de decidir usted mismo qué colores utilizará; esto es muy importante. La forma más segura de captar la atención es utilizar colores que contrasten claramente con los elementos que rodean el botón CTA y el fondo de la página.

Ejemplo 1: utilice colores que contrasten con los elementos de la página circundante.

Aquí hay un gran ejemplo de esto en una página de inicio de Notepod: todos los elementos circundantes en la página son negros, mientras que el llamado a la acción es azul brillante. El usuario más distraído no perderá el botón deseado. :)

Ejemplo 2: utilice el contraste entre el color del botón y el color del fondo que lo rodea.

Este método es sencillo y eficaz: colocar el botón de un color especialmente brillante (por ejemplo, amarillo espectral) sobre una imagen de fondo en blanco y negro o monocromática, como hicieron, por ejemplo, los creadores de esta página.

Método 5: Invite al visitante a utilizar un botón de llamada a la acción adicional/alternativo.

Varios elementos de llamado a la acción pueden coexistir pacíficamente en una página web. En la práctica, puede suceder que sea necesario ofrecer al visitante una acción adicional para convencerlo de que realice la acción principal deseada más adelante.

Esta técnica se utiliza principalmente en sitios web. Al crear páginas de destino, es mejor atenerse al principio comprobado: "Una página de destino, un elemento de llamada a la acción".

Por ejemplo, antes de suscribirse a los servicios de un servicio web, un usuario puede querer recibir información más detallada sobre los precios existentes y los métodos de pago de los servicios.

Dale esta oportunidad instalando otro botón CTA en la página que permita al visitante, por ejemplo, ver un vídeo explicando la política de precios de este servicio.

Ejemplo 1: colocar un elemento secundario al lado del botón de CTA principal.

El sitio web de OfficeVP muestra dos botones de llamado a la acción uno al lado del otro. Los botones están diseñados en colores contrastantes, lo que facilita que el visitante comprenda que se le ofrecen dos cursos de acción diferentes: registrarse ahora o realizar una acción secundaria: obtenga más información durante el recorrido educativo gratuito.

Tenga en cuenta: aquí el botón para la acción principal deseada se ubica de acuerdo con la regla clásica de percepción de la información: el usuario lee la línea de izquierda a derecha, lo que significa que la primera palabra de la línea (en nuestro caso, la botón) recibirá la máxima atención por parte del visitante.

La página de inicio de Transmissions utilizó un enfoque diferente para colocar 2 elementos de llamado a la acción horizontalmente. El botón de acción principal, resaltado en un color contrastante, se encuentra detrás del elemento CTA adicional. Sin embargo, esta disposición de elementos está completamente justificada: una acción adicional (descargar una versión de prueba gratuita de la aplicación), si se realiza primero, puede empujar al visitante a realizar la acción principal propuesta en la página: pagar por la versión con todas las funciones. del programa probado.

Ejemplo 2: coloque un elemento de CTA secundario debajo del botón principal de llamada a la acción.

Este tipo de ubicación puede resultar útil si desea mejorar la separación visual de sus llamadas a la acción primarias y secundarias.

Tenga en cuenta: la acción adicional se resalta mediante el uso de un fondo "oscurecido" (en comparación con el resto del espacio de la página).

Método 6: apresure al visitante de su página.

Deje que sus botones de llamado a la acción "hablen" en un "tono de comandante" confiado y perentorio. El usuario debe pensar que si no responde inmediatamente a tu llamado perderá una oportunidad única de aprovechar tu oferta.

Por ejemplo, en la página tap tap tap.com, la idea de "apurar al usuario" se implementó de una manera muy ingeniosa: colocado muy cerca del botón CTA con la llamada "comprar ahora", dice el anuncio. que los productos están sujetos a un determinado “precio de salida”.

Aquí está involucrado un mecanismo bastante sutil para crear “anticipación ansiosa”: al yuxtaponer las palabras “ahora” y “precio inicial”, el usuario comienza a sospechar que corre el riesgo de pagar más si paga por el producto más tarde, cuando “precios iniciales”. (que el comprador asocia inconscientemente con el comienzo de la cuenta atrás más simple de los números pequeños a los grandes: 1, 2, 3...) seguramente cambiará hacia arriba. ;)

Y, por supuesto, cuando se le ocurra un título para colocar en el botón de llamada a la acción, no se olvide de las palabras fuertes y "convincentes": "ahora", "inmediatamente", "ahora mismo", etc.

Método 7: Dígales a los usuarios que la acción que sugiere es fácil y sencilla de realizar.

A menudo, la vacilación de los usuarios a la hora de aceptar o no su propuesta se debe al hecho de que asumen que la acción que usted propone les supondrá una pérdida de tiempo, esfuerzo y dinero. Sin embargo, puedes solucionar este problema colocando texto en el botón CTA que creará confianza entre tus visitantes de que la acción que propones será fácil y sencilla de completar.

Por ejemplo, en la página de inicio de Basecamp, el texto del botón de llamada a la acción indica claramente el tiempo que tarda el usuario en registrarse (60 segundos) y explica que una suscripción de prueba de 30 días es gratuita.

Este es un punto muy importante, trata de no olvidarlo: al “diseñar” el título de tu elemento CTA, no olvides mencionar las versiones gratuitas de los productos o los períodos de registro, si los hay, y convencer al usuario de que se registre en tu recurso. No le quitará mucho tiempo.

Método 8: Explique abierta y detalladamente a los usuarios lo que obtendrán al usar su botón CTA.

Aquí está el último consejo, el último en número de la lista pero no menos importante: Gánese la confianza de sus visitantes diciéndoles en detalle y abiertamente lo que obtendrán si responden a su oferta.

Los especialistas de Mozilla Firefox, por ejemplo, lograron colocar toda la información más necesaria para los usuarios en la superficie del botón para descargar la aplicación: información sobre el costo del producto (gratis), información sobre la versión del producto ofrecido (web versión del navegador 3.5.3, diseñado para sistema operativo Windows con interfaz en inglés) y el tamaño del archivo de instalación descargado (7,7 MB).

Así es como se ve realmente preocuparse por el visitante de su página de destino.

Y no olvides lo principal: prueba cada cambio que hagas.

Se sabe que todas las marcas más o menos conocidas del mercado americano están simplemente "obsesionadas" con probar sus recursos de Internet. Comprender que un aumento del 0,5% en las conversiones puede generar miles de dólares adicionales en ganancias anuales es una gran motivación para optimizar la tasa de conversión de su página de destino/sitio web.

Aunque mucha gente no lo sabe, los botones de llamada a la acción son una herramienta poderosa para los especialistas en marketing.

Un "llamado a la acción" es una palabra o imagen que incita a las personas a hacer lo que el propietario del sitio quiere que hagan. La forma en que los diseñes y los coloques es muy importante.

Ya sea que quieras que la gente se suscriba, descargue o compre algo, tu botón siempre debe parecer atractivo.

Un estudio de más de 200 pequeñas empresas con sede en Estados Unidos encontró que más del 70% de ellas no tenían botones de llamado a la acción claros y comprensibles.

Los investigadores también descubrieron algunos datos interesantes a continuación:

• El 82% de los sujetos no enlazaba a perfiles de empresas en las redes sociales.
• El 72% de ellos no tenía botones de “llamado a la acción” en sus sitios web.
• El 27% no mostraba un número de teléfono en la página de inicio.
• El 70% de los que sí tenían número de teléfono no lo publicaron en un lugar visible.
• El 96% de ellos no incluía información de navegación del sitio en la página de inicio.
• El 68% no incluyó su dirección de correo electrónico en la página de inicio.
• De quienes proporcionaron una dirección de correo electrónico, el 38% no la publicó de manera destacada.

Como puede ver, muchas empresas han descuidado “llamados a la acción” convincentes. Esto significa que no brindan a los visitantes suficiente orientación sobre qué hacer a continuación. Como resultado, los visitantes abandonan el sitio.

Ejemplos y tipos de “llamados a la acción”

Entonces, ¿cómo crearás exactamente botones atractivos en tu sitio web?

Consulte estos 24 sencillos consejos para mejorar su llamado a la acción y obtener más clics:

1. Elige el color correcto

Elegir el color correcto juega un papel muy importante. Se sabe que algunos colores llaman la atención más que otros. En el sitio web de SAP, el color naranja aumentó el número de clics en los botones en un 32,5%.

El verde y el naranja son algunos de los mejores colores en este negocio. Sin embargo, es necesario elegir colores de acuerdo con el diseño principal del sitio. Elige siempre colores que destaquen y llamen la atención.

2. Utilice texto fácil de leer

Asegúrese de que el texto del botón sea lo suficientemente grande como para que los visitantes lo noten. Al mismo tiempo, no lo hagas demasiado grande porque podría parecer desagradable.

3. Escribe contenido específico

Los textos que incluyan beneficios claros, ayuda y otra información importante obtendrán más clics.

Hubspot es un buen ejemplo de esto:

4. Utilice información precisa y comprensible

El texto de su botón no debe ser largo. Mantenga el texto breve y claro. Utilice de dos a cuatro palabras.

5. Esté orientado a la acción

Cada botón de "llamado a la acción" debe intrigar y alentar a los visitantes del sitio a actuar. Intente reemplazar el uso excesivo de palabras como "iniciar sesión" y "confirmar" por "unirse" y "aceptar". Elija palabras que se relacionen con su oferta, como "obtenga una prueba gratuita" o "descargue una muestra gratuita".

6. Añade efectos especiales

Los efectos adicionales pueden ser una excelente manera de captar la atención del usuario. Por ejemplo, puedes crear un botón que se mueva cuando los visitantes hagan clic en él.

7. Usa una barra espaciadora

Intenta no agregar demasiados elementos alrededor de tu botón. Dejar un espacio en blanco junto al "llamado a la acción" automáticamente lo hace destacar.

8. Crea un efecto de urgencia

El efecto límite obligará a los visitantes a tomar decisiones inmediatas: “los primeros 100 suscriptores recibirán un libro electrónico gratuito”.

9. Sea específico

No confunda a su visitante con un botón que no contiene información importante. Intenta ser más específico e incluye detalles importantes de tu propuesta.

10. Recuerda que el tamaño importa

Su botón de llamada a la acción debe ser lo suficientemente grande para que los visitantes puedan encontrarlo fácilmente. Eso sí, no lo hagas demasiado grande porque podría ahuyentar al visitante.

11. Elige la forma correcta

Se utilizan principalmente botones rectangulares, pero no olvide que una forma redonda también puede resultar eficaz. Si el botón parece cóncavo hacia adentro, los visitantes prestarán más atención a su texto.

12. Utilice información precisa

Haga que el botón de llamada a la acción sea relevante y muestre por qué el usuario debería hacer clic en él. En lugar de utilizar texto genérico (“ver más”), 9gag utiliza la frase “Quiero más diversión”. Esto obliga a los usuarios a hacer clic en el botón si quieren ver más fotos divertidas.

13. Utilice evidencia

Haga que el visitante piense que hacer clic en el botón es lo mejor para él. Muestre esto con un ejemplo específico. Un consultor de marketing puede dar un ejemplo del beneficio recibido por un cliente que utilizó sus servicios. Esto convencerá a más personas de hacer clic en ese botón.

14. Chatea con los visitantes

No dejes todo en manos de la tecnología porque los usuarios quieren interactuar con personas reales. Intenta comprender los pensamientos de tus visitantes, esto te ayudará a alcanzar sus sentimientos. Por ejemplo, un sitio de bienes raíces puede usar palabras como "Comience su recorrido virtual" o "Haga un recorrido hoy".

15. Utilice la psicología inversa

Si bien la mayoría de los sitios dicen "haga clic aquí", puede obtener más clics escribiendo para que no hagan clic en el botón. Esta estrategia fue implementada por TimothySykes, cuyo sitio web decía "no hagas clic si eres vago". Como resultado, los clics a este enlace aumentaron un 39%.

.

16. Sea creativo

Tus “llamados a la acción” no tienen por qué ser botones. Piense en otras opciones que puedan hacer que las personas hagan clic en el enlace. Puedes intentar hacer un enlace en el vídeo que atraiga la atención de los visitantes.

17. Organiza tu tiempo

Puedes colocar un “llamado a la acción” en la parte inferior para que el usuario haga clic en él después de tener una idea precisa de lo que estás ofreciendo. Los usuarios se sienten obligados a hacer clic en un botón si aparece antes de la información principal, lo que puede desanimarlos.

18. Centrarse en el diseño

La forma en que diseña su botón puede tener un gran impacto en la cantidad de veces que se hace clic en él. Agregar imágenes ayudará al usuario a tener una mejor idea de lo que está comprando.

19. Habla en primera persona

Una investigación realizada por Michael Aagard de Content Verve encontró que cambiar de segunda a primera persona aumenta los clics en un 90% en promedio. Utilice pronombres personales para demostrar que el visitante está hablando con una persona real.

20. Priorizar

Es posible que tenga otros botones en su sitio que no sean los botones principales de "llamado a la acción". Asegúrate de que tu “llamado a la acción” principal llame más la atención que otros botones secundarios.

21. Agrega imágenes

Agregar gráficos atractivos ayuda mucho. Sin embargo, es importante que las imágenes que agregues sean directamente relevantes para el mensaje que deseas transmitir.

22. Crea encuestas

No existe una plantilla de botón universal que se ajuste a todos los "llamados a la acción". Por eso es importante crear encuestas para comprender qué color, forma y texto funcionan mejor para su empresa.

23. Utiliza las reglas del minimalismo.

Recuerda el viejo dicho de que menos es más. Su "llamado a la acción" debe ser breve para no confundir a los usuarios con múltiples opciones. Si desea agregar varias opciones, limítelas a tres o cuatro.

24. Elige la posición correcta

La ubicación es uno de los elementos más importantes que afecta la cantidad de clics. Hay muchos lugares donde puede agregar su botón de llamada a la acción según su tipo. Intente colocarlo en diferentes lugares para ver dónde funciona mejor.

Dónde colocar el “llamado a la acción”

Como se mencionó en el último punto, la posición de su botón puede tener un gran impacto en la cantidad de clics. La ubicación de los botones debe depender del contenido y la información, así como del diseño de su sitio.

Las pruebas realizadas por Content Verve mostraron que los botones colocados cerca de la parte inferior de la página recibieron un 304% más de clics que los colocados en la parte superior de la página.

En los casos en que una oferta o producto tiene múltiples opciones, los usuarios deben revisar mucha información para tomar una decisión informada. Es en este caso que el botón debe colocarse en la parte inferior. Para ofertas individuales, es mejor colocar el botón en la parte superior.

En general, la ubicación destacada de su "llamado a la acción" juega un papel clave en la cantidad de clics en él.