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

Cómo hacer un número de teléfono seleccionable 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.

Número de teléfono en WordPress

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:

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.

Botón de llamada de WP

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.

Instalar el plugin WP Call Button

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

Configuración del 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.

Botón de llamada

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.

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.

Campo de número de teléfono

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.

Campo de texto del botón de llamada

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.

Determine la visibilidad del botón de llamada

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.

Mostrar en dispositivos móviles o no

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

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.

Bloque de botón de llamada de WP

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.

Pestaña de configuración del botón de llamada fija

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.

Revisa tu pagina

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.

Agregar el botón de llamada estática en el editor clásico

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.

Copia el shortcode

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.

Pega el shortcode 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.

Ve y obtén una vista previa de tu botó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.

Botón de llamada del widget de la barra lateral

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.

Botón de llamada de la barra lateral

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:

Menús de apariencia
Agrega tu número de teléfono y el texto del enlace

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.

Botón de llamada al menú

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.

Medios Agregar nuevo elemento

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

Copia la URL del archivo

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).

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

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

Mirada final

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.

Agregue un fragmento de código en el campo de su editor

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:

Widget HTML personalizado

Y aquí está el resultado final:

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

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!

Si quieres conocer otros artículos parecidos a Cómo hacer un número de teléfono en el que se puede hacer clic en WordPress puedes visitar la categoría Tutoriales.

/* */ Subir

Este sitio web utiliza cookies para ofrecerle una mejor experiencia de navegación, si continua en navegando consideramos que acepta su uso.