Cómo integrar WhatsApp en su sitio web de WordPress

En julio de 2017, WhatsApp anunció oficialmente que más de mil millones de personas usan WhatsApp todos los días . Sí, eso es mil millones con una B. Esos usuarios también envían más de 55 mil millones de mensajes ... todos los días . Con una integración de WhatsApp con WordPress, puede comenzar a hacer que su sitio web forme parte de esos miles de millones de mensajes.

Además, WhatsApp ya no es solo para teléfonos: ahora hay aplicaciones tanto para Mac como para Windows que han convertido a WhatsApp en una plataforma oficialmente multiplataforma.

En esta publicación, le enseñaré algunas formas diferentes en las que puede integrar WhatsApp en WordPress. Si bien no hay una gran variedad de opciones, existen algunas formas en las que puede integrar WhatsApp que van más allá del simple intercambio social.

Lo mejor de todo es que todos los complementos o soluciones que describiré son 100% gratuitos. Vamos a sumergirnos ...

¿Cuáles son las formas en que puede integrar WhatsApp en WordPress?

Hay un par de formas diferentes de configurar una integración de WhatsApp con WordPress.

Primero, puede implementar un botón básico que permite a los usuarios compartir sus publicaciones a través de WhatsApp. Te mostraré dos formas de implementar esto a través de:

• Una barra de acciones flotante
• Un botón dedicado de WhatsApp

Además de estos dos métodos, muchos complementos para compartir en redes sociales de servicio completo también son compatibles con WhatsApp. Debido a que ya hemos escrito sobre complementos para compartir en redes sociales y dichos complementos no son específicos de WhatsApp, no mostraré este método.

Sin embargo, más allá de compartir en redes sociales, también puede usar WhatsApp para ofrecer apoyo a sus visitantes permitiéndoles iniciar fácilmente una conversación con usted a través de WhatsApp.

Obviamente, esto no es para todos los sitios web, pero es una excelente solución para sitios web orientados a los negocios porque le permite continuar la conversación incluso después de que alguien abandone su sitio.

Le mostraré cómo permitir que los visitantes le envíen un mensaje de WhatsApp a través de:

• Un complemento gratuito
• La API de WhatsApp real

Cómo agregar un botón flotante para compartir de WhatsApp a su sitio móvil

Para esta primera opción, aprenderá cómo agregar una barra flotante para compartir de WhatsApp a la versión móvil de su sitio.

Busqué algunos complementos diferentes y encontré el complemento gratuito KN Mobile ShareBar. Además de WhatsApp, también agrega botones de Facebook y Twitter. Desafortunadamente, no parece haber una manera de deshabilitar eso sin profundizar en el código del complemento.

Una vez que instale y active el complemento, sus botones se activan automáticamente:

Cuando un visitante toca el botón de WhatsApp, se lo llevará directamente a compartir la publicación a través de la API de WhatsApp, con un mensaje precargado:

API de WhatsApp

Puede personalizar el mensaje precargado a través de la configuración del complemento. Para hacerlo, diríjase a Configuración → KN Mobile Sharebar y edite el cuadro de texto de Whatsapp :

Tenga en cuenta que puede usar los códigos cortos para insertar información dinámica para el título y la URL de la publicación.

¡Y eso es todo! Solo recuerde que estos botones para compartir solo aparecerán para los usuarios de dispositivos móviles. Además, si ya está utilizando un complemento para compartir en redes sociales, definitivamente debe probar cualquier problema de compatibilidad potencial en la versión móvil de su sitio.

Cómo agregar un botón dedicado de WhatsApp a un dispositivo móvil

Si desea una solución que esté completamente dedicada a WhatsApp, puede usar el complemento gratuito Share Post On WhatsApp. Solo tenga en cuenta que perderá esa funcionalidad de barra flotante ordenada del complemento anterior.

El complemento es súper simple: una vez que lo instale y active, todo lo que necesita hacer es ir a Configuración → Compartir publicación en WhatsApp para habilitar el botón Compartir de WhatsApp:

Cuando un usuario móvil hace clic en el botón, se le pedirá que abra la aplicación de WhatsApp real ( verificado que funciona en mi iPhone 6 ).

El único inconveniente es que el complemento aparecerá tanto en la versión de escritorio como en la versión móvil de su sitio, a pesar de que el botón solo funciona en dispositivos móviles:

Para solucionarlo, puede utilizar CSS y consultas de medios. Logré ocultarlo en la versión de escritorio de mi sitio usando algo como:

@media screen and (min-width:667px) {
.share-to-whatsapp-wrapper {
display:none;
}
}

Otro complemento gratuito que oculta automáticamente el botón para los usuarios de escritorio es el botón Compartir de WhatsApp de Alex Moss. Sin embargo, el complemento no se ha actualizado en tres años, lo que me hace dudar en recomendarlo. Sin embargo, pareció funcionar cuando lo ejecuté a través de algunas pruebas básicas.

Cómo agregar WhatsApp Live Chat a WordPress

Más allá del intercambio social, otra buena integración de WhatsApp con WordPress es usar WhatsApp para hablar con sus visitantes a través de un chat pseudo-en vivo.

Digo "pseudo" porque el botón de chat en vivo solo inicia el chat. Una vez que se inicia el chat, deberá continuar a través de la interfaz de WhatsApp.

Para agregar un botón de chat de WhatsApp a WordPress, me gusta el complemento gratuito Botón de chat de WhatsHelp.

Una vez que instale y active el complemento, debe dirigirse a esta página externa para generar realmente el código de su botón:

En esa página, asegúrese de seleccionar WhatsApp como su aplicación de mensajería y complete el resto de la información. Puede ver una vista previa en vivo en la parte inferior derecha:

Una vez que haya terminado, ingrese su correo electrónico en la parte inferior y haga clic en Obtener código de botón . Luego, pegue ese código en la pestaña WhatsHelp en su panel de WordPress:

Una vez que guarde sus cambios, debería ver su botón de chat de WhatsApp en la versión en vivo de su sitio:

Cómo crear su propia solución con la API de WhatsApp

Si ninguno de los complementos anteriores lo hace por usted, también puede crear su propio botón personalizado utilizando la API de WhatsApp.

Todo lo que necesita hacer es usar su botón para enviar tráfico a esta URL:

https://api.whatsapp.com/send?phone=PHONENUMBERHERE&text=ENCODEDTEXTHERE

Por ejemplo, creando un botón Enviar mensaje que se vincule aquí:

https://api.whatsapp.com/send?phone=123456789&text=This%20is%20a%20message

Envía un mensaje de chat de WhatsApp a "123456789" con el mensaje "Este es un mensaje":

Si tiene dificultades para codificar texto, puede usar una herramienta como esta.

Debido a que todo lo que necesita hacer es enviar a las personas a un enlace con este método, tiene mucha flexibilidad para implementarlo. Incluso puede usarlo en un módulo Divi si lo desea.

Terminando las cosas

WhatsApp es una herramienta enormemente popular: los números hablan por sí mismos. Con su expansión a aplicaciones web y móviles, WhatsApp también es multiplataforma.

Al integrar WhatsApp en WordPress, puede permitir que los miles de millones de usuarios del servicio se conecten con usted y / o compartan su contenido a través de WhatsApp.

Si ya está utilizando un complemento de botón para compartir en redes sociales, es posible que pueda agregar botones para compartir de WhatsApp a través de él. De lo contrario, puede usar una de las dos soluciones descritas para agregar botones para compartir de WhatsApp a WordPress.

Sin embargo, más allá de compartir, también puede usar WhatsHelp o la API de WhatsApp para permitir que sus visitantes envíen mensajes directamente a su propio número de WhatsApp.

Ahora le toca a usted: ¿cree que los botones de chat de WhatsApp son una alternativa / adición viable al chat en vivo? Dada la popularidad de WhatsApp, parece una opción interesante, dependiendo de su grupo demográfico específico.

Imagen en miniatura del artículo por x9626 / shutterstock.com