Cómo hacer un número de teléfono en el que se puede hacer clic en WordPress

En esta época, sería difícil encontrar una persona que no posea un teléfono inteligente. Cada vez más personas utilizan estos prácticos dispositivos para navegar por la web, además de las funciones telefónicas "convencionales". Y esta es exactamente la razón por la que es posible que desee crear un número de teléfono en el que se pueda hacer clic en WordPress.

Un botón de clic para llamar representa un enlace o un botón de llamada a la acción en su página que, cuando se hace clic en él, hace que aparezca el número de teléfono de su empresa y permite que sus visitantes se pongan en contacto directo con usted.

Así como agregar un favicon a su sitio web de WordPress es bueno para la visibilidad de su marca, agregar un número de teléfono Click-to-Call puede ser un gran impulso para su negocio. En este artículo, mostraremos cómo mostrar un número de teléfono en el que se puede hacer clic en WordPress utilizando tres métodos diferentes.

Siga leyendo mientras cubrimos lo siguiente:

Por qué debería agregar un número de teléfono en el que se puede hacer clic a su sitio de WordPress

Como ya mencionamos, con muchas personas que usan sus teléfonos inteligentes para acceder a sitios web hoy en día, un número de teléfono en el que se puede hacer clic puede ser una herramienta extremadamente conveniente. No importa su tipo de negocio, Si prefiere tener una línea directa de comunicación con sus clientes potenciales, entonces un número de teléfono en el que se pueda hacer clic puede ayudarlos a comunicarse con usted de manera más rápida y eficiente.. Todo lo que tienen que hacer es hacer clic en el botón con el número que colocó en su página web y el marcador aparecerá instantáneamente en su teléfono inteligente. Dado que la tarea en sí es prácticamente sencilla, puede hacer que las personas estén más dispuestas a ponerse en contacto contigo, lo que a su vez significa un enorme potencial para impulsar tus ventas y hacer crecer tu negocio.

Dicho esto, veamos los detalles de cómo puede agregar un número de teléfono en el que se puede hacer clic en WordPress. Le mostraremos tres formas diferentes de hacer esto: con la ayuda de un plugin, agregándolo a un menú de navegación de WordPress y haciéndolo manualmente.

Agregar un número de teléfono en el que se puede hacer clic con la ayuda de un plugin

Usar un plugin es probablemente la forma más fácil de agregar un número de teléfono en el que se puede hacer clic a su sitio web de WordPress. Si usa un plugin de botón de llamada de WP, podrá agregar este botón en cualquier lugar de su página o publicación, o como un widget en su barra lateral.

Comencemos ocupándonos primero de la instalación y algunas configuraciones, y luego le mostraremos cómo usar este plugin para agregar botones de clic para llamar para Gutenberg y para el Editor clásico.

Lo primero es lo primero, necesita instalar y activar el plugin WP Call Button yendo a Complementos> Agregar nuevo y encontrar el plugin WP Call Button en la barra de búsqueda.

A continuación, vaya a Configuración> Botón de llamada de WP.

Una vez allí, puede elegir si desea agregar un Botón de llamada fija (que "se pega" cuando los usuarios se desplazan por su sitio web) o un Botón de llamada estática (que puede agregar a sus páginas y publicaciones). La primera opción es la mejor para obtener más conversiones, pero, por supuesto, puede decidir qué opción funciona mejor para usted según sus preferencias.

En el Botón de llamada fija pestaña, debe cambiar la Estado del botón Llamar ahora a Activo primero. Esto permitirá que su botón Llamar ahora se muestre en su sitio web de WordPress. Sin embargo, debemos tener en cuenta que si no habilita esta configuración aquí, el botón de llamada no aparecerá en su sitio, incluso si ha decidido crear un botón de llamada estática en su lugar. En otras palabras, aquí es donde debe activar ambos tipos de botones de llamada.

Entonces, en el Número de teléfono campo, puede agregar el número de teléfono de su empresa al que sus visitantes podrán llamar cuando hagan clic en el botón. También debe seleccionar el código de área según el país en el que se encuentra su empresa. Al igual que en la configuración anterior, aquí es donde ingresa el número de teléfono tanto para el tipo Sticky como para el Static Call Button. Esto significa que el número se extraerá automáticamente de esta configuración, ya sea que decida insertar el botón de llamada en cada página de su sitio web o solo en páginas / publicaciones específicas.

Como el nombre sugiere, los Texto del botón de llamada El campo le permite insertar cualquier texto que desee que se muestre en su sitio.. Solo tenga en cuenta que este campo funcionará correctamente solo si establece el Posición del botón de llamada a Ancho completo, que es la opción que puede encontrar justo debajo de Botón de llamada Campo de texto.

En esta pestaña, también puede establecer el color de su botón, así como determinar la visibilidad del botón de llamada. Escoge de Mostrar en todas partes (que es la configuración predeterminada), Mostrar solo en determinadas publicaciones / páginas y Ocultar en el restoy Ocultar en ciertas publicaciones / páginas, pero mostrar en todas partes.

Solo una nota rápida: si planea agregar un Botón de llamada estático a cualquier página o publicación específica, le recomendamos que elija el Mostrar solo en determinadas publicaciones / páginas opción para evitar tener dos tipos de botones Click-to-Call en una página o publicación.

Por último, también puede elegir si desea que el botón se muestre solo en dispositivos móviles o no. Desactivaremos esta configuración. No olvide hacer clic en Guardar cambios cuando termines.

Y así es como se verá su botón en su sitio web:

Agregar el botón de llamada estática a su página / publicación en Gutenberg

Si está utilizando el editor de Gutenberg y desea agregar un botón de llamada estático a su página o publicación, vaya a Publicaciones> Todas las publicaciones (o Páginas> Todas las páginas) y edite la publicación / página a la que desea agregar el botón. O ir a Publicaciones / Páginas> Agregar nuevo si desea agregar un botón a una página / publicación completamente nueva.

Entonces, puede simplemente haga clic en el icono "+" en la página / publicación en cuestión y busque y agregue el bloque de botón de llamada de WP en el editor.

El bloque Botón de llamada de WP le permite cambiar el color del botón de llamada, el color del texto y el tamaño de fuente de la página / publicación en cuestión. Además, puede optar por mostrar u ocultar el icono del teléfono y habilitar la alineación central del botón de llamada. Si lo desea, incluso puede agregar una clase (o clases) CSS adicional en el Avanzado campo.

Como mencionamos anteriormente, su número de teléfono se extraerá automáticamente del Botón de llamada fija pestaña de configuración.

Una vez que agregue su Botón de llamada estática, puede haga clic en Publicar / Actualizar para guardar sus cambiosy luego revise su página / publicación para ver cómo se verá su botón.

Agregar el botón de llamada estática en su página / publicación en el editor clásico

Si desea agregar un botón de llamada estático con el editor clásico, debe acceder a las opciones que se pueden encontrar en Configuración> Botón de llamada de WP> Botón de llamada estática primero.

Aquí tiene las opciones para ingresar el texto de su botón de Llamada Estática, cambiar el color del botón y habilitar o deshabilitar la opción para Ocultar el icono de teléfono de su botón de llamada.

Debajo de estas opciones, encuentre la opción para copiar el código corto que luego puede insertar en cualquier página o publicación.

Una vez que haya terminado de copiar el código corto, acceda a la página o publicación que desea editar (o cree una nueva), cambie al modo de edición de texto y pegue el código corto en el editor.

No te olvides de golpear Actualizar / publicar cuando haya terminado, y eso es todo, puede ir y obtener una vista previa de su botón en la página / publicación.

Agregar el botón de llamada estática a su barra lateral con la ayuda del widget de botón de llamada de WP

El plugin WP Call Button también le permite agregar un botón de llamada al área de la barra lateral con la ayuda del widget de botón de llamada de WP.

Para hacer esto, simplemente vaya a Apariencia / Widgets y agregue el widget WP Call Button en el área del widget de la barra lateral. Puede arrastrarlo con el mouse al área de la barra lateral o hacer clic en el widget y luego seleccionar Agregar widget.

Cuando selecciona el "Mostrar configuración avanzada”, Verá que el widget en sí también contiene todas las opciones necesarias, como el texto del botón de llamada, el color, el color del texto y la opción para mostrar / ocultar el icono del teléfono.

Agregar un número de teléfono en el que se puede hacer clic al menú de navegación de WordPress

Otra ubicación donde puede agregar un número de teléfono en el que se puede hacer clic en WordPress es el menú de navegación de su sitio web

Acceda a Apariencia> Menús y haga clic en la pestaña Vínculos personalizados. El campo Enlace es donde debe agregar su número de teléfono y el Texto del enlace, tal como lo hicimos en la imagen a continuación:

Haga clic en Agregar al menú una vez que haya terminado, y listo, el enlace del botón de llamada aparecerá en el menú de navegación.

Agregar un número de teléfono en el que se puede hacer clic mediante un código personalizado

Por último, pero no menos importante, puede agregar un número de teléfono en el que se puede hacer clic en su sitio web de WordPress manualmente, utilizando un pequeño fragmento de código. También puede agregar fácilmente una imagen de icono de teléfono usando HTML.

Para empezar, ve a Medios> Agregar nuevo y sube tu imagen.

Luego, haz clic en tu imagen y copia la URL del archivo que puedes encontrar en el lado derecho de la pantalla.

Ahora usted puede agregue el enlace del número de teléfono y envuelva la imagen del icono del teléfono dentro de él. Este es el código si desea agregar el enlace Click-to-Call y el ícono a su página o publicación:

<a href="https://qodeinteractive.com/magazine/make-clickable-phone-number-in-wordpress/tel:your phone number">Your Message</a>
<img src="Your Image URL" /></a>

Para hacer esto en el editor de Gutenberg, simplemente haga clic en el icono "+" en el editor y busque el bloque HTML personalizado. Luego, agregue el código en el bloque como lo hicimos nosotros (por supuesto, con su propio número de teléfono, mensaje y URL de imagen).

Y aquí está el aspecto final una vez que haga clic en Actualizar / Publicar:

Si está utilizando el editor clásico, agregará el mismo fragmento de código en el campo de su editor, solo asegúrese de que esté cambiado a Texto modo.

Finalmente, para agregar el enlace del teléfono con el ícono en su barra lateral, diríjase a Apariencia> Widgets, arrastre el widget HTML personalizado al área de widgets de la barra lateral y agregue el siguiente código:

<a href="https://qodeinteractive.com/magazine/make-clickable-phone-number-in-wordpress/tel:Your Phone Number"><img src="Your Image URL" alt="Your Message" /></a>

Así es como lo hicimos:

Y aquí está el resultado final:

Tenemos que notar que estos enlaces abrirán la aplicación de teléfono para usuarios móviles, mientras que en el escritorio iniciarán Skype (para usuarios de Windows) o FaceTime (para usuarios de Mac iOS).

Pensamientos finales

Y eso concluye todas las diferentes formas en que puede agregar un número de teléfono en el que se puede hacer clic en WordPress. Ya sea que opte por el método manual o decida usar un plugin, puede agregar fácilmente un botón Click-to-Call en cualquier lugar que desee en su sitio web: una página, una publicación o el área de la barra lateral. La incorporación de un enlace Click-to-Call en su menú de navegación también puede facilitar la búsqueda, lo que a su vez ayuda a impulsar sus conversiones.

Si opta por un plugin, incluso puede hacer que su botón sea pegajoso, lo que lo hace muy visible y brinda la posibilidad de más llamadas telefónicas de clientes potenciales. Cualquiera sea el método que elija, ciertamente no tomará la decisión incorrecta. ¡Le deseamos suerte con el crecimiento de su negocio!