Cómo añadir un botón Click-to-Call en WordPress (paso a paso)

Facilitar que los visitantes se pongan en contacto con usted puede aumentar la participación y las tasas de conversión.

Añadir un botón para hacer clic y llamar en su sitio agiliza la comunicación y permite a los usuarios ponerse en contacto con usted directamente desde sus smartphones.

A lo largo de los años, hemos dirigido varias tiendas online y negocios que se comunican con los clientes a diario. Esto nos ha enseñado las mejores formas de ayudar a las empresas a conectar con sus usuarios por teléfono, correo electrónico y en línea.

De hecho, desarrollamos el primer plugin que aparece en este tutorial porque vimos la creciente necesidad de una solución sencilla y eficaz para hacer clic y llamar.

En este artículo, le mostraremos cómo añadir fácilmente un botón de llamada en su sitio web WordPress.

¿Por qué añadir el botón Click-to-Call en WordPress?

Muchos sitios web de pequeñas empresas dependen de que los clientes se pongan en contacto con ellos para solicitar presupuestos, información previa a la venta o soporte.

Por eso recomendamos a todos los propietarios de sitios web que añadan un formulario de contacto.

Sin embargo, dependiendo del sector, algunos usuarios pueden querer hablar con una persona de inmediato.

A medida que aumenta el tráfico web móvil en todo el mundo, a los usuarios les resulta más cómodo pulsar para llamar y obtener la información que necesitan.

Además, añadir un botón para hacer clic y llamar también puede mejorar su SEO al hacer que su sitio de WordPress sea más compatible con dispositivos móviles.

Si acabas de poner en marcha un negocio, te recomendamos que busques un servicio telefónico profesional para empresas que te permita desviar llamadas, compartir números con los empleados y responder a las llamadas con tu teléfono móvil desde cualquier lugar (en lugar de un teléfono fijo).

Dicho esto, veamos cómo añadir fácilmente un botón de llamada en WordPress:

Tutorial en vídeo

Si no te gusta el vídeo o necesitas más instrucciones, sigue leyendo.

Método 1: Añadir un botón Click-to-Call Now en WordPress usando un plugin

Este método es más fácil y recomendado para todos los usuarios. Permite crear fácilmente un botón de llamada con un clic en Gutenberg, el editor clásico, el widget de la barra lateral de WordPress e incluso un botón de llamada flotante fijo.

En primer lugar, debe instalar y activar el plugin WP Call Button en su sitio. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Una vez activado, visite la página Ajustes ” Botón de llamada WP desde la barra lateral del administrador de WordPress para establecer los ajustes del plugin.

La primera página de ajustes es para la característica más solicitada, el botón de llamada fija, que se desplaza con el usuario mientras navega por su sitio web.

Esta característica altamente optimizada para la conversión le ayuda a obtener más llamadas y cerrar más tratos más rápidamente.

Para empezar, debe introducir el número de teléfono de la empresa al que desea que llamen.

WP Call Button plugin utiliza el campo de teléfono inteligente, lo que significa que sólo tiene que seleccionar su país, y se añadirá automáticamente el código de país en el formato adecuado.

Nota: Si usted no tiene un número de teléfono de negocios, entonces usted puede conseguir uno de Nextiva. Esta es la empresa que utilizamos para nuestras necesidades de telefonía VoIP empresarial.

A continuación, tiene la opción de añadir el texto del botón de llamada, seleccionar la posición y elegir el color del botón.

Por defecto, el plugin añadirá un botón para hacer clic y llamar en todas las páginas y dispositivos. Sin embargo, puedes elegir mostrarlo solo en determinadas páginas o solo en dispositivos móviles.

Cuando haya terminado, sólo tiene que hacer clic en el conmutador de activación de la parte superior y, a continuación, en el botón “Guardar cambios” para guardar sus ajustes.

Después, puede visitar su sitio web para ver el botón de llamada en acción.

Si desea añadir un botón de llamada estática a su página de contacto de WordPress, acerca de la página, o cualquier otra entrada / página, entonces usted tiene dos opciones.

Si utiliza el editor de bloques de WordPress, sólo tiene que crear o editar una página existente.

A continuación, haga clic en el botón “Añadir bloque” situado en la esquina superior izquierda de la pantalla para abrir el menú de bloques. Desde aquí, añade el bloque WP Call Button a la página.

El bloque de botones de llamada de WordPress viene con muchas opciones de personalización, como la posibilidad de personalizar el color del botón, el texto del botón, el tamaño de la fuente y la posibilidad de mostrar u ocultar el icono del teléfono.

Una vez añadido el botón, permitirá a los usuarios hacer clic y llamar al número de teléfono que haya especificado en la página de ajustes del Botón de Llamada WP.

Tras personalizar el botón, basta con hacer clic en el botón “Publicar” o “Actualizar” para almacenar los ajustes.

Ahora, si usted está usando el editor clásico de WordPress, entonces usted necesita utilizar el generador de Static Call Button para obtener un shortcode.

Simplemente vaya a Ajustes ” Botón de llamada WP y haga clic en el menú ‘Botón de llamada estático’ en la parte superior.

A continuación, puede personalizar el texto y el color del botón de llamada y elegir si desea mostrar u ocultar el icono del teléfono.

A continuación, desplácese hacia abajo y copie el shortcode para añadir el botón de llamada a una página o entrada.

A continuación, abra la página o entrada en la que desea añadir el botón y pegue el shortcode en ella.

Ha añadido correctamente el botón de llamada en el editor clásico.

WP Call Button plugin también le permite añadir el botón de llamada en la barra lateral de su sitio web utilizando el bloque de widget de barra lateral.

Para ello, debe visitar la página Apariencia ” Widgets desde el área de administrador de WordPress y hacer clic en el botón ‘+’ para abrir el menú de bloques.

A partir de aquí, añade el bloque WP Call Button a tu área lista para widgets.

A continuación, puede personalizar aún más el aspecto de su botón de llamada desde el panel de bloqueo situado a su derecha.

Por ejemplo, hay opciones para cambiar el tamaño del botón, ocultar el icono del teléfono, alinear el centro del botón y editar los colores del fondo y del texto.

Cuando hayas realizado los cambios, no olvides hacer clic en el botón “Actualizar”.

Después de leer esto, usted probablemente puede ver por qué el botón de llamada WP es, con mucho, el más fácil y más completa de WordPress click-to-call botón plugin en el mercado.

La mejor parte es que es 100% gratuito, y tiene una perfecta integración con Google Analytics.

Todo lo que tienes que hacer es utilizar el plugin MonsterInsights, y automáticamente hará un seguimiento de cuántas personas hacen clic en tu botón de llamada y qué páginas te están consiguiendo más clientes potenciales, ¡para que puedas centrarte en lo que está funcionando para hacer crecer tu negocio más rápido!

Método 2: Añadir manualmente el botón Click to Call en WordPress

Este método le permite añadir manualmente botones y enlaces de llamada en cualquier lugar de su blog de WordPress.

La forma más sencilla de añadir un número de teléfono en el que se pueda hacer clic a su sitio web es añadiéndolo de la siguiente manera:

<!--This link will work on Android and iPhone. It will be visible to desktop users but will result in an error when clicked -->

<a href="tel:+15555551212">+1 (555) 555-1212</a> 

<a href="tel:15555551212">Call Me</a>

Estos enlaces abrirán la aplicación de teléfono en los dispositivos móviles. En los ordenadores de sobremesa, los usuarios de Mac verán una opción para enlazar con Facetime, mientras que los usuarios de Windows 10/11 verán la opción de abrirlo con Skype.

También puede utilizar HTML para añadir una imagen o un icono enlazado al texto del enlace.

Veamos cómo hacerlo.

En primer lugar, debe visitar la página Medios ” Añadir nuevo y subir la imagen que desea utilizar. Después de subir la imagen, debe hacer clic en el enlace “Editar” para continuar.

Esto le llevará a la pantalla de edición de medios, donde tiene que copiar la URL del archivo. La necesitará en el siguiente paso.

Ahora puede editar la entrada, página o widget HTML personalizado en el que desea mostrar el icono del teléfono para hacer clic y llamar. En el área de edición, ahora puedes añadir la imagen del icono del teléfono dentro del enlace tel:.

<a href="tel:+15555551212"><img src="https://example.com/wp-content/uploads/2018/10/phoneicon2.png" alt="Call us" /></a> 

Una vez hecho esto, puede visitar su sitio web para ver el enlace con la imagen que ha subido.

Puede personalizarlo aún más añadiendo más texto antes o después del enlace y utilizando CSS personalizado para darle estilo.

Así se ve en nuestro sitio web de demostración.

Añadir un enlace Click-to-Call a los menús de navegación de WordPress

También puede añadir el enlace de llamada a su menú de navegación de WordPress.

Simplemente visita la página Apariencia ” Menús y haz clic en la pestaña de enlaces personalizados de la columna de la derecha. Ahora puede añadir el número de teléfono en el campo de enlazar en el siguiente formato:

tel:+155555555

A continuación, añade el texto que quieras mostrar y haz clic en el botón “Añadir al menú”.

A continuación, visite su sitio web para ver en acción su enlace de llamada.

Sin embargo, si está usando un tema basado en bloques, entonces tendrá que visitar la página Apariencia ” Editor desde la barra lateral del administrador de WordPress.

Esto lanzará el editor completo del sitio, donde tiene que seleccionar ‘Cabecera’ como la parte de la plantilla que desea editar.

A continuación, pasará a la siguiente pantalla, en la que se mostrará la cabecera de su WordPress.

Desde aquí, haga clic en el icono “Editar” para empezar a personalizar su menú de navegación.

A continuación, haga clic en el botón “+” del menú de navegación para abrir la indicación “Añadir enlace”.

Aquí sólo tienes que escribir tu número de teléfono y pulsar el botón “Intro” para añadirlo al menú de navegación.

Una vez hecho esto, puedes cambiar su etiqueta desde el panel de bloque situado en la esquina derecha de la pantalla.

Por último, haz clic en el botón “Guardar” de la parte superior para establecer los ajustes.

Ahora los usuarios que hagan clic en el enlace “Llámame” del menú de navegación podrán ponerse en contacto contigo.

Bonificación: Añadir un chatbox de WhatsApp en WordPress

Si no tiene tiempo para atender las llamadas de los clientes, puede añadir un sencillo buzón de chat de WhatsApp en su sitio web, donde los visitantes puedan dejar sus mensajes. Así podrás responderles por texto en lugar de por teléfono.

Esto puede ser beneficioso para las consultas de los clientes, ya que más de 2.000 millones de personas utilizan WhatsApp para enviar mensajes.

Para añadir un chatbox de WhatsApp, debes instalar y activar el plugin Click to Chat. Para más detalles, puedes consultar nuestra guía para principiantes sobre cómo instalar un plugin de WordPress.

Una vez activado, sólo tienes que visitar la pestaña del menú Haz clic para chatear del escritorio de WordPress e introducir el número de teléfono de tu empresa. Este será el número donde recibirás los mensajes de los usuarios.

A continuación, puede personalizar el chatbox y elegir las entradas o páginas en las que desea mostrarlo a los clientes. Una vez que hayas terminado, simplemente visita el editor de bloques y añade el shortcode para el chatbox de WhatsApp.

A continuación, haga clic en el botón “Actualizar” o “Publicar” para almacenar sus ajustes.

Ya ha añadido correctamente un buzón de chat de WhatsApp en el que los usuarios pueden dejar mensajes si no desean atender una llamada telefónica.

Para obtener instrucciones más detalladas, puedes consultar nuestro tutorial sobre cómo añadir el chatbox de WhatsApp y el botón para compartir en WordPress.

Esperamos que este artículo te haya ayudado a aprender cómo añadir un botón de llamada en WordPress. También puedes consultar nuestra guía para principiantes sobre cómo crear una dirección de correo electrónico empresarial gratuita o nuestra selección de los mejores plugins de marketing por SMS.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.