Cómo agregar un botón de clic para llamar de WordPress en su sitio web

Aquí en HeroThemes, nos esforzamos mucho en crear temas y complementos de base de conocimiento de WordPress de calidad que hacen que los visitantes de su sitio no tengan que llamarlo para pedir ayuda.

Sin embargo, las personas siempre necesitarán asistencia telefónica, y también hay muchas razones no relacionadas con la asistencia por las que es posible que desee facilitar que los visitantes de su sitio web lo llamen.

Pero cuando las personas están navegando en un dispositivo móvil, lo último que desea hacer es que escriban su número de teléfono ellos mismos o que intenten hacer clic en un número de teléfono pequeño. En cambio, un botón de clic para llamar es una opción mucho mejor.

En esta publicación, le mostraremos cómo puede agregar la funcionalidad de clic para llamar de WordPress a su sitio web utilizando algunos complementos gratuitos simples o su propio HTML. No importa cuál sea su nivel de conocimiento técnico, podrá seguirlo y crear un atractivo botón de clic para llamar.

¿Debería usar un complemento de clic para llamar o HTML?

Usar un complemento es la forma más sencilla de crear algo que se vea genial. Entonces, si desea algo que "simplemente funcione" de inmediato, esa sería una buena razón para seguir la ruta del complemento. Sin embargo, estará limitado a mostrar solo su botón de llamada en las ubicaciones que admita el complemento.

Si desea poder agregar su botón de clic para llamar en cualquier parte de su sitio, o simplemente no le apetece usar otro complemento, agregar la funcionalidad de clic para llamar con su propio HTML es casi tan simple como insertar un hipervínculo, por lo que sigue siendo un enfoque bastante fácil de usar. Sin embargo, es probable que deba agregar un CSS personalizado básico para que se vea bien, lo cual es algo a tener en cuenta.

En esta guía, le mostraremos ambos métodos . Comencemos, comenzando con la ruta del complemento...

Enfoque 1: use un complemento gratuito de botón de clic para llamar de WordPress

Hay varios complementos de clic para llamar de WordPress diferentes, pero le mostraremos guías paso a paso para solo tres de ellos:

• Barra de clic para llamar realmente simple: en lugar de agregar un botón independiente, este complemento agrega una barra completa en la parte inferior de las pantallas de los visitantes móviles. Si quieres que sea realmente obvio/fácil que la gente te llame, esta es una buena opción.
• Botón Llamar ahora: además de una barra completa como el complemento anterior, este complemento también le permite usar más un botón de llamada estilo botón de acción flotante.
• Call Now Button Ultimate: este complemento agrega la misma barra inferior de llamada ahora. Pero lo único es que le permite establecer "horas de operación" para cuando esté disponible por teléfono. Fuera del horario de atención, el botón pedirá a los visitantes que envíen un correo electrónico en lugar de llamar.

Tutorial de complemento de barra de clic para llamar realmente simple

Este complemento es gratuito y está disponible en WordPress.org, por lo que puede instalarlo directamente desde su panel de control de WordPress yendo a Complementos → Agregar nuevo .

Una vez que haya instalado y activado el complemento, vaya a Configuración → Really Simple Click to Call para configurar el complemento. Allí, puedes:

• Habilitar la funcionalidad del botón de clic para llamar
• Agregue un CTA de texto junto a su botón de llamada
• Elija el número de teléfono al que llamarán los visitantes
• Configure los colores utilizados en su botón de clic para llamar

Luego, guarde sus cambios para hacer que su botón esté activo. Este botón solo aparecerá para los visitantes móviles, por lo que no lo verá si está navegando desde una computadora de escritorio.

Este es un ejemplo de cómo se vería en un dispositivo móvil:

Tutorial del complemento del botón Llamar ahora

Como mencionamos anteriormente, el complemento del botón Llamar ahora es un poco más flexible, ya que también le permite usar un botón flotante de acción llamar ahora además del enfoque de la barra llamar ahora.

Al igual que los demás, aparece en WordPress.org, lo que significa que puede instalarlo yendo a Complementos → Agregar nuevo .

Una vez que haya instalado y activado el complemento, diríjase a Configuración → Botón Llamar ahora para configurar el complemento.

En la parte superior, puede:

• Habilitar el botón
• Introduce el número de teléfono al que llamarán los visitantes
• Elija el texto del botón ( si lo desea )

También puede revelar más configuraciones haciendo clic en el enlace Configuración avanzada . Eso le permitirá cambiar el posicionamiento, los colores, agregar seguimiento de clics y más:

Una vez que su botón esté habilitado, se mostrará solo a los visitantes móviles, por lo que deberá obtener una vista previa desde un dispositivo móvil para verlo en acción.

Aquí hay un ejemplo de nuestro sitio del enfoque del botón de acción flotante:

Botón Llamar ahora Tutorial del complemento definitivo

Lo único del complemento Call Now Button Ultimate es que puede elegir a qué horas desea que los visitantes puedan llamarlo. Fuera del horario de atención, cuando su número de teléfono no está disponible, puede mostrar un aviso para que los visitantes envíen un correo electrónico.

Al igual que los demás, puede instalar y activar este complemento gratuito yendo a Complementos → Agregar nuevo en su panel de WordPress.

Una vez que haya hecho eso, vaya al área Call Now Button Ultimate en su tablero de WordPress para configurarlo.

En la parte superior, puede habilitar el complemento e ingresar su número de teléfono y dirección de correo electrónico:

Luego, más abajo en la página, puede ingresar su horario de atención y configurar el texto y los colores de los botones:

Al igual que los otros complementos, su botón Llamar ahora solo se mostrará a los visitantes móviles.

Así es como se ve durante sus horas de operación:

Y así es como se ve fuera de su horario de atención:

Enfoque 2: Haga clic para llamar al botón HTML de WordPress

Como alternativa al clic para llamar a los complementos de WordPress, también puede usar su propio clic para llamar HTML para crear un botón. El beneficio de este enfoque es que podrá agregar su botón en cualquier parte de su sitio.

Para crear dicho botón, puede usar un hipervínculo normal y envolver su número de teléfono en el esquema tel:.

Así es como se ve: solo necesita reemplazar el número de teléfono de ejemplo con el suyo propio y editar el texto CTA según sea necesario:

<a href="tel:+1-123-456-7890">Call HeroThemes!</a>

¡Eso es todo al respecto!

Si lo desea, puede usar su propio CSS personalizado para crear un botón en lugar de un hipervínculo normal.

Por ejemplo, podrías usar este HTML:

<a href="tel:+1-123-456-7890" class="call-button">Call HeroThemes!</a>

Luego, puede agregar CSS personalizado a su sitio de WordPress para convertirlo en un botón. Por ejemplo:

.call-button {
color: #fff !important;
background: #0ba9d5;
padding: 20px;
border-radius: 5px;
display: inline-block;
border: none;
}

Puede agregar CSS personalizado de forma segura a través del Personalizador de WordPress o un complemento gratuito como Simple CSS.

Recuerde, sin embargo. De manera predeterminada, su botón HTML de clic para llamar será visible para todos los visitantes, incluidos los que se encuentran en computadoras de escritorio.

Si desea cambiar eso, puede usar consultas de medios CSS para mostrar solo el botón en dispositivos móviles. Por ejemplo, este fragmento ocultará el botón en pantallas de más de 600 px de ancho:

@media only screen and (min-width: 600px) {
.call-button {
display: none;
}
}

¡Comience a usar su botón de clic para llamar de WordPress hoy!

Ya sea que use un complemento o su propio HTML personalizado, es fácil crear un botón de clic para llamar en WordPress.

Con su botón en su lugar, será más fácil que nunca para los visitantes móviles ponerse en contacto con usted.

Solo recuerde: las llamadas telefónicas son una carga para los recursos humanos.

Si desea reducir la cantidad de llamadas telefónicas que recibe, crear una base de conocimientos de WordPress o una sección de preguntas frecuentes permite a los visitantes obtener la ayuda que necesitan sin necesidad de asistencia telefónica personalizada. Y eso puede ahorrarle una tonelada de tiempo y esfuerzo.

Aprenda cómo puede comenzar con nuestro complemento Heroic Knowledge Base, el tema KnowAll o el complemento Heroic FAQs.