¿Buscas el plugin de chat definitivo? Si los visitantes de tu web son ávidos usuarios de Messenger, añade un widget de Facebook Messenger a tu sitio web. En esta entrada de blog, te mostraremos cómo añadir Facebook Messenger a un sitio web, así como dónde añadir el plugin de chat de Facebook en creadores de sitios web como WordPress, Wix y Shopify.

¿Qué es un widget Facebook Messenger ?
El widget Facebook Messenger widget (o plugin de chat de Facebook) es un plugin para sitios web que permite a los visitantes chatear con tu página de Facebook a través de Messenger. Al ser uno de losprincipales canales de mensajería del mundo, los clientes tienden naturalmente a chatear a través de Messenger.

Cuando los visitantes del sitio web envían una consulta a través del widget, puede responder a través de la bandeja de entrada deMeta Business Suite. Esto es suficiente para las empresas que reciben un volumen bajo o medio de mensajes y confían en Facebook Messenger para la comunicación con los clientes.
Las empresas que manejan grandes volúmenes de conversaciones o chatean con clientes a través de múltiples canales deberían utilizar una bandeja de entrada de mensajería omnicanal como respond.io. Además de agilizar todas las conversaciones en una única bandeja de entrada, ofrece ventajas adicionales como automatización y análisis avanzados.
Por qué usar Messenger Widget: Facebook Chat Plugin Ventajas
Si utilizas Facebook Messenger para ofrecer atención al cliente o impulsar las ventas, ya sabes lo eficaz que es esta plataforma. Una de las principales razones para utilizar el chat web de Facebook es su capacidad para crear conversaciones persistentes y crear una lista de contactos.
Facebook El plugin de chat crea un compromiso constante y consistente
Con los chats de sitios web tradicionales, perderás a los usuarios para siempre una vez que abandonen tu sitio web. Su única esperanza de continuar la conversación es que vuelvan a su sitio. Esto ya no es así cuando añades Messenger a tu sitio web.
En primer lugar, el widget Messenger es la herramienta más rápida para que sus clientes puedan ponerse en contacto con usted y resolver sus dudas. Garantiza que los clientes puedan dirigirse a usted al instante y sin esfuerzo en un mensajero familiar y cómodo.

También permite la comunicación personal directamente en su sitio web para ofrecer asistencia técnica, consulta de productos, asistencia para pedidos o reservas y mucho más. Los clientes pueden ponerse en contacto con usted mientras el interés es alto para impulsar las conversiones de ventas.
Al añadir el chat de Facebook al sitio web, el historial de chat de un contacto se guarda en la bandeja de entrada de Meta Business Suite. Esto significa que puede reanudar una conversación con un usuario que chateó con usted en Messenger incluso después de que haya abandonado su sitio web.
Además de la conversación, también podrás ver parte de la información básica de su perfil, como su nombre, foto, fecha de nacimiento y ubicación. Esto te ayudará a atender al cliente mejor de lo que podría hacerlo cualquier chat en directo y a establecer una relación con él a lo largo del tiempo.
Añada Messenger a su sitio web para crear una lista de contactos en Facebook Messenger
Ahora que la gente puede enviarte mensajes fácilmente a través de Facebook utilizando Facebook Customer Chat, se añadirán a tu lista de contactos para siempre.

Puedes pensar en una lista de suscriptores de Facebook Messenger del mismo modo que en una lista de suscriptores de correo electrónico. Utilízala como un nuevo canal de comunicación con tu audiencia o incluso para enviar difusiones por Messenger, que tienen una asombrosa tasa de apertura del 92%.
El widget de Messenger es sólo una forma de crear una lista de suscriptores en Facebook Messenger . Hay varias formas de hacer crecer tus contactos de Messenger, incluyendo Facebook Comment Auto Reply o respuestas privadas, Click to Messenger ads o enlaces y Facebook QR codes.
Los clientes tienen que haber iniciado sesión en sus cuentas de Facebook para ser añadidos a tu lista de contactos. No puedes añadir clientes que te envíen mensajes en Modo Invitado. Sigue leyendo para saber si quieres activar o desactivar el Modo Invitado cuando añadas el chat de Facebook a un sitio web.
Facebook Plugin de chat: Modo Invitado
Facebook introdujo el Modo Invitado en 2020 para permitir a los clientes chatear con las empresas a través del widget Messenger sin necesidad de iniciar sesión en su cuenta de Facebook . Para acceder al modo Invitado, basta con pulsar Continuar como invitado antes de iniciar una conversación.
El modo Invitado ofrece a los clientes la posibilidad de chatear con una empresa de forma anónima. Pero esta función tiene algunos inconvenientes para las empresas.

Para empezar, el modo Invitado impide a las empresas establecer conexiones duraderas con los clientes. Las empresas no pueden reabrir conversaciones con invitados una vez que estos terminan el chat o 24 horas después del inicio de la conversación, lo que ocurra primero.
También es imposible ofrecer una experiencia de cliente personalizada en el modo Invitado, ya que no se puede acceder a ninguna información del cliente. Quienes chateen contigo en el modo Invitado verán su nombre como Invitado, seguido de una breve cadena numérica.
Afortunadamente, puedes desactivar el Modo Invitado durante el proceso de configuración del widget. Sigue leyendo para saber cómo.
Cómo configurar el widget Facebook Messenger : Creación de un código de widget
En primer lugar, hablemos del proceso de configuración del widget de Messenger. Para añadir Facebook Messenger a un sitio web, necesitas hacer estos dos pasos en secuencia:
- Crear un código de widget Facebook Messenger
- Añada el código del widget Messenger a su sitio web
Puede generar un código de widget Messenger en Meta Business Suite o respond.io. Aunque ambas plataformas sirven para lo mismo, ofrecen funciones diferentes.
Meta Business Suite le da la opción de desactivar el Modo Invitado. Las empresas B2C deberían optar por esta opción, ya que desactivar el Modo Invitado les permite captar clientes potenciales, ofrecer una experiencia de cliente personalizada y volver a captar clientes después de que abandonen el sitio web.
Dicho esto, desactivar el Modo Invitado puede alejar a los compradores B2B que desean permanecer en el anonimato. Si usted es una empresa B2B que necesita tener activado el Modo Invitado, le recomendamos que configure su plugin de chat Facebook a través de respond.io.
No sólo puede automatizar saludos o mensajes de despedida y procesos como el enrutamiento del chat o la asignación de contactos, respond.io le permite añadir un código de referencia a un widget de Messenger para identificar de dónde proceden los contactos. Las grandes empresas deberían considerar esta opción.
Generación de un código de widget Messenger en Meta Business Suite
A continuación te explicamos cómo añadir Facebook Messenger a cualquier sitio web utilizando Meta Business Suite. Desde tu página de Facebook:
- Vaya a Meta Business Suite y abra su bandeja de entrada.
- Haga clic en el icono Configuración y seleccione Ver toda la configuración
- Seleccione el plugin de chat
- Haga clic en Configurar
Para adaptar la funcionalidad de tu widget a tus necesidades, selecciona la automatización y las personalizaciones que desees de la lista antes de hacer clic en Configurar. A continuación, seleccione el método de configuración que desea utilizar para generar el código del widget Messenger .
1. Haga clic en el botón azul Configurar.

2. Seleccione el método de configuración del plugin de chat Facebook que desee utilizar. Si ves el constructor de tu sitio en la lista, selecciónalo. De lo contrario, seleccione Estándar.

3. Seleccione su idioma preferido para el plugin de chat. A continuación, haga clic en Guardar y continuar.

4. Añada el dominio de todos los sitios web en los que desea que aparezca el plugin de chat. Asegúrate de que el dominio pegado en el generador de código no incluye una página. 5. Haz clic en Guardar y continuar cuando hayas terminado.

5. Haga clic en el botón Copiar código para copiar el código. A continuación, haz clic en Siguiente.

6. Pega el fragmento de código en tu sitio web. Más abajo, le mostraremos brevemente dónde añadir este código a WordPress, Wix, Shopify y Squarespace.

Haz clic en Finalizar cuando hayas terminado. Tu widget Messenger ya está listo para usarse. Opcionalmente, puedes desactivar el Modo Invitado para tu widget Messenger .
6. Desactiva el conmutador de Chat Invitado para desactivar el Modo Invitado. Puedes encontrar el conmutador en Personalizar tu plugin de chat.

A continuación, haga clic en Publicar para que se apliquen los cambios. ¡Y así es como se instala Facebook Messenger en el chat del sitio web! Como alternativa, puedes crear un código de widget de Messenger en respond.io.
Generación de un código de widget Messenger en respond.io
El proceso para configurar un widget Facebook Messenger es sencillo y puede hacerse rápidamente siguiendo estos pasos.

Para empezar, ve a Configuración > Widgets de crecimiento. A continuación, haga clic en Añadir widget y seleccione Facebook Widget antes de hacer clic en Crear widget.
A continuación, introduce los sitios web en los que deseas añadir el widget de chat y selecciona la cuenta para la que deseas crear el widget.

Puedes añadir un texto precargado o personalizar el aspecto del widget haciendo clic en los botones de Configuración avanzada. Por último, haz clic en Generar widget, copia el script generado e instálalo en tu sitio web.
Si quiere conectar con sus clientes a través de varios canales, un widget omnicanal puede ayudarle. También puede optar por añadir un widget de chat a su sitio web.
Ahora que ha configurado correctamente su widget Messenger , el siguiente paso es instalar el código generado en su sitio web. A continuación te guiaremos en el proceso de instalación.
Cómo añadir Messenger al sitio web mediante códigos widget
Navegar por tu CMS para añadir un plugin de chat puede ser confuso. A continuación, encontrarás las instrucciones para instalar el código del widget de Messenger en creadores de sitios populares como WordPress, Wix, Shopify y Squarespace.
Cómo añadir el código del widget Facebook Messenger a un sitio WordPress
Ahora puedes instalar un plugin de Messenger en Meta directamente desde la pestaña Plugins de la barra lateral. Aunque el plugin en sí es gratuito, la instalación solo está disponible para los suscriptores del plan Business o los usuarios del plan Pro, en el caso de los planes heredados.

Para instalar el plugin de chat Facebook en WordPress, siga estas instrucciones:
- Busque Facebook Chat Plugin y selecciónelo.
- Haga clic en Instalar ahora.
- Haga clic en Activar.
- Busque la pestaña que dice Chat del cliente. Ve a la sección Primeros pasos y haz clic en Editar complemento de chat.
- Personaliza tu plugin de chat y completa la configuración.
También puede integrar Messenger en un sitio WordPress utilizando el código del widget Messenger . Esto también requiere atravesar el muro de pago. Hay varias formas de añadir un código de widget Messenger a WordPress, incluida la instalación de un plugin de encabezado y pie de página.
1. Añada el plugin de cabecera y pie de página de su elección desde la página Plugins.

2. Vaya a Encabezados y pies de página.

3. Añada el script del widget Facebook Messenger al pie de página.

Ha añadido Facebook Messenger Live Chat a su sitio web WordPress .
Cómo añadir el código del plugin de chat Facebook a un Wix Website
¿Qué pasa si quieres añadir un chat en vivo a un sitio web Wix? Una vez que hayas generado un script de widget Facebook Messenger , sigue los siguientes pasos para agregarlo a tu sitio web Wix. Ten en cuenta que necesitarás una suscripción de pago para acceder a esta función.
1. Vaya a Ajustes > Ajustes avanzados > Código personalizado.

2. Pega el código del widget Facebook Messenger y selecciona las páginas donde quieres que se aplique el código. Asegúrate de colocar el código en Body - end.

Ahora has añadido Facebook Chat Plugin a tu sitio web Wix.

Cómo añadir el widget de chat Facebook a Shopify
Una vez que tengas el script Facebook Chat Plugin, sigue estos pasos para que puedas integrar Facebook Messenger en un sitio web Shopify .
1. Navegue hasta Tienda Online y edite el código.

2. Abra la sección footer.liquid y pegue el script Facebook Messenger Widget.

Ha añadido el plugin de chat Facebook en su sitio web Shopify .
Cómo añadir el código del widget Facebook Messenger a Squarespace
Una vez que tenga el script Facebook Chat Plugin, es hora de incrustar Messenger en un sitio web Squarespace .
1. Inicie sesión en Squarespace, seleccione su sitio y abra Configuración.

2. Vaya a Configuración avanzada.

3. Vaya a Inyección de código.

4. Pegue el script Facebook Messenger Widget.

Ha añadido el chat en directo Facebook Messenger a su sitio web.
Te hemos mostrado cómo crear el código de tu widget de chat Facebook e instalar el plugin de chat Facebook en algunos de los creadores de sitios más populares. ¿Quieres chatear con tus clientes en el widget Messenger y en otros canales, así como acceder a sus datos de contacto y a su historial de chat en una bandeja de entrada centralizada? Regístrese ahora para obtener una cuenta en respond.io .

Lecturas complementarias
Y así es como consigues un widget de Messenger para añadir Facebook Messenger a tu sitio web. Si te ha gustado leer cómo hacer crecer tu negocio con el plugin de chat definitivo, aprende más sobre mensajería instantánea para empresas con estas entradas del blog:
- Cómo utilizar la integración de WhatsApp con el sitio web
- La guía definitiva para Telegram Business
- Guía definitiva de Viber para empresas