Cómo añadir un chat de WhatsApp a tu sitio web (soluciones con y sin código)

WhatsApp como chat en tu web
14 de abril de 2023
10
min de lectura
Escrito por
Pim
Un boletín diseñado para ayudarle a crecer
¿Cómo aprovechan su tiempo y sus recursos equipos como el suyo? ¿Cómo consiguen satisfacer a sus clientes? Únase a The Convo y descúbralo.
Vea Trengo en acción
Amplias integraciones
Fácil configuración
Estructura de precios escalable
Más información

WhatsApp es la aplicación de mensajería más popular del mundo. Cuenta con más de 2.000 millones de usuarios activos que utilizan la plataforma para comunicarse con amigos, familiares y empresas. Para las empresas, WhatsApp es el canal ideal para mantener conversaciones personales, accesibles e informales con sus clientes.

Por eso, al introducir WhatsApp como canal en el recorrido del cliente, uno de los primeros pasos es añadir un botón de chat de WhatsApp a tu sitio web. Es fácil de configurar y la mejor manera de mantener la conversación con los visitantes después de que se vayan.

En este artículo, te mostraremos cómo puedes añadir un botón de chat de WhatsApp a tu sitio web.

💡 Reserva una demostración con uno de nuestros expertos en WhatsApp para saber cómo puedes añadir un chat de WhatsApp a tu sitio web en un abrir y cerrar de ojos.

Por qué deberías añadir un webchat de WhatsApp a tu sitio web

Hay cuatro razones principales por las que debería considerar la posibilidad de integrar WhatsApp en su sitio web.

Mantén en contacto con los visitantes después de que abandonen tu sitio web

Cuando un visitante de un sitio web recurre al chat en directo, tu equipo no podrá ponerse en contacto con él después de que se vaya. Y como la paciencia se agota cada día, los clientes tienden a marcharse más rápido que nunca. A menos que tu equipo tenga tiempo para responder al instante durante todo el día (que no es el caso).

Pero cuando un visitante se pone en contacto a través de WhatsApp, obtiene la misma experiencia, sin tener que permanecer en tu sitio web a la espera de una respuesta. Esto les proporciona una mejor experiencia y a tu equipo más tiempo para responder otras consultas.

Evite el abandono del carrito

La gente puede abandonar sus carritos por muchas razones. Tanto si todavía tienen dudas como si simplemente se olvidaron de seguir adelante, a menudo no hace falta más que un empujoncito por WhatsApp para convencerles de que compren.

Cuando alguien tiene dudas sobre la compra de un producto, puede enviarle un mensaje rápido que incluya un artículo similar pero con mejores características. Y esto da a su equipo la oportunidad tanto de convertir a este cliente como de hacer upsell. Hay muy pocas formas de optimizar tu tasa de conversión tan fácilmente como esta.

Añade un toque personal

El chat en directo solía ser informal y personal, pero se ha convertido en un canal de comunicación que muchas empresas tratan del mismo modo que el correo electrónico. Esto hace que resulte menos atractivo para los visitantes del sitio web.

WhatsApp, por otro lado, es una aplicación que todos utilizamos para hablar con nuestros amigos y familiares todos los días. Al insertar tu empresa en ese entorno, construyes automáticamente una relación más personal con tu cliente. Sobre todo si consigues responder con rapidez y utilizar el tono de voz informal adecuado.

Ayúdales con una reserva

Si usted es un proveedor de servicios, puede que no siempre esté claro qué servicio debe reservar un cliente basándose únicamente en su sitio web. Utilizar WhatsApp para las reservas es una forma eficaz y sencilla de ayudar a sus clientes a elegir el servicio adecuado. Es tan sencillo como añadir un botón de chat de WhatsApp en su sitio web.

3 maneras de integrar un chat de WhatsApp en tu sitio web

Hay tres maneras de permitir que sus clientes se pongan en contacto con usted a través de WhatsApp como un chat en su sitio web.

  • Haz clic para chatear
  • Código QR
  • Widget multicanal Trengo

1. Haz clic para chatear

La función click-to-chat permite a los clientes hacer clic en una URL para iniciar directamente un chat con otra persona o empresa a través de WhatsApp. Para ello, no es necesario guardar ningún número de teléfono en el móvil. Con el enlace, basta con abrir un chat y empezar a escribir. Esto funciona tanto para la aplicación de smartphone como para WhatsApp Web.

Con esta función, podrías añadir un enlace de Whatsapp a la página web e hipervincular una frase como "WhatsApp us!" a WhatsApp o crear un botón de chat de WhatsApp. También podrías escribir tu número de teléfono e hipervincularlo.

Obviamente, está bien ofrecer un enlace de clic y chat en tu página de contacto, pero resulta un poco difícil cuando quieres ofrecer WhatsApp en toda tu experiencia de cliente online. Tener que compartir este enlace en cada página hará que tu sitio web parezca desordenado.

Cómo añadir un enlace de WhatsApp a una página web

Para hacer un enlace de clic a chat, tienes que editar este enlace: https://wa.me/[WhatsAppNumber]. Sustituye "WhatsAppNumber" por el número de teléfono que quieras utilizar.

2. Código QR

Tener que añadir un número de teléfono a tus contactos para iniciar una conversación por WhatsApp puede resultar una pérdida de tiempo para tus clientes. Especialmente cuando quieres ofrecer este canal como empresa, no es una forma factible. Piensa en los pasos que tiene que dar un cliente:

  1. Primero, tienen que buscar tu número de teléfono
  2. A continuación, tienen que guardarte como contacto. Esto incluye el nombre de su empresa y su número de teléfono. Si tienen que hacer esto para todas las empresas con las que están en contacto, su lista de contactos puede explotar un día.
  3. Finalmente, el cliente tiene que navegar hasta WhatsApp, buscarte y solo entonces puede iniciar un chat.

Esto no lleva horas. Pero tampoco supone una experiencia impecable para el cliente. Y ese es el objetivo.

Por eso algunas empresas han empezado a crear códigos QR para iniciar una conversación. Lo único que tienen que hacer es crear el código y colocarlo en su sitio web o en material de marketing impreso para que los clientes inicien fácilmente una conversación.

Para crear un código QR de este tipo, primero hay que crear un enlace de clic a chat. Este enlace puede convertirse en un código QR a través de sitios web como Generador de códigos QR o Código QR Monkey.

¿Quieres saber qué siente un cliente al utilizar un código QR? Prueba a iniciar una conversación con nuestra propia cuenta de WhatsApp de Trengo a través de este código QR:

Utilizar un código QR para añadir WhatsApp a su sitio web.

3. Widget multicanal Trengo

Hasta ahora, hemos hablado de dos opciones. No obstante, ninguna de ellas es una verdadera integración de WhatsApp con tu sitio web.

La mejor manera de añadir un icono de chat de WhatsApp en su sitio web es utilizando un widget de chat multicanal, como el que forma parte de la solución WhatsApp Business de Trengo. Porque a través de esta solución, y del widget omnicanal, sus clientes pueden ponerse en contacto con usted a través de un botón de WhatsApp en su sitio web.

Chat de WhatsApp con el widget multicanal de Trengo.
Un ejemplo de Trengo integración de WhatsApp en un sitio web más WhatsApp Business como uno de los canales disponibles.

Otra ventaja importante es que Trengo ofrece la posibilidad de utilizar WhatsApp con varios usuarios  lo que no es posible con la aplicación oficial. Tu equipo puede colaborar fácilmente en conversaciones en una sola cuenta de WhatsApp. En la bandeja de entrada, pueden @etiquetarse entre sí y asignar mensajes a compañeros o equipos específicos.

Añade un botón de WhatsApp a tu sitio web: Código HTML o Google Tag Manager

Una vez que haya empezado a planificar su demostración, puede añadir un widget de chat de WhatsApp a su sitio web de dos formas diferentes:

  1. Pega el script del widget en el código fuente HTML de tu sitio web.
  2. Utiliza Google Tag Manager.

1. Código fuente

1. Ve en Ajustes > Ajustes > Widgets web

2. Selecciona el widget de su sitio web y haga clic en "Instalación".

3.  Copy-paste the code into the source code of every page before the closing </head> tag. You can also add the code to your website source code to add it to all pages at once.

2. Google Tag Manager

1. Navega en Google Tag Manager y seleccione la cuenta en la que desea instalar su widget de WhatsApp

2. Dale clic en "Nueva etiqueta

3. Añade un nombre para el widget de WhatsApp

4. Haz clic en "Configuración de etiquetas", desplácese hasta "Personalizado" y, a continuación, haga clic en "HTML personalizado".

5. Ve a Trengo y recupera el código de instalación del widget de WhatsApp accediendo a Configuración > Configuración > Widgets web > Widget de tu sitio web > Instalación. Copia y pega el código en el campo "Configuración de etiquetas" y activa "Soporte document.write".

6. Añada el activador preferido. Elige "Todas las páginas" si quieres activar el widget de WhatsApp en todas las páginas de tu sitio web.

7. No olvides pulsar "Guardar".

8. Y haz clic en "Enviar". Ya tienes tu widget de WhatsApp en tu página web. 🎉

Cómo integrar WhatsApp en un sitio web WordPress

A menudo nos preguntan cómo las empresas pueden añadir un chat de WhatsApp a su sitio web de WordPress. Con Trengo, el proceso para conseguirlo es fácil. Solo tienes que añadir el código Javascript a la cabecera o al pie de página de tu sitio web WordPress con este plugin.

Recupera el código de instalación en Trengo yendo a Configuración > Web Widgets > Widget de su sitio web > Instalación.

Casos de uso de un widget de WhatsApp en tu web

Marketing y ventas

Las compras en línea son más grandes que nunca. Sin embargo, aún no se acerca a la experiencia de comprar en el mundo real. Por ejemplo, ver y sentir los productos, probarse un par de zapatos nuevos hasta conversar con el personal de la tienda.

Al añadir un widget de WhatsApp a su sitio web, añade un elemento conversacional a la experiencia en línea. Permite a su equipo captar clientes potenciales, asesorar sobre productos e incluso realizar ventas, todo ello de forma personal e informal.

Una vez que el cliente abandona el sitio web, la conversación continúa en WhatsApp. Esta es una gran ventaja de utilizar el chat en directo de WhatsApp frente al chat en directo habitual.

Descubre cómo la empresa automovilística Muntstad capta clientes potenciales a través de WhatsApp desde su sitio web.

Atención al cliente

Los consumidores modernos rehúyen las llamadas telefónicas y los correos electrónicos. Requieren demasiado esfuerzo y tiempo. Cuando tienen una pregunta, prefieren hacerla a través de una aplicación de mensajería o simplemente buscar ellos mismos la respuesta en un centro de ayuda.

WhatsApp es una gran solución para su equipo de atención al cliente. Gracias a la etiqueta informal de WhatsApp, mantienes una conversación personal y auténtica que resulta eficaz tanto para el cliente como para tu equipo.

Cómo automatizar el chat de WhatsApp en tu web

Los clientes esperarán días la respuesta a un correo electrónico. Se sentarán en una fila de espera al teléfono. Por el contrario, cuando usan WhatsApp, esperan respuestas casi instantáneas. Para los equipos de atención al cliente, estas expectativas son a la vez un don y una maldición. Si se cumplen, la satisfacción del cliente se dispara. Pero si fallas, frustras a tus clientes.

Gracias a estas automatizaciones, su equipo podrá mantener la velocidad prevista.

Respuestas rápidas

¿Alguna vez ha recibido preguntas repetitivas? ¿Sobre su horario comercial, existencias, política de devoluciones o métodos de entrega? Por supuesto que sí. Si no automatizas la respuesta a estas preguntas, perderás un tiempo valioso.

Un ejemplo de uso de respuestas rápidas para responder a los chats de WhatsApp a través de su sitio web.
Un ejemplo de respuesta rápida para webchat WhatsApp.

Mediante la creación de mensajes con plantillas, también conocidas como respuestas rápidas, puede automatizar la respuesta a estas preguntas frecuentes. Aquí tienes 15 plantillas que puedes utilizar de inmediato.

Respuestas automáticas de WhatsApp

Al establecer una respuesta automática, tus clientes siempre recibirán una respuesta instantánea con un mensaje precargado. Esto le permite ganar tiempo cuando no puede responder de inmediato y es útil para los usuarios móviles. Esto es especialmente útil fuera del horario comercial.

Cómo añadir un chat de WhatsApp a tu sitio web
Un respuesta automática fuera del horario laboral.

📚 Relacionado: Aquí tienes 8 ejemplos de respuestas automáticas para inspirarte.

Reglas

Si gestionas muchos mensajes entrantes, puede ser difícil mantenerse organizado. Mediante la creación de reglas, puedes automatizar este proceso de organización. En Trengo, también puedes hacer esto para tus conversaciones de WhatsApp.

Ejemplo de regla que automatiza la asignación de una conversación de WhatsApp.
Con esta regla, los mensajes que contienen la palabra "órdenes" se asignan a Anna Davis.

Por otro lado, añade  automáticamente etiquetas a tus conversaciones, asigna las consultas a un miembro del equipo e informar a los clientes sobre la atención.

Chatbots

Si estás listo para pasar al siguiente nivel, mediante Trengo puedes crear un chatbot para el chat de WhatsApp de tu sitio web. Este bot responderá a las preguntas más frecuentes e incluso recopilará clientes potenciales, también fuera del horario de apertura.

Una conversación de chatbot de WhatsApp.
Un bot informa al cliente de los gastos de envío.

Crear un chatbot por ti mismo puedes sonar intimidante. Desde Trengo, tienes la opción de programar un chatbot sin código. Es sencillo y rápido e incluso, es posible testear antes de lanzarlo en tu página.

¿Necesitas una cuenta de WhatsApp Business?

No necesitas necesariamente una cuenta de WhatsApp Business para poner un chat de WhatsApp en tu sitio web. WhatsApp tiene una función llamada"Click to Chat" que permite a los usuarios iniciar un chat contigo sin tener tu número de teléfono guardado en sus contactos. Con Click to Chat, generas un enlace con un mensaje precargado en el que los usuarios pueden hacer clic para iniciar una conversación contigo a través de WhatsApp.

Para implementarlo en su sitio web, sólo tiene que crear un enlace con la API de WhatsApp adecuada, que incluya su número de teléfono y, opcionalmente, un mensaje precargado. Los visitantes de su sitio web pueden hacer clic en este enlace para iniciar un chat con usted a través de WhatsApp.

Pero si lo que busca son funciones e integraciones más avanzadas, como respuestas automáticas, análisis y otras funcionalidades orientadas a los negocios, entonces necesitará una cuenta de WhatsApp Business. Sin embargo, para las funciones básicas de chat en su sitio web, basta con una cuenta de WhatsApp normal.

Añade un chat de WhatsApp a tu sitio web hoy mismo

Una integración de WhatsApp realmente hace la diferencia entre que un visitante abandona tu sitio web hasta alguien que termine comprando. Esto se debe porque tu personal mantiene una conversación en línea con el cliente. Incluso después de que los visitantes se vayan y los clientes potenciales abandonen sus carritos.

Así que empieza añadiendo un chat de WhatsApp a su sitio web hoy mismo con Trengo. Trengo es un proveedor oficial de soluciones de WhatsApp para empresas. Esto significa que podemos tenerlo configurado y listo para funcionar en menos de una hora.

Le mostraremos cómo, solicite una demostración

Más información

Reunámonos

Haga crecer su negocio con la fidelización. Reúna todos los contactos con sus clientes en una única plataforma para satisfacerlos en todo momento.
Solicita una demo