Cómo agregar un botón de clic para llamar en WordPress (paso a paso)

Agregar un botón de clic para llamar en tu sitio facilita que los usuarios se pongan en contacto contigo desde sus smartphones, lo que genera un mejor compromiso y mayores conversiones.

Hemos administrado varias tiendas en línea y negocios que se comunican con los clientes a diario. Esto nos ha enseñado las mejores maneras de ayudar a las empresas a conectarse con sus usuarios por teléfono, correo electrónico y en línea.

De hecho, desarrollamos el primer plugin que se presenta en este tutorial porque vimos una necesidad creciente de una solución de clic para llamar simple y efectiva.

En este artículo, te mostraremos cómo agregar fácilmente un botón de clic para llamar en tu sitio web de WordPress.

¿Por qué agregar un botón de clic para llamar en WordPress?

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

Es por eso que recomendamos agregar un formulario de contacto para todos los propietarios de sitios web.

Sin embargo, dependiendo de la industria, algunos usuarios pueden querer hablar con una persona de inmediato.

A medida que el tráfico web móvil aumenta en todo el mundo, los usuarios a menudo encuentran más conveniente simplemente tocar para llamar y obtener la información que necesitan.

Además, agregar un botón de clic para llamar también puede mejorar tu SEO al hacer que tu sitio de WordPress sea más amigable para dispositivos móviles.

Si recién estás comenzando un negocio, te recomendamos considerar un servicio telefónico profesional para negocios para que puedas reenviar llamadas, compartir números con empleados y responder llamadas usando tu teléfono celular desde cualquier lugar (en lugar de una línea fija).

Dicho esto, veamos cómo agregar fácilmente un botón de clic para llamar en WordPress:

• Método 1: Agregar un botón de Llamada Ahora en WordPress
• Método 2: Agregar manualmente el botón de clic para llamar en WordPress
• Agregar un enlace de clic para llamar a los menús de navegación de WordPress
• Extra: Agregar un chat de WhatsApp en WordPress
• Tutorial en video

Método 1: Agregar un botón de Llamada Ahora en WordPress

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

Primero, necesitas instalar y activar el plugin WP Call Button en tu sitio. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, visita la página Configuración » WP Call Button desde la barra lateral de administración de WordPress para configurar los ajustes del plugin.

La primera página de configuración es para la función más solicitada, el Botón de Llamada Fijo, que se desplaza con el usuario mientras navega por tu sitio web.

Esta función, altamente optimizada para conversiones, te ayuda a recibir más llamadas y cerrar más tratos más rápido.

Debes comenzar ingresando el número de teléfono del negocio al que quieres que la gente llame.

El plugin WP Call Button utiliza el campo de teléfono inteligente, lo que significa que puedes seleccionar tu país y automáticamente agregará el código de país en el formato correcto.

A continuación, tienes la opción de agregar el texto del botón de llamada, seleccionar la posición y elegir el color del botón.

Por defecto, el plugin agregará un botón de clic para llamar en todas las páginas y dispositivos. Sin embargo, puedes elegir mostrarlo solo en ciertas páginas o solo en dispositivos móviles.

Una vez que hayas terminado, simplemente haz clic en el interruptor de activar en la parte superior y luego haz clic en el botón 'Guardar Cambios' para almacenar tu configuración.

Después de eso, puedes visitar tu sitio web para ver el botón de llamada en acción.

If you want to add a static call button to your WordPress contact page, about page, or any other post/page, then you have two options.

If you are using the WordPress block editor, then simply create or edit an existing page.

Next, click the ‘Add Block’ button in the top left corner of the screen to open the block menu. From here, add the WP Call Button block to the page.

WordPress Call Button block comes with many customization options, such as the ability to customize button color, button text, font size, and the ability to show or hide the phone icon.

Once you add the button, it will allow users to click and call the phone number that you specified on the WP Call Button settings page.

Upon button customization, simply click the ‘Publish’ or ‘Update’ button to store your settings.

Now, if you are using the WordPress classic editor, then you need to use the Static Call Button generator to get a shortcode.

Simply go to Settings » WP Call Button and click on the ‘Static Call Button’ menu on the top.

Next, you can customize the call button text and color and choose whether you want to show or hide the phone icon.

After that, scroll down and copy the shortcode for adding the call button to a page or post.

Next, open the page or post where you want to add the button and paste the shortcode into it.

You have now successfully added the call button in the classic editor.

WP Call Button plugin also allows you to add the call button in your website sidebar using the sidebar widget block.

To do this, you need to visit the Appearance » Widgets page from the WordPress admin area and click the ‘+’ button to open the block menu.

Desde aquí, agrega el bloque WP Call Button a tu área lista para widgets.

A continuación, puedes personalizar aún más la apariencia de tu botón de llamada desde el panel de bloques a tu derecha.

Por ejemplo, hay opciones para cambiar el tamaño del botón, ocultar el ícono del teléfono, centrar el botón y editar los colores de fondo y texto.

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

Después de leer esto, probablemente puedas ver por qué el botón WP Call es, con diferencia, el plugin de botón de clic para llamar de WordPress más fácil y completo del mercado.

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

Todo lo que necesitas hacer es usar el plugin MonsterInsights, y rastreará automáticamente cuántas personas hacen clic en tu botón de llamada y qué páginas te generan más clientes potenciales, ¡para que puedas concentrarte en lo que funciona para hacer crecer tu negocio más rápido!

Método 2: Agregar manualmente el botón de clic para llamar en WordPress

Este método te permite agregar manualmente botones y enlaces de clic para llamar en cualquier lugar de tu blog de WordPress.

La forma más fácil de agregar un número de teléfono con clic en tu sitio web es agregándolo así:

<!--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 dispositivos móviles. En computadoras de escritorio, los usuarios de Mac verán una opción para abrir el enlace en Facetime, mientras que los usuarios de Windows 10/11 verán la opción para abrirlo en Skype.

También puedes usar HTML para agregar una imagen o un ícono junto al enlace de texto de clic para llamar.

Echemos un vistazo a cómo hacer esto.

Primero, necesitas visitar la página Medios » Añadir nuevo y subir la imagen que deseas usar. Después de subir la imagen, debes hacer clic en el enlace ‘Editar’ para continuar.

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

Ahora puedes editar la publicación, página o widget HTML personalizado donde quieras mostrar el ícono de teléfono para hacer clic y llamar. En el área de edición, ahora puedes agregar la imagen del ícono de teléfono envuelta 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, puedes visitar tu sitio web para ver el enlace para hacer clic y llamar con la imagen que subiste.

Puedes personalizarlo aún más agregando más texto antes o después del enlace y usando CSS personalizado para estilizarlo.

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

Agregar un enlace de clic para llamar a los menús de navegación de WordPress

También puedes agregar el enlace de clic para llamar a tu 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 derecha. Ahora puedes agregar el número de teléfono en el campo del enlace en el siguiente formato:

tel:+155555555

Después de eso, agrega el texto que deseas mostrar y luego haz clic en el botón ‘Agregar al menú’.

A continuación, visita tu sitio web para ver tu enlace de clic para llamar en acción.

Sin embargo, si estás utilizando un tema basado en bloques, deberás visitar la página Apariencia » Editor desde la barra lateral de administración de WordPress.

Esto iniciará el editor de sitio completo, donde deberás seleccionar ‘Encabezado’ como la parte de la plantilla que deseas editar.

Después de eso, serás llevado a la siguiente pantalla, donde se mostrará tu encabezado de WordPress.

Desde aquí, haz clic en el ícono ‘Editar’ para comenzar a personalizar tu menú de navegación.

A continuación, haz clic en el botón ‘+’ en tu menú de navegación para abrir el aviso ‘Agregar enlace’.

Aquí, simplemente escribe tu número de teléfono y luego presiona el botón ‘Enter’ para agregarlo al menú de navegación.

Una vez que hayas hecho eso, puedes cambiar su etiqueta desde el panel de bloques en la esquina derecha de la pantalla.

Finalmente, haz clic en el botón 'Guardar' en la parte superior para almacenar tu configuración.

Ahora los usuarios que hagan clic en el enlace ‘Llámame’ en tu menú de navegación podrán contactarte.

Extra: Agregar un chat de WhatsApp en WordPress

Si no tienes tiempo para atender llamadas de clientes, puedes agregar un simple chat de WhatsApp en tu sitio web donde los visitantes puedan dejar sus mensajes. Luego, puedes responderles por mensaje de texto en lugar de por llamada.

Esto puede ser beneficioso para las consultas de los clientes, ya que más de 2 mil millones de personas usan WhatsApp para mensajería.

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

Una vez activado, simplemente visita la pestaña del menú Click to Chat desde el panel de WordPress e ingresa el número de teléfono de tu negocio. Este será el número donde recibirás los mensajes de los usuarios.

Luego, puedes personalizar el chat y elegir las entradas o páginas donde deseas mostrarlo a los clientes. Una vez que hayas terminado, simplemente visita el editor de bloques y agrega el shortcode para el chat de WhatsApp.

Después de eso, haz clic en el botón 'Actualizar' o 'Publicar' para guardar tu configuración.

Ahora has agregado exitosamente un chat de WhatsApp donde los usuarios pueden dejar mensajes si no desean atender una llamada telefónica.

Para instrucciones más detalladas, puedes ver nuestro tutorial sobre cómo agregar un chat y botón para compartir de WhatsApp en WordPress.

Tutorial en video

Si no te gustan las instrucciones escritas, puedes ver nuestro videotutorial:

Esperamos que este artículo te haya ayudado a aprender cómo agregar un botón de clic para llamar en WordPress. También podrías querer ver nuestra guía para principiantes sobre cómo crear una dirección de correo electrónico comercial gratuita o nuestra selección experta de los mejores plugins de marketing por SMS.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.