WhatsApp en WordPress, Como implementarlo

por | wordpress | 0 Comentarios

La comunicación rapida y directa con tus clientes o posibles usuarios de tu web es muy importante.

Cuando se tiene una tienda o pagina que vende algo los posibles compradores suelen tener dudas y para resolverlas un correo electrónico es lo mas usado pero a la vez poco practico , ya que es de respuesta lenta y hace que los posibles compradores se lo piensen poniendo en peligro nuestras posibles conversiones.

La mejor opción sin duda es un chat de repuesta rápida donde interactuar al momento resolviendo dudas o aclarando conceptos de una posible compra o curso que vendamos.

Esto genera confianza al usuario y hace que materialice mejor esas posibles compras o contrato de servicios.

Bien! una vez dicho esto cual es el chat mas famoso del mundo y que cualquier persona que disponga de un smart phone tiene instalado, sin duda Whatsapp.

En esta articulo te explicare como implenetar un chat de Whatsapp en tu pagina de wordpress utilizando plugins para el efecto.

Como siempre he pensado que los mejores plugins para WP son los que no utilices por cuestiones de optimización ,también veremos como hacerlo sin estos.

LOS 3 MEJORES PLUGINS PARA WHATSAPP WORDPRESS

CHAT BUTTON BY GETBUTTON.IO (EX. WHATSHELP)

chat button wordpress whatssap plugin

Chat button by GetButton es un plugin sencillo que nos permitirá integrar un botón de chat de varias plataformas con solo insertar un código javascript en nuestro sitio.

Entre otros nos permite integrar Line, Facebook Messenger , Telegram,snapchat, etc…

Dispone de una versión gratuita que con opción de solo dos plataformas y una pago sin limite de chats y ademas mas opciones premium por $2,49 al mes.

Vamos a instalarlo en nuestro WordPress:

Para ello nos  descargamos el plugin  , lo instalamos , activamos y nos mostrara en nuestro panel de admin un acceso a WhatsHelp , pinchamos y veremos estos ajustes:

whatshelp wordpress whatssap plugin

Su instalación se comprende en dos pasos:

Obtención del código desde su web y otro recuadro para pegar dicho código.

Vamos al enlace que nos muestra de su sitio y empezamos eligiendo la app de mensajería que queremos , como este post trata de WhatsApp nos centraremos en este.

Lo marcamos y añadimos un numero de teléfono de la cuenta de whatsapp que queremos que se vincule.

Vamos al paso dos y veremos que las dos opciones primeras son solo para cuenta premium pero podemos configurar si queremos el botón a la derecha o izquierda y un pequeño mensaje al lado.

whatshelp configurar

En todo momento podemos ver una pre-visualización de como va quedando a la izquierda de la ventana.

whatshelp configurar

Seguimos y tenemos otro bloque de opciones para usuarios de pago únicamente.

Si te interesa vincular muchas plataformas no es mala opción hacerte premium por un precio que no esta mal para lo que da de si el plugin.

Por ultimo tenemos que obtener el código que necesitamos para el plugin. Para ello nos piden un correo electrónico (Supongo que para añadirnos a su Newsletter.

whatshelp configurar

Copiamos y vamos a nuestro panel de admin en WordPres y lo pegamos en la segunda opción del plugin.

whatshelp configurar

Guardamos cambios y ya lo tenemos.

Una vez alguien pulse el botón, si se encuentra en un móvil directamente se ejecutara WhatsApp , si es un pc o tablet sin nos dará opción de descargar o abrir WhatsApp Web para iniciar una conversación.

CLICK TO CHAT

click to chat wordpress plugin whatssap

Nuestro siguiente candidato en la lista es Click to Chat un plugin sencillo con bastantes opciones de apariencia y totalmente gratuito-

Para empezar como siempre lo descargamos , instalamos y activamos , vamos a sus opciones y nos encontramos con un primer bloque de opciones:

click to cha configurar

Donde tenemos que añadir nuestro teléfono que queremos que utilice el chat.

Una segunda de mensaje pre carga que sera el primer mensaje que nos mostrara en el WhatsApp del usuario y para que nosotros sepamos de donde procede podemos utilizar placeholders de texto con la url de la pagina actual o el titulo agregándolo entre dobles llaves , algo así {{url}} o {{title}}.

La tercera es un mensaje de llamada a la acción que solo lo podremos ver segun el estylo que escojamos en las opciones siguientes.

Las siguientes son para el estilo del botón en escritorio y en dispositivos móviles , podemos ver los estilos que hay en un enlace que nos muestra de su web.

Luego posición del botón derecha o izquierda con ajuste de pixeles para una mejor adaptación a nuestro tema.

click to cha configurar

La siguiente opción Web Whatssapp On Desktop nos dice que en escritorio ejecute directamente WhatsApp Web , es una opción que hay que marcar.

Show Hide es un bloque de opciones donde podemos especificar donde mostrara el botón del chat , en que paginas , categorías , solo móviles o solo escritorio , por identificador de publicación , un filtro muy completo con todas las opciones posibles.

Enable Chat Features, como la palabra indica habilitar características del chat.

click to cha configurar

Nos da opciones nuevas en el panel de admin según las marquemos , por ejemplo podemos habilitar usar grupos de WhatsApp para chatear en un grupo previamente creado o compartir archivos y esto tendrá su pagina de opciones que debemos cumplimentar.

click to cha configurar

También podemos registrar los click si disponemos de Google o Facebook analytic siempre que los tengamos instalados.

Con esto ya tienes una guía para empezar con esta gran opción.

VVAME CHAT

Esta es la propuesta que a mi mas me gusta porque se adapta mas a mis necesidades y por consiguiente es la que tengo yo en mi pagina.

wAme chat es de fácil configuración y ademas es gratuita al 90% , ya que la versión de pago solo nos proporciona la opción de añadir varios contactos a la vez.

Una vez instalado las opciones son muy intuitivas y no requieren de mucha explicación.

wAme chat wordpress whatsapp configuracion

Nos permite utilizar un solo numero de teléfono en la versión gratuita y opción de acceder a la premium mediante los enlaces que nos da.

En Mensaje podemos introducir un texto que sera el primer mensaje del chat.

Después tenemos opción si queremos mostrar solo en dispositivo móviles , posición del botón y elección de una imagen que alternara con el icono de WhatsApp.

wAme chat wordpress whatsapp configuracion

Lo siguiente seria el tooltip que es el mensaje que se muestra al pasar el ratón por el icono.

Un retardo en segundos para que se muestre el botón , siempre queda bien dar un tiempo antes de añadir elementos intrusivos en tu web como este.

«Abrir WhatsApp web en el escritorio» , queda muy bien explicado.

Ahora le toca customizar la ventana inicial que se muestra cuando hacemos click en el icono.

wAme chat screen

Un mensaje inicial de bienvenida y otro para el botón de inicio del chat.

Ya casi estamos un retardo para la ventana en cuestión ( yo le pongo 5 segundos), mostrar globo …. es una opción que no he entendido bien a día de hoy porque no genera ningún cambio las marques o no.

Si tu tema es oscuro o no selecciona la siguiente opción , aunque tampoco se nota mucho el cambio.

Con esto ya están las opciones principales , pero tenemos otra pestaña «Avanzado» donde podremos elegir en que paginas , categorías , etc… queremos que se muestre o no el botón.

Aunque estas son las tres opciones que yo he testado y mas me gustan, tienes otras opciones en el repositorio como :

Y muchos mas , ademas te daré enlace aun chat muy bueno que no tiene nada que ver con WhatsApp pero lo puedes integrar en tu web y tener conversaciones desde tu teléfono con muy buenos resultados , se trata de Tawk.To Live Chat una maravilla , prueba lo.

COMO HACERLO SIN PLUGINS.

WhatsApp nos proporciona la funcionalidad click to chat para que desde una url puedas iniciar conversación en su aplicación independientemente si la ejecutas en un móvil o en una web de escritorio.

La sintaxis de esta seria algo así:

https://wa.me/numerodetelefono/?text=textodemesajecodificado

Para ello debemos usar un parametro obligatorio que seria el telefono:

El formato debe ser todo junto sin caracteres especiales ni nada algo así:

Usar esto : https://wa.me/15551234567
No esto :https://wa.me/+001-(555)1234567

Despues como segundo parametro en la url podemos usar un texto para iniciar la conversacion

el texto debe de estar codificado .

imaginemos que queremos que el mensaje sea «Estoy interesado en tu producto» ,entonces nuestra url seria así:

https://wa.me/15551234567?text=hola%20estoy%20intersado%20en%20tu%20producto

Si no sabes como codificar el texto para una url puedes utilizar algún servicio web que hay por la red como por ejemplo urlencoder.io.

Ya tenemos nuestra url, vamos a crear un enlace que no iniciara un chat en WhatsApp en cualquier parte de nuestro contenido , por ejemplo así:

Si te interesan mis productos contacta conmigo

Si te interesan mis productos contacta conmigo.

Aun hay mas , crea tu enlace con un botón de WhatsApp , de esta manera.

<a href="https://wa.me/15551234567?text=hola%20estoy%20intersado%20en%20tu%20producto"><img width="100" height="100" src="https://img.icons8.com/color/480/whatsapp.png"></a>

CONCLUSIÓN:

Hemos visto varias formas de poder comunicar con nuestros usuarios mediante la aplicación de chat mas usada del mundo.

Aunque el utilizar plugins no es malo , yo personalmente siempre recomiendo utilizar los menos posibles en nuestras instalaciones ( la velocidad de tu web te lo agradecera. ) por eso del ultimo aparado sin plugins.

Si tienes dudas con cualquier plugin de los comentados o quieres algun tutorial sobre wordpress , dejamelo en los comentarios.

Un saludo.

J.Rafael Simarro

J.Rafael Simarro

Desarrollador WordPress , entusiasta de la tecnología y todo lo relacionado con el diseño web. Últimamente muy enfocado en el tema Divi como primera herramienta de diseño , he probado muchas y Divi se lleva la palma.

0 comentarios

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Share This