Cómo crear y optimizar botones de llamada a la acción que conviertan


Si dedica 15 horas a crear su página de destino y tres minutos a su botón de llamada a la acción (CTA), está haciendo un enorme error. Cada parte de su página de destino afecta su tasa de conversión, incluida esa pequeña zona en la que se puede hacer clic.

Resulta que hay muchas variables en su botón de llamada a la acción y su capacidad para convertir visitantes. Debe combinar la copia, la ubicación y el diseño correctos para optimizar sus resultados. Un botón de CTA exitoso requiere algo de cariño.

Este artículo le enseñará cómo dar a sus botones de CTA la atracción sexual necesitan poner la guinda a su pastel de conversión. Descubra qué es una llamada a la acción y cómo puede potenciarla con un botón bien diseñado.

¿WTH es un CTA?

Una llamada a la acción es una frase corta que lleva a los visitantes a la acción que desea que realicen. Es un crítico parte de cada estrategia de página de destino.

Piense en ello como su gran final: es el último texto que leerá su visitante antes de decidir realizar la conversión. Por lo tanto, desea que establezca un camino claro hacia su objetivo de conversión.

La mayoría de las llamadas a la acción vienen en forma de un botón en el que se puede hacer clic porque llama la atención y solicita una acción simple por parte del visitante. Al dominar las técnicas detrás de un botón de llamada a la acción convincente, obtendrá aún más de su página de destino.

Los tres grandes elementos de un botón de llamada a la acción

Cada botón de CTA tiene tres elementos principales para optimizar:

1. Copiar

Verá que muchos especialistas en marketing lanzan algunas frases populares en sus botones de llamada a la acción y lo llaman un día. Pensar “Inscribirse, “”Probar ahora,” o “Empezar. ” Hacen el trabajo, pero no optimizan el CTA al máximo.

Para obtener los mejores resultados de la copia de su botón de CTA, debe considere su CTA como un llamar al valor. Explique cómo al hacer clic en el botón cambiará el mundo de sus visitantes.

Como Ross Simmonds demuestra, puede convertir una frase genérica como “Empiece” en un dicho centrado en el cliente, como “Planifique sus finanzas” o “Haga crecer sus seguidores”. Estas frases conectan directamente al hacer clic en el botón con el beneficio principal que brinda la conversión.

Deberías leer:   Por qué se descontinuaron las flotas de Twitter [+Alternatives for Brands That Used It]

Lenguaje en primera persona es otra táctica que anima a los visitantes a realizar conversiones. Cuando ContentVerve reformuló una llamada a la acción para decir “Empiece mi prueba gratuita de 30 días ”en lugar de“ Iniciar tu Prueba gratuita de 30 días ”, vieron un aumento del 90% en su tasa de clics. Otro ejemplo que podría usar es “¡Lo quiero!” en lugar de una frase en segunda persona como “Consíguelo aquí”.

Ahora, combinemos el llamado al valor y las tácticas del lenguaje en primera persona. Así es como se ven en acción en una página de destino para Firstleaf:

Imagen cortesía de Firstleaf vía Taboola.

La frase “Envíame el mejor paquete de 3”Le da al visitante una sensación de control sobre su conversión. Si bien muchos botones de llamada a la acción le dan al visitante un comando (p. Ej., “Ordene un paquete de 3”), El botón de Firstleaf permite que el visitante pregunte. Este botón también enfatiza que el visitante obtendrá lo mejor Paquete de 3, no su paquete de 3 común y corriente.

Al poner en práctica estas tácticas, recuerde que el público de su página de destino caer en diferentes etapas de la embudo de conversión. Por ejemplo, si tiene una página de destino que anima a los clientes de la parte superior del embudo a registrarse para recibir correos electrónicos, no querrá vender el valor de su producto todavía. Muestre a sus visitantes el valor que obtendrán por actuar en la etapa del embudo en el que se encuentran actualmente.

2. Ubicación

Su CTA no le dará los resultados que desea si no está en un lugar donde tendrá un impacto. En el mejor de los casos, generará menos conversiones y, en el peor, la gente no podrá encontrarlo en primer lugar.

Cuando piensa en dónde colocar su botón de llamada a la acción, el tamaño no siempre importa tanto como la notoriedad. Un botón enorme no marcará la diferencia si está mezclado con un montón de otros elementos.

Verá, su botón de llamada a la acción debe seguir la jerarquía visual natural que utilizan nuestros cerebros para procesar el contenido en línea. Los elementos más importantes de la página de destino deben tener un patrón Z o F y mostrar un aspecto visual de tamaño, color o contraste.

Por supuesto, la posición de su botón en el contenido de su página de destino también influirá en su efecto en las conversiones. Considere colocar su botón “arriba de la página” o en la parte superior de la página antes de que los visitantes comiencen a desplazarse. Si prefiere presentar el tema de su página de destino primero, también puede intentar ponerlo al final como la “conclusión” de su contenido.

Deberías leer:   Cómo hacer un anuncio: una guía de 15 pasos

Diablos, podrías sacar una página del libro de Indochino y coloque su botón de llamada a la acción en más de un lugar. Ponen su CTA en las secciones superior, media e inferior de esta página de destino:

Como ves, el primer CTA es más urgente que los dos que le siguen. El texto que conduce a esa llamada a la acción menciona un dibujo para los clientes que reservan una cita antes de una fecha determinada.

Si usa varias ubicaciones de CTA, intente designar una como su CTA principal y deje que los demás atrapen a los rezagados.

Tú también puedes coloque su botón de CTA al frente y al centro con una barra adhesiva o una ventana emergente. Estas funciones transmiten su CTA alto y claro en la parte superior de su página o encima de ella. Unbounce tiene toneladas de plantillas para barras adhesivas y ventanas emergentes que puede intentar agregar a su página de destino.

3. Diseño

No pensaste que íbamos a pasar por alto el diseño de tu botón de llamada a la acción, ¿verdad?

Su forma, tamaño, color y otros elementos visuales influyen en su papel en el potencial de conversión de su página de destino.

Hablemos primero del color. El color afecta el éxito de los elementos de su página de destino de dos maneras: a través de la legibilidad y asociaciones psicológicas de color.

En otras palabras, quieres Mantén los colores de tus botones contrastantes pero complementarios y use colores asociados con las emociones que desea que sientan sus visitantes. Su elección de color debe funcionar con el resto de los colores en su página de destino, manteniendo su botón distinto de todo lo demás. La guía Unbounce para el diseño centrado en la conversión recomienda asignar un color específico que solo se usa para las llamadas a la acción.

Un botón de CTA del tamaño adecuado será lo suficientemente grande para que los visitantes lo encuentren fácilmente, pero no tanto como para arruinar el diseño que lo rodea, como dice UX Planet. También señalan que las páginas de destino para dispositivos móviles tienen estándares de tamaño específicos. Mientras que Apple recomienda mantener sus botones de llamada a la acción al menos 44 × 44 píxeles de tamaño, Microsoft sugiere 34 × 26 píxeles.

Deberías leer:   ¿Qué es más importante para el éxito de su página de destino?

El diseño que rodea su botón también es importante. Si colocó su botón de CTA en una imagen de héroe, asegúrese de que la imagen dirija su ojo al botón, como sugirió Neil Patel. Por ejemplo, puede utilizar la imagen de una persona para que parezca que está mirando el botón.

¿Quieres ver cómo el diseño puede hacer que un botón realmente resalte? SnackNation lo tiene cubierto:

Usan un botón naranja sobre un fondo violeta, una combinación de colores que parece que no debería funcionar pero que la clava.

¿Por qué? Si miras una rueda de colores, verás naranja y morado uno frente al otro, lo que significa que son colores complementarios que contrastan bien. Además, mira el confeti naranja en la imagen principal que reúne todo el esquema de colores.

Si tiene dificultades para crear un diseño de botón que se sienta bien, intente usar una plantilla de página de destino. Dado que los profesionales los diseñan, sus botones de llamada a la acción ya tendrán diseños optimizados. Por ejemplo, la plantilla Simple de Unbounce usa un botón rojo que llama la atención sin chocar con el resto de la página.

Utilice siempre botones de llamada a la acción que funcionen para su audiencia

Cualquiera de las mejores prácticas de este artículo que pruebe con sus botones de llamada a la acción, recuerde siempre que las preferencias de su audiencia son lo primero. Los CTA personalizados tienen una tasa de conversión un 202% mejor que los básicos. Utilice sus datos en sus botones de llamada a la acción de alto rendimiento para guiar sus decisiones futuras.

Dado que cada audiencia tiene preferencias únicas, intenta usar una herramienta como Tráfico inteligente que lo ayuda a dirigir a diferentes personas a diferentes variantes de la página de destino. Puede crear algunas variantes con diferentes diseños de botones y luego permitir que Smart Traffic dirija a los visitantes a la variante con más probabilidades de convertirlos.





Versión en Inglés

Esteban Prieto se especializa en temas de Marketing Digital, SEM, SEO, email marketing, transformación digital, Google Ads, Google Search, YouTube, estadisticas y mucho mas.