Tu número de teléfono aparece en tu sitio web, pero al pulsarlo no pasa nada. Este es un problema común en WordPress que te cuesta llamadas sin darte cuenta.
Por defecto, WordPress no permite hacer clic en los números de teléfono. En dispositivos móviles, esto genera fricción. Los visitantes esperan poder tocar y llamar al instante. Cuando no pueden, muchos dudan o abandonan la página.
La solución es sencilla. Con la configuración correcta, puedes hacer que un número de teléfono sea clicable en WordPress en segundos. Esta guía muestra todos los métodos fiables paso a paso, y todos funcionan con cualquier configuración de WordPress, incluyendo temas de bloques y temas clásicos.
TL;DR: Cómo hacer que el número de teléfono sea cliqueable en WordPress
- WordPress no permite hacer clic en los números de teléfono de forma predeterminada.
- Utilice el formato de enlace tel para hacer que cualquier número de teléfono sea cliqueable en WordPress.
- Los enlaces de Tel funcionan en publicaciones, páginas, menús, encabezados, pies de página y widgets.
- Elimine los espacios y símbolos dentro del enlace tel. para obtener resultados consistentes.
- Agregue un código de país si su empresa recibe llamadas internacionales.
- Utilice botones para una mejor visibilidad en las páginas de destino.
- Utilice un complemento de botón de llamada solo cuando las llamadas telefónicas sean un objetivo de conversión principal.
- Pruebe siempre los enlaces telefónicos en un dispositivo móvil real antes de publicarlos.
Por qué los números de teléfono clicables son más importantes de lo que cree
Hoy en día, la mayoría de los visitantes de sitios web provienen de dispositivos móviles. Cuando alguien navega en un teléfono, espera acciones instantáneas. Al tocar un número, debería abrirse el marcador. Sin necesidad de copiar. Sin cambiar de aplicación. Y sin pensarlo dos veces.
Los números de teléfono clicables eliminan pasos innecesarios. Reducen la fricción justo cuando el visitante está listo para actuar. Esto por sí solo puede aumentar el volumen de llamadas sin cambiar nada más en su sitio web.
También existe un factor de confianza. Un número de teléfono claramente visible y fácil de tocar indica que hay una empresa real detrás del sitio web. Esto asegura a los visitantes que la ayuda está a un solo toque.
Desde una perspectiva de accesibilidad, los números clicables son igualmente importantes. Los usuarios con limitaciones motoras o tecnologías de asistencia dependen de enlaces con un formato adecuado para interactuar con el contenido.
Los motores de búsqueda también comprenden la intención. Las páginas que permiten acciones claras del usuario suelen tener un mejor rendimiento en búsquedas locales y de servicios. Si bien un número de teléfono en el que se pueda hacer clic no es un factor de posicionamiento en sí mismo, de la experiencia del usuario las señales importantes
En resumen, hacer que tu número de teléfono sea cliqueable no es solo una mejora técnica. Es, al mismo tiempo, una en la conversión , una mejora en la usabilidad y un generador de confianza.
Convierta a las visitas de su sitio web en conversaciones reales
Si las llamadas telefónicas son importantes para su negocio, cada detalle cuenta. Seahawk ayuda a optimizar los sitios de WordPress en términos de usabilidad, conversiones y rendimiento para que los visitantes puedan comunicarse con usted sin inconvenientes.
La forma más sencilla de hacer que un número de teléfono sea cliqueable en cualquier lugar de WordPress
Si quieres un método que funcione casi en todas partes en WordPress, este es.
WordPress permite convertir números de teléfono en enlaces clicables mediante un formato especial llamado "tel". Este formato indica a los navegadores y dispositivos móviles que el enlace debe abrir el marcador telefónico en lugar de una página web.
Aquí está la idea básica en lenguaje sencillo:
- Toma tu número de teléfono.
- Lo vinculas de la misma manera que vincularías un sitio web.
- En lugar de utilizar una URL, utilice tel seguido del número.
Este método funciona en entradas, páginas, widgets, menús, pies de página, barras laterales e incluso en bloques HTML personalizados. Funciona tanto en el editor de bloques como en el editor clásico. También funciona en la mayoría de los temas sin necesidad de configuración adicional.
Lo mejor es que los visitantes no ven nada diferente. El número de teléfono se ve normal en la página. Pero al tocarlo en un teléfono, se puede llamar al instante.
En las siguientes secciones, veremos exactamente cómo aplicar este método en diferentes partes de su sitio de WordPress, comenzando con el editor, donde se encuentra la mayor parte del contenido.
Cómo hacer que un número de teléfono sea cliqueable dentro del editor de WordPress
Si está agregando un número de teléfono a una publicación o página, el editor de WordPress suele ser el lugar más fácil para comenzar.
Uso del editor de bloques
Digamos que su número de teléfono se ve así en la página: 717 867 5309
Primero, agrega el número de teléfono como texto normal dentro de un bloque de párrafo. Puedes colocarlo en cualquier parte del contenido.
A continuación, resalta el número de teléfono con el cursor. Haz clic en el icono de enlace en la barra de herramientas del bloque, como lo harías al enlazar a otra página.
En el campo de enlace, escriba tel seguido de su número de teléfono sin espacios ni símbolos.
- Por ejemplo, ingresarías: tel:7178675309
Una vez que apliques el enlace, podrás hacer clic en el número. Publica o actualiza la página y listo.
Si su empresa recibe llamadas internacionales, puede incluir el código del país agregando un signo más.
- Por ejemplo: tel:+17178675309
Este enfoque funciona de forma uniforme en dispositivos móviles y navegadores modernos. Además, mantiene el contenido limpio y legible, ya que el texto visible no necesita modificarse.
Usar botones en lugar de texto simple
A veces, puede que quieras que el número de teléfono destaque más. En ese caso, usar un botón puede ser útil.
El bloque Botones de WordPress permite crear un botón "Llamar ahora" y vincularlo con el mismo formato de teléfono. Los visitantes pulsan el botón y la llamada se inicia inmediatamente.
Los botones son especialmente efectivos en las páginas de destino y las secciones de contacto. Ten en cuenta que, al ocultar el número real tras un botón, algunos usuarios podrían querer verlo antes de llamar. Equilibra la visibilidad con el diseño según tu audiencia.
Cómo agregar un número de teléfono en el que se pueda hacer clic en el pie de página o la barra lateral
Muchos sitios web colocan los números de teléfono en el pie de página o en la barra lateral para que sean visibles en todas las páginas. WordPress facilita esta tarea mediante áreas de widgets.
Desde el panel de control de WordPress, ve a Apariencia y luego a Widgets. Selecciona el área de widgets donde quieres que aparezca el número de teléfono. Puede ser una columna de pie de página o una barra lateral, según el tema.
Añade un bloque de párrafo o un widget de texto e introduce tu número de teléfono como texto normal. Luego, aplica el mismo método de enlace telefónico que usaste en el editor.
Una vez guardado, el número de teléfono aparecerá en todas las páginas donde esa área de widget esté activa.
Un aspecto a tener en cuenta es el comportamiento en dispositivos móviles. En la mayoría de los dispositivos móviles, las barras laterales y los pies de página aparecen después del contenido principal. Si las llamadas son una prioridad para su negocio, considere combinar los números de pie de página con el número de encabezado o página de contacto.
Cómo añadir un número de teléfono en el que se pueda hacer clic a los menús de WordPress
A veces quieres que tu número de teléfono esté visible en todo momento, especialmente en el encabezado. Añadirlo al menú de WordPress es una de las maneras más efectivas de lograrlo.
Esto funciona particularmente bien para empresas de servicios donde los visitantes pueden querer llamar inmediatamente sin tener que desplazarse ni buscar datos de contacto.
Cómo agregar un número de teléfono a tu menú de WordPress
Siga estos pasos:
- Abra su panel de WordPress
- Vaya a Apariencia y luego a Menús
- En Agregar elementos de menú, seleccione Enlaces personalizados
En el campo URL, introduzca su número de teléfono en formato tel.
Por ejemplo:
tel:7178675309
En el campo Texto del enlace, puedes:
- Añade el número de teléfono real
- O utilice una llamada a la acción como Llama ahora o Habla con un experto
Haga clic en Agregar al menú, ajuste su posición si es necesario y luego guarde su menú.
Una vez publicado, el número de teléfono aparecerá directamente en la barra de navegación y será posible hacer clic en él en dispositivos móviles.
Usando un tema basado en bloques
Si está utilizando un tema basado en bloques y no ve la opción Menús, deberá utilizar el Editor del sitio en su lugar.
El concepto sigue siendo el mismo. Agregarás el enlace telefónico dentro del bloque de Navegación, en lugar de a través del menú clásico.
Cómo usar HTML para hacer que los números de teléfono sean cliqueables
Puede haber situaciones en las que el editor de WordPress no te ofrezca suficiente flexibilidad. Por ejemplo, podrías estar editando una plantilla personalizada, añadiendo contenido dentro de un bloque de código o trabajando completamente fuera de WordPress.
En esos casos, puedes usar HTML básico para hacer que se pueda hacer clic en un número de teléfono.
La estructura es sencilla. Se incluye el número de teléfono dentro de una etiqueta de enlace y se usa el formato tel en el atributo href.
Por ejemplo, su código se vería así
<a href=”tel:7178675309″>717 867 5309</a>
Si desea incluir un código de país internacional, agregue un signo más antes del número.
Este método funciona de forma fiable en todos los navegadores y dispositivos. Solo asegúrese de eliminar los espacios y símbolos del número dentro del valor href.
Es mejor usar los enlaces telefónicos basados en HTML con moderación y cuidado. Si no se siente cómodo editando código, los métodos basados en editor que se mencionaron anteriormente son más seguros y fáciles de mantener.
¿Deberías usar un complemento para las funciones de clic para llamar?
Para muchos sitios web, el método de enlace telefónico es más que suficiente. Sin embargo, hay casos en los que usar un complemento tiene sentido.
Si su negocio depende en gran medida de las llamadas telefónicas, un plugin puede añadir funciones que van más allá de los números clicables. Estas incluyen botones de llamada flotantes, visibilidad solo en dispositivos móviles, reglas de visualización basadas en el tiempo y seguimiento de llamadas.
Los complementos son especialmente útiles si quieres un botón "Llamar ahora" que permanezca visible al desplazarse. También pueden ser útiles si quieres mostrar diferentes números de teléfono según la ubicación o el tipo de dispositivo.
Dicho esto, los plugins no deberían ser tu primera opción por defecto. Añaden código adicional a tu sitio y requieren actualizaciones constantes.
Una buena regla general es la siguiente:
- Si sólo necesita números de teléfono en los que pueda hacer clic, utilice enlaces telefónicos.
- Si las llamadas son un objetivo de conversión principal y desea realizar un seguimiento o un comportamiento avanzado, considere un complemento.
Cómo crear un botón de llamada ahora en WordPress
Un botón "Llamar ahora" es un botón flotante o fijo que permite a los visitantes llamarte con un solo toque. Estos botones están diseñados principalmente para usuarios móviles.
Instalación y configuración del botón
Después de instalar un complemento de botón de llamada, normalmente se le solicitará que habilite el botón e ingrese su número de teléfono.
Asegúrese de que el número de teléfono esté escrito sin espacios ni símbolos. Si su empresa recibe llamadas internacionales, incluya el código del país con un signo más.
La mayoría de los plugins permiten elegir si el botón aparece solo en dispositivos móviles o también en computadoras de escritorio. Por defecto, la opción "Solo en dispositivos móviles" suele ser la mejor opción.
Una vez habilitado, el botón aparecerá automáticamente en su sitio sin necesidad de colocarlo manualmente en cada página.
Opciones de estilo y visualización
La mayoría de los plugins de botones de llamada permiten una personalización básica. Puedes ajustar los colores, la posición del botón y, a veces, incluso las etiquetas de texto.
Las opciones de ubicación más comunes incluyen barras en la parte inferior derecha, inferior izquierda o de ancho completo. Elija una ubicación que no bloquee contenido importante ni interfiera con la navegación.
Evite diseños demasiado agresivos. El objetivo es facilitar las llamadas, no distraer.
Mejores prácticas para números de teléfono en los que se puede hacer clic y que convierten
Saber cómo hacer que un número de teléfono sea clicable es solo la mitad de la historia. La forma de presentarlo es igual de importante.
Haga que los números de teléfono sean fáciles de tocar en el móvil
La mayoría de las llamadas desde sitios web se realizan desde dispositivos móviles. Por lo tanto, tu número de teléfono debe ser fácil de usar.
Use un tamaño de fuente legible. Evite colocar números de teléfono demasiado cerca de otros enlaces. Deje suficiente espacio entre ellos para que los usuarios no toquen accidentalmente el elemento equivocado.
Si es posible, prueba tu sitio web en un teléfono real. Lo que parece fácil de hacer clic con el ratón puede resultar frustrante en una pantalla táctil.
Dónde deben aparecer los números de teléfono en su sitio
Los números de teléfono funcionan mejor cuando son fáciles de encontrar. Las ubicaciones más comunes con mejor rendimiento incluyen el encabezado, la página de contacto y las páginas de destino clave.
Los pies de página y las barras laterales pueden mejorar la visibilidad, pero no deberían ser el único lugar donde se encuentre su número si las llamadas son importantes para su negocio.
Consejos de estilo que aumentan la visibilidad
Usar contraste puede ayudar a que tu número de teléfono destaque. Los botones, íconos o detalles sutiles llaman la atención sin sobrecargar la página.
Aclare que se puede hacer clic en el número. Los usuarios no deberían tener que adivinarlo.
Errores comunes que se deben evitar al agregar enlaces de clic para llamar
Uno de los errores más comunes es usar espacios o símbolos dentro del enlace telefónico. Esto puede provocar que el enlace falle en algunos dispositivos.
Otro error es hacer el número de teléfono demasiado pequeño o colocarlo cerca de otros elementos clicables. Esto provoca clics erróneos y frustración.
El uso excesivo de complementos también es un problema común. Si un enlace simple funciona, no es necesario añadir complejidad.
Por último, siempre prueba los enlaces de tu teléfono en el móvil antes de publicarlos. Un enlace de llamada roto anula todo el propósito.
Cuando los números de teléfono en los que se puede hacer clic no son suficientes
A medida que su negocio crece, es posible que necesite más que sólo números en los que se pueda hacer clic.
Quizás quieras rastrear qué páginas generan llamadas. Quizás quieras que las llamadas se dirijan de forma diferente según la ubicación o la hora del día. O quizás quieras que las llamadas perdidas se gestionen profesionalmente.
En esa etapa, los números de teléfono en los que se puede hacer clic pasan a ser parte de una estrategia de conversión y soporte más amplia en lugar de ser una solución independiente.
Reflexiones finales
Hacer que su número de teléfono sea cliqueable en WordPress es una de las mejoras más simples que puede realizar en su sitio web.
Elimina la fricción, mejora la usabilidad y ayuda a los visitantes a comunicarse con usted en el momento en que estén listos para actuar.
Para la mayoría de los sitios web, usar el método de enlace telefónico dentro del editor, los menús o los widgets de WordPress es suficiente. Es rápido, confiable y fácil de mantener.
Si las llamadas telefónicas juegan un papel importante en su negocio, siempre puede agregar botones de llamada o seguimiento más adelante.
Empieza por lo sencillo. Prueba en el móvil. Y facilita que la gente te contacte.
Preguntas frecuentes
¿Por qué no se puede hacer clic en mi número de teléfono en WordPress?
WordPress no convierte automáticamente los números de teléfono en enlaces clicables. Si añades un número como texto sin formato, los visitantes no podrán tocarlo para llamar. Debes usar el formato de enlace de teléfono para indicar explícitamente a los navegadores y dispositivos móviles que el número debe abrir el marcador telefónico.
¿El método de enlace telefónico funciona en todos los dispositivos?
Sí. Los enlaces telefónicos funcionan en smartphones, tablets y la mayoría de los navegadores modernos. En dispositivos móviles, al tocar el enlace se abre el marcador telefónico. En computadoras de escritorio, el enlace puede abrir una aplicación de llamadas como Skype o simplemente no hacer nada, lo cual es normal.
¿Puedo agregar un número de teléfono en el que se pueda hacer clic en mi encabezado o menú de WordPress?
Sí. Puedes añadir un número de teléfono clicable a tu menú de WordPress mediante un enlace personalizado y el formato "tel". Esto permite que el número aparezca en la navegación del encabezado y permanezca visible en todo el sitio, facilitando que los visitantes llamen en cualquier momento.
¿Debería usar un complemento para hacer que los números de teléfono sean cliqueables en WordPress?
Si solo necesitas la funcionalidad básica de clic para llamar, usar enlaces telefónicos es suficiente y mantiene tu sitio web ligero. Los plugins son útiles cuando las llamadas telefónicas son un objetivo de conversión clave y necesitas funciones como botones de llamada flotantes, reglas de visualización o seguimiento de llamadas.
