Cómo hacer que se pueda hacer clic en un número de teléfono para fomentar las llamadas

¡Quieres hacer que un número de teléfono sea clicable en WordPress?

Hacer que se pueda hacer clic en los números de teléfono es una forma estupenda de aumentar el número de llamadas telefónicas que puede generar desde tu web.

Reduce la fricción para las personas que desean llamar a tu negocio al eliminar la necesidad de que escriban manualmente tu número de teléfono. Además, elimina la posibilidad de que cometan un error tipográfico y llamen accidentalmente al número equivocado.

Pero si has intentado pegar tu número de teléfono en tu web, probablemente hayas notado que no se puede hacer clic en él por defecto.

¡No te preocupes! Hay una manera rápida y sencilla de hacer que los números de teléfono sean clicables en cualquier parte de tu web de WordPress.

En este post, aprenderás cómo usar este método para añadir un número de teléfono en el que se pueda hacer clic en solo unos segundos, además de algunas prácticas recomendadas y plugins de WordPress que puedes usar para mejorar cómo tu web trata los números de teléfono.

Cómo hacer clicable un número de teléfono con tel: (funciona en cualquier parte de WordPress)

Aquí tienes la forma más rápida de hacer un número de teléfono clicable en WordPress. Sigue leyendo para obtener instrucciones más detalladas:

1. Abre el editor del contenido donde quieras añadir un número de teléfono en el que se pueda hacer clic: puede ser una entrada, una página, la barra lateral, el pie de página, el menú, entre otros.
2. Añade tu número de teléfono en texto plano si aún no lo has hecho.
3. Selecciona el número de teléfono en texto plano y haz clic en el ícono del enlace para insertar un link.
4. En el campo del enlace, introduce tel: seguido de tu número de teléfono, sin espacios ni guiones. Por ejemplo, tel:34612345678
5. Presiona Intro para insertar el enlace.
6. Publica los cambios en tu web.

Ahora, veamos este proceso con más detalle…

Cómo hacer clicable un número de teléfono en el editor de WordPress

Si quieres añadir un número de teléfono clicable al contenido que estás creando con el editor de WordPress, la forma más simple es agregando un hipervínculo utilizando un formato especial: tel:.

Utilizaremos el editor de WordPress y bloques como ejemplo, pero puedes usar el mismo enfoque con el antiguo editor clásico TinyMCE.

Para este ejemplo, digamos que este es tu número de teléfono:

612 345 678

Primero, agrega el número de teléfono directamente al contenido donde quieres que esté clicable. Puedes colocarlo en cualquier lugar de la página, incluso como parte de otro contenido. Utilizaremos un bloque de párrafo regular para este ejemplo.

Así es cómo podría lucir:

Luego, selecciona el número de teléfono en texto plano y haz clic en el ícono de enlace para insertar un enlace, tal como lo harías al agregar un enlace a otra web o a otra página de tu web.

Añade el número de teléfono utilizando el siguiente formato, sin guiones ni espacios entre los números:

tel:[númerodetelefono]

Por ejemplo:

tel:612345678

Una vez que hayas agregado el número de teléfono, presiona Intro.

¡Y listo! Acabas de añadir un número de teléfono clicable.

Asegúrate de Publicar o Actualizar la página.

Luego, los usuarios podrán hacer clic en el número de teléfono para realizar una llamada.

Si necesitas incluir el código internacional del país para el número de teléfono, puedes agregar un ícono + después de tel:

Por ejemplo:

tel:+34612345678

También vale la pena mencionar que no es necesario usar el número de teléfono como texto visible. Puedes utilizar el formato tel: para crear un widget clicable de llamada utilizando cualquier bloque que permita enlaces.

Por ejemplo, podrías usar el bloque de Botones para agregar un botón de «Llamar Ahora». Si enlazas ese botón a tel:612345678, los usuarios podrán hacer clic en el botón para realizar una llamada telefónica.

Sin embargo, la desventaja de este enfoque es que el número de teléfono real no será visible para los usuarios hasta que hagan clic en el botón.

Cómo hacer clicable un número de teléfono en el pie de página o la barra lateral de WordPress

Además de utilizar este método para hacer clicables los números de teléfono en el editor estándar de WordPress, también puedes emplear este mismo enfoque para hacer que los números de teléfono sean clicables en cualquier área de widgets en tu web.

En la mayoría de los temas, esto te permite añadir números de teléfono clicables al pie de página y/o la barra lateral de tu web.

Así es cómo hacerlo:

1. Abre tu WP Admin.
2. Ve a Apariencia → Widgets (si tu tema tiene esta opción).
3. Selecciona el área de widgets a la que quieras añadir tu número de teléfono clicable. Las áreas disponibles dependen de tu tema, pero generalmente verás opciones como «Barra lateral» y «Pie de página».
4. Añade tu número de teléfono en un bloque de Párrafo.
5. Sigue las instrucciones anteriores para añadir el enlace utilizando el mismo formato tel:612345678.

Cómo añadir un número de teléfono clicable a los menús de WordPress

Además de los métodos anteriores, es posible que quieras añadir un número de teléfono clicable a tus menús de WordPress.

Puedes lograrlo utilizando el mismo formato tel:, pero agregarás el enlace de una manera diferente:

1. Abre tu WP Admin.
2. Ve a Apariencia → Menús.
3. Elige Enlaces personalizados bajo Agregar elementos al menú.
4. Introduce el mismo formato tel: en el cuadro de URL, por ejemplo, tel:612345678
5. Inserta el texto clicable en el cuadro de Texto del enlace, que podría ser un llamado a la acción («Llamar ahora») o el número de teléfono real.
6. Haz clic en el botón Añadir al menú.
7. Si es necesario, utiliza la función de arrastrar y soltar para cambiar la ubicación de tu número de teléfono clicable en el menú.
8. Haz clic en Guardar Menú para guardar tus cambios.

Nota: si no ves el área Apariencia → Menús en tu WP Admin, significa que podrías estar utilizando un tema con bloques. En ese caso, necesitarás utilizar el Editor del sitio; aquí tienes instrucciones completas para utilizar el Editor del Sitio.

Cómo hacer clicable un número de teléfono con HTML

Si necesitas agregar un número de teléfono clicable a un área que no está cubierta por las instrucciones anteriores, puedes utilizar HTML personalizado.

Por ejemplo, podrías añadir un número de teléfono clicable directamente a los archivos de plantilla de tu tema. O bien, podrías utilizar esto para agregar un número de teléfono clicable a una web que no sea de WordPress.

Aquí está el código HTML que necesitarás:

<a href="tel:612345678">612 345 678</a> 

O, para agregar el código de país internacional, puedes utilizar este HTML:

<a href="tel:+34612345678">+34 612 345 678</a> 

Cómo hacer clicable un número de teléfono con un plugin de WordPress

Si buscas más flexibilidad, también puedes hacer un número de teléfono clicable usando un plugin de WordPress.

Además de ofrecer una solución aún más sencilla, algunas de las ventajas de usar un plugin de teléfono clicable para WordPress son las siguientes:

• Botones de «Llamar ahora»: en lugar de solo listar el número de teléfono en texto plano (o además de hacer eso), puedes crear un botón clicable de «Llamar ahora» que aparece en dispositivos móviles. Los usuarios pueden hacer clic en ese botón para llamar a tu negocio.
• Integraciones con aplicaciones de mensajería: también puedes crear botones que permitan a los usuarios llamarte a través de aplicaciones de mensajería como WhatsApp y Signal, en lugar de usar el servicio celular.
• Reglas de segmentación: puedes hacer que tu botón de llamada ahora solo aparezca en cierto contenido o para ciertos tipos de visitantes (por ejemplo, solo mostrarlo a personas que navegan en un teléfono móvil). Algunos plugins incluso te permiten mostrar/ocultar tu número de teléfono según el país del usuario (o utilizar un número diferente según el país del usuario). O, es posible que solo desees mostrar el botón durante tus horas de apertura.
• Analíticas: puedes integrar seguimiento analítico para ver cuántas personas hacen clic en tu número de teléfono. Esto debería correlacionarse aproximadamente con cuántas personas llaman a tu negocio, aunque no todas las personas que hacen clic en tu botón de «llamar ahora» realmente realizarán una llamada.

Aquí están algunos de los plugins de WordPress para botones de «Llamar ahora» más populares:

• Call Now Button
• WP Call Button
• Quick Call Button
• Buttonizer

Te mostraremos cómo configurar las cosas usando el plugin Call Now Button porque es gratuito y la opción más popular. Sin embargo, la idea básica será la misma para todos estos plugins.

Si deseas instalar un plugin de número de teléfono, deberás estar utilizando al menos el plan Premium de WordPress.com. Si estás utilizando el plan gratuito de WordPress.com o un plan más económico, será mejor que utilices el método anterior, que funciona en todos los planes.

Cómo crear un botón de «Llamar ahora» en WordPress

El plugin Call Now Button es uno de los plugins de botón de llamada más populares para WordPress. En lugar de hacer un número de teléfono clicable, agrega un botón de «Llamar ahora» al que los usuarios pueden hacer clic para llamar a tu número de teléfono. (Nota: este plugin sólo está disponible actualmente en inglés).

Para mostrar este botón de «Llamar Ahora», puedes elegir entre algunos métodos diferentes. Aquí tienes algunos ejemplos:

Tiene una versión gratuita que debería funcionar para la mayoría de las webs. También hay una versión premium opcional que agrega más características, como la capacidad de mostrar el botón de «Llamar Ahora» solo durante el horario comercial y/o utilizar un número de teléfono diferente según el país desde el que una persona esté navegando.

Así es cómo utilizarlo…

Instalar el Plugin

Para empezar, instala la versión gratuita del plugin Call Now Button en tu web.

Nuevamente, debes estar utilizando al menos el plan Business de WordPress.com para instalar plugins personalizados como Call Now Button.

Si no estás seguro de cómo instalar un plugin, echa un vistazo a nuestra guía sobre cómo usar plugins de WordPress.

Personalizar los conceptos básicos de tu botón

Una vez que hayas activado el plugin, haz clic en el nuevo menú Call Now Button en tu WP Admin.

En la pestaña de Basics (Conceptos básicos), haz lo siguiente:

1. Habilita el botón utilizando el interruptor Button status (Estado del botón).
2. Ingresa tu número de teléfono en el cuadro Phone number (Número de teléfono) sin espacios ni guiones. Si solo recibirás llamadas locales, no necesitas utilizar el código de país y puedes simplemente ingresar tu número como 612345678. Si deseas permitir llamadas de números extranjeros, debes agregar el signo más y el código de país, por ejemplo, +34612345678.
3. Si deseas incluir texto junto al ícono del teléfono, ingresa ese texto en el cuadro Button text (Texto del botón). O déjalo en blanco para mostrar solo el ícono.
4. Haz clic en Save Changes (Guardar cambios).

Tu botón de «Llamar Ahora» ahora estará activo.

Puedes abrir el frente de tu web para ver cómo luce. Nota: por defecto, el botón de Llamar Ahora solo aparecerá para los visitantes móviles. Por lo tanto, si abres tu web en un dispositivo de escritorio, no verás el botón (aunque puedes cambiar este comportamiento).

Personalizar el estilo de tu botón

Si deseas cambiar la apariencia de tu botón de «Llamar Ahora», puedes ir a la pestaña de Presentation (Presentación) para realizar los siguientes ajustes:

• Cambiar el color del botón.
• Cambiar el color del enlace.
• Elegir una ubicación diferente para el botón: esquina derecha, esquina izquierda o centrado. También puedes elegir «fondo completo» para convertirlo en una barra inferior.
• Habilitar tu botón para visitantes de escritorio: el comportamiento predeterminado es hacerlo visible solo para visitantes móviles.
• Usar la caja de Limit appearance (Limitar aparición) para mostrar el botón solo en ciertos contenidos o para excluir ciertos contenidos de tener el botón. Puedes dirigirte a diferentes piezas de contenido utilizando el ID del contenido.
• Elegir si mostrar o no el botón en la página principal de tu web.

Acceder a configuraciones más avanzadas

Además de las opciones anteriores, el plugin también incluye un área de configuraciones separada a la que puedes acceder yendo a Call Now Button → Settings (Call Now Button → Configuraciones).

Una de las características más destacadas aquí es la capacidad de agregar seguimiento de clics en Google Analytics. Esto te permitirá ver cuántas personas hacen clic en tu botón de «Llamar Ahora», lo que debería correlacionarse aproximadamente con cuántas personas llaman a tu negocio.

También puedes cambiar el tamaño del botón.

Mejores prácticas para números de teléfono clicables

En este punto, debes tener una idea bastante buena de cómo hacer que un número de teléfono sea clicable en todo tipo de áreas diferentes de tu sitio WordPress.

Sin embargo, para asegurarte de utilizar esta nueva habilidad de la mejor manera posible, es recomendable seguir algunas prácticas recomendadas para números de teléfono clicables.

Preste atención al diseño compatible con móviles (haga que los números de teléfono sean «tocables»)

La mayoría de las personas que utilizarán los números de teléfono clicables en tu sitio navegarán en smartphones.

Por lo tanto, es importante implementar un diseño compatible para móviles. Más específicamente, asegúrate de que tus números de teléfono sean fáciles de «tocar» con los dedos, ya que los visitantes generalmente no tendrán la precisión de un ratón o un trackpad.

Idealmente, querrás que los usuarios puedan hacer clic en tu número de teléfono sin necesidad de hacer zoom.

Si estás utilizando un botón de llamada u otro elemento grande, es posible que no necesites hacer ningún trabajo adicional. Pero si solo deseas hacer clic en el número de teléfono como texto, puedes intentar implementar las siguientes prácticas:

1. Aumenta el tamaño de la fuente a 18 px idealmente, o 16 px como mínimo.
2. Aumenta la altura de línea para mejorar el espaciado entre líneas. Apunta a 1,2 como mínimo.
3. No incluyas otros enlaces clicables cerca de tu número de teléfono, ya que esto podría hacer que los usuarios hagan clic en el elemento incorrecto.

También puedes considerar colocar tu número de teléfono en un contenedor para darle más espacio. Google tiene una excelente guía sobre la implementación de esta y otras estrategias más avanzadas.

Coloca los números de teléfono en lugares de fácil acceso

Para que los visitantes encuentren fácilmente tus números de teléfono, también querrás asegurarte de que colocas números de teléfono en los que se pueda hacer clic en lugares de fácil acceso.

He aquí algunas buenas zonas para colocar tu número de teléfono:

• Cabecera
• Página de contacto
• Pie de página

También puedes probar a colocarlo en la barra lateral de tu sitio web. Sin embargo, recuerde que la barra lateral de su sitio aparecerá debajo del contenido principal para la mayoría de los visitantes móviles, lo que significa que muchos de tus visitantes podrían no ver el número de teléfono.

Lo mismo ocurre si coloca los números de teléfono en el pie de página de tu sitio web.

Utilice el formato y el estilo para aumentar la visibilidad

Además de utilizar el tamaño de letra y la altura de línea para que los números de teléfono sean más fáciles de tocar, también puedes experimentar con otros cambios de estilo y formato para aumentar la visibilidad de los números de teléfono.

Por ejemplo, puedes utilizar un color de texto diferente para resaltar el número de teléfono. O puedes colocar el número de teléfono en un botón en lugar de texto sin formato.

Además de llamar la atención sobre el número de teléfono, el uso de un botón también ayuda a comunicar a los visitantes que se trata de un elemento en el que se puede hacer clic.

Conclusión

Si quieres animar a los visitantes de tu sitio web a llamar a tu empresa, añadir un número de teléfono en el que se pueda hacer clic es una forma estupenda de reducir la fricción y garantizar que los visitantes llamen al número correcto.

La forma más sencilla de hacer que se pueda hacer clic en los números de teléfono es añadir un enlace normal utilizando el formato especial tel:[númerodeteléfono].

Puedes usar esto para añadir números de teléfono clicables en bloques, en menús, en widgets, en el editor clásico TinyMCE, y prácticamente en cualquier otro sitio.

Si quieres una funcionalidad más avanzada, también puedes considerar un plugin de botón de llamada para WordPress. Recuerda que, aunque el método «tel:[phonenumber]» funciona con cualquier plan de WordPress.com, necesitarás al menos el plan WordPress.com Business para instalar un plugin de botón de llamada.

Ya está. Ahora ya sabes cómo hacer que un número de teléfono sea clicable en tu sitio web, y los visitantes de tu sitio pueden realizar llamadas fácilmente para ponerse en contacto.