Ep 52 | Dónde poner tu CTA (llamada a la acción)

En el episodio 52 de WordPress semanal hablamos del lugar correcto en el que poner tu llamada a la acción para conseguir la mayor cantidad posible de clientes potenciales. Vamos allá. Hola, hola, Soy Gonzalo de Gonzalonabarro. Es y bienvenidos a WordPress Semanal, el podcast en el que aprendes WordPress de principio a fin, porque ya sabes que no hay mayor satisfacción que la de crear y gestionar tu propia página web con WordPress. Y yo estoy aquí, ya lo sabes, para ayudarte a conseguirlo con este podcast, con el blog y con los cursos. Y vamos a seguir aprendiendo un poquito de WordPress, y en este caso es un tema que es de esos que rodea al mundillo WordPress, porque no es exactamente algo de WordPress, sino es algo que vamos a necesitar plantearnos en el día a día de nuestra página web, en nuestro caso con WordPress, y es de dónde poner nuestra CTA. Y lo vamos a hacer en base a un estudio que me he encontrado, bueno, realmente es un post que me he encontrado que se hace eco de varios estudios y me ha parecido muy interesante compartirlo con vosotros, así que lo vamos a hacer en un ratito. Pero antes, como siempre, pues comentar el plugin de la semana, que en este caso lo he sacado de una web que he estado haciendo estos días para una página de restaurantes y necesitábamos una forma de presentar el menú del restaurante, algo muy típico, y entonces el theme que quería utilizar, el cliente te recomendaba utilizar un plugin en cuestión, porque es con el que mejor iba en cuanto a los estilos y demás. Y me he dado cuenta que es un plugin que se utiliza, que la mayoría de los themes de restaurante, o al menos muchos de ellos, lo utilizan también y lo recomiendan que lo instales cuando instalas el theme en concreto, y se llama Food and Drink Menu, y te permite pues eso, puedes hacer menús para página web de restaurantes de forma súper sencilla, pero lo que hace es que cuando instalas el plugin te crea un nuevo Custom Post Type. Ya sabéis que un Custom Post Type es un tipo de contenido, igual que entradas y páginas, pues hay uno nuevo que se llama Menús y ahí pues tú puedes crear los platos en concreto, está dividido en distintas partes, una en la que crean los platos, otra en la que puedes crear las secciones, que esto serían por ejemplo entrantes, primeros, pasta, lo que sea. Y lo vas creando y está bien porque por ejemplo los platos puedes ponerle una imagen destacada, le puedes poner el precio, que además visualmente te viene bien y luego una descripción incluso si quieres al plato. Así que está bastante bien, es sencillito pero yo creo que cumple los requisitos de cualquier menú. Además está bien desarrollado porque luego por ejemplo la web tenía que ir en tres idiomas y en este caso que la traducción la hice con el plugin WPML porque ya lo tenían instalado, lo íbamos a hacer por Multisite, pero al final lo hicimos por WPML y se pudo hacer sin ningún problema la traducción de del menú de todos los platos y demás con mucho tiempo, porque al final la traducción es bastante tedioso, pero técnicamente no hubo problema ni nada por el estilo, así que es un muy buen plugin, lo recomiendo, tiene bastantes instalaciones activas, Food and Drink Menu, os dejo el link como siempre en las notas del programa, este es el episodio 52. Y ahora ya sí, vamos con el tema central del programa, que es donde poner tu CTA o llamada a la acción. En primer lugar vamos a situarnos, ¿Qué es un CTA? Un call to action, una llamada a la acción. ¿Y para qué lo necesitas? Pues esto es muy sencillo realmente un CTA no es más que un enlace, que puede ser un botón o simplemente un enlace de texto para conseguir clientes potenciales y después el objetivo es esos clientes potenciales transformarlos en clientes. Pero básicamente un CTA no es más que un link para conseguir clientes potenciales. ¿Y qué hace ese link? Pues lleva al usuario a una oferta o una página con una oferta, que para que ese usuario la consiga normalmente lo que tiene que hacer es rellenar un formulario. Entonces el CTA es el paso digamos de cuando alguien por ejemplo está navegando en tu blog o está escuchando mi podcast, porque también se pueden hacer CTA a voz viva, que de hecho yo lo hago en todos los episodios, pues llevas es el vínculo entre el consumo normal que tiene tu usuario hacia la oferta, donde ya va a rellenar un formulario y se va a convertir en cliente potencial, ¿Vale? Y luego un CTA tiene varios aspectos importantes, voy a hablar de los más básicos porque es que hay muchísimos de los que se puede hablar y se puede entrar en mucho más detalle, pero básicamente ¿Qué aspectos hay importantes del CTA? Tienes que tener muy en cuenta a quién te diriges, no vale el mismo CTA para todo el mundo, tienes que segmentar, no puedes ponerle digamos el mismo trocito de texto, el mismo link, el mismo botón a todo el mundo, porque no a todo el mundo, a todos tus lectores, a todos tus seguidores le va a interesar lo mismo. Entonces eso hay que tenerlo claro. Después, buen texto, lo que se conoce como copy, no vale cualquier cosa, no vale apúntate, no vale descargar, tienes que trabajar el texto también pensando en lo que hemos dicho al principio, a quién te diriges. Después, un diseño coherente, es decir, si toda tu web, toda tu marca tiene un diseño concreto, no puede ser que el CTA no tenga nada que ver, ¿Vale? Y fijaos que no digo diseño bonito, ni digo un diseño súper chulo, no, no, digo diseño coherente porque al final sí, hombre, si es un diseño muy bonito, un diseño súper chulo, mejor, pero es que a veces a lo mejor si haces un súper diseño y no va con lo que tú ofreces, con lo que tú transmites, pues tampoco te va a valer para nada. Así que digo diseño coherente y no diseño súper chulo. Y por último, ubicación, que es en lo que nos vamos a centrar hoy, que es algo de lo que se habla poco y por eso me ha parecido interesante. ¿Como me he encontrado con estos estudios? Pues, que por cierto os voy a dejar el link, pues me ha parecido muy buena idea hablar de ello, que es donde ponemos nuestro CTA, dónde colocamos nuestra llamada a la acción. Y os voy a dejar como os digo, un link de referencia, porque esto he visto un artículo en el blog de wpmudev, que es una empresa de themes y plugins, sobre todo tienen themes basados en multisite. En multisitio, perdón, themes, no plugins, ¿Vale? Y está muy bien, tiene una suscripción mensual y publican muy buen contenido y han estado haciendo como una especie de maratón en el que han ido publicando distintos artículos sobre, por ejemplo, dónde colocar tu logo, dónde colocar tu formulario de contacto, dónde colocar tu CTA, y precisamente el del CTA es el que me ha parecido más interesante para comentaros, pero os voy a dejar el link también a los otros, ¿Vale? Para que lo podáis ver por si le queréis echar un vistazo. Entonces, el artículo se basa en varios estudios importantes que han tenido relevancia y que se han publicado en medios y demás. En el link que os dejo podéis ver todos los estudios sobre los que os hablo. Entonces, vamos al tema que nos ocupa, ¿Dónde colocar nuestro CTA? Pues lo primero que nos podemos plantear es si colocarlo por encima del scroll o o por debajo del scroll. ¿El scroll qué es? Bueno, el scroll es cuando tú llegas a una página y tienes que ir con el ratón hacia abajo, la primera parte, lo que tú ves en la pantalla sin tener que mover la ruletita del ratón o si estás en un portátil, pues darle con los deditos hacia abajo para seguir viéndolo del resto de la pantalla. Pues esa primera pantalla que tú ves sin necesidad de moverte, eso es por encima del scroll y todo lo que sea moviéndote, eso ya es por debajo del scroll. ¿Vale? Sobre esto hay mucho debate. Siempre ha habido mucho en el diseño que lo más importante siempre se ha dicho que tenía que estar arriba, pero después empezaron a hacer test y se comprobó que no siempre era así, que muchas veces el usuario directamente empezaba a ir arriba y abajo y que esto no era tan tan así como se había dicho hasta el momento. Entonces, a partir de ese punto, pues siempre se han hecho muchos estudios y va a depender, en este caso también depende y va a depender del tamaño de la página. Porque una página con información que guía al usuario, es decir, tienes una primera parte y y tienes una información que te está guiando, que te está interesando, que te está aportando la información necesaria y luego el CTA abajo después de hacer scroll. Eso funciona mejor que una página que por ejemplo no hace esto, no aporta esa información, no te mete tanto de lleno en lo que debería ser la próxima acción del usuario. ¿Por qué? Porque esa primera parte te va a servir para guiar al usuario, para hacerle entender lo que se va a encontrar al otro lado. Es decir, una vez haga clic en tu CTA, entonces ahí el CTA puede estar abajo. ¿Por qué? Porque toda la primera parte se te está sirviendo, está siendo parte en realidad de tu CTA, te está sirviendo para explicar mejor ese paso que tiene que dar el usuario. Entonces aquí el tema de por encima, por debajo del scroll deja de tener importancia en este caso, porque realmente lo que estás haciendo aquí es motivar al usuario a que haga clic y ya digamos, queda un poco difuminado eso de si es por encima o por debajo del scroll. Entonces sí, normalmente cuanto más arriba mejor, pero claro, hay que tener en cuenta la motivación. Si yo tengo un botón arriba del todo, pero nada me motiva a darle a ese botón, da igual que esté por encima del scroll, ¿De acuerdo? Así que en el tema de por encima o por debajo, tened en cuenta que el scroll deja de tener importancia en algunos casos. Otra vertiente, móvil versus ordenador. Según estos estudios, en realidad los usuarios de móviles están acostumbrados a hacer scroll a pasar con el dedo, además se suele hacer bastante rápido y tenemos el ojo acostumbrado a de un vistazo y ir viendo todo lo que hay con un scroll rápido con el dedo, pero sigue la tendencia de cuanto más arriba más clics en móvil estoy hablando, ¿Vale? Cuanto más arriba, estadísticamente más se hace clic. Lo que pasa que aquí, aunque estos estudios no lo comentan, yo creo que en realidad se está hablando de lo mismo. ¿Realmente en el artículo que os comento está toda la información que aportan en cuanto a móvil versus ordenador, tampoco es que entren más en detalle, de hecho comentan que faltan estudios al respecto, de acuerdo? Pero bueno, básicamente esos dos puntos pues lo podemos sacar en claro. Otro aspecto, el tema izquierda derecha, ¿Dónde coloco mi CTA? ¿A la izquierda o a la derecha? Aquí sí que hay una respuesta mayoritaria en los estudios que concluyen que es mejor poner el CTA en la derecha. ¿Y en qué se basan para ello? Pues en un concepto llamado el diagrama de Gutenberg, que os dejo un link en la nota del programa, y básicamente lo que haces es, imagínate la pantalla de tu web, pues se pone una Z a lo largo del todo el contenido y eso lo que lo hace es dividirlo como en cuatro partes. Las dos partes de la derecha es donde se espera que los usuarios actúen, porque comenzamos a leer de izquierda a derecha. Aquí se aplica nuestra forma de leer, que es de izquierda a derecha y de arriba a abajo. En el artículo que os comento, que os dejo el link en la nota del programa, tenéis un ejemplo perfecto, que además lo han hecho con la página de Dropbox, una página bastante conocida, y se ve la Z y cómo ponen el call to action en la parte correcta, que sería en la derecha según el diagrama de Gutenberg. Entonces, las conclusiones de estos resultados Uno, puedes colocar tu CTA debajo del scroll si antes has creado una mini experiencia que aporta la información necesaria para tomar la decisión. También aparte de la mini experiencia, si has elaborado una historia fuerte que invita al usuario a seguir. En esos dos casos no hay problema, puedes colocar el CTA debajo del scroll. De hecho es que tiene que ser así porque necesitas toda la parte inicial para convencer a tu usuario. En cuanto a móvil fácil, los usuarios de móviles prefieren hacer menos scroll, siempre y cuando hayas dado información suficiente y relevante de antemano. Y por último, sigue el movimiento natural de los ojos, es decir, de arriba a abajo y de izquierda a derecha. ¿Vale? Así que estas son algunas pinceladas de lo que varios estudios han sacado en claro sobre la ubicación de los CTA. ¿Qué sería lo mejor? Pues que hagas tus propias investigaciones, pero yo sé que siempre es necesario un punto de partida cuando tú estás empezando o llevas un tiempo. Y tampoco es que te puedas poner a hacer estudios porque no eres un pedazo de web o un pedazo de empresa. Yo entiendo que es necesario un punto de partida. Entonces estos detallitos, estos puntos por los que empezar siempre vienen bien y te pueden ayudar. Después, por supuesto, conforme vayas avanzando puedes hacer tus propias investigaciones, te puedes dar cuenta de que a ti te funciona mejor esto que lo otro. En fin, lo que siempre comentamos. Pero espero que estos puntos os hayan servido y como siempre, si queréis hacer la parte técnica, pues cómo crear vuestros CTA. En WordPress tenemos varios cursos en la zona de suscriptores. Además ahora con la zona código vais a poder hacer cositas por código. Ya mismo sacaré el vídeo de la zona código, de cómo crear botones y cómo editar todo. En fin, que tenéis un montón de recursos en la suscripción, así que os dejo el link en la nota del programa para que le echéis un vistazo. Y nada más, si te ha gustado el episodio de hoy y quieres ayudarme a que siga creciendo, a que siga publicando contenido como este, ya sabes que te agradezco muchísimo una valoración en iTunes. Y los que me escucháis desde iVoox también muchas gracias por vuestros comentarios y vuestros me gusta. Nos seguimos escuchando. Adiós.