Cómo hacerlo

Añadir Facebook Messenger al sitio web: Una guía de widgets de mensajería [marzo de 2023].

Gerardo Salandra
Consejero Delegado, Respond.io
3 de agosto de 2022

¿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.

Esta es una foto de Facebook Messenger Widget. Facebook Messenger Widget (también conocido como Facebook Chat Plugin) es un plugin para sitios web que permite a los visitantes de tu sitio web chatear con tu página de Facebook a través de Messenger. Si estás en lugares como el Reino Unido (RU), Estados Unidos (EE.UU.), India o Filipinas, considera Messenger como el plugin de chat por excelencia.
Para el último plugin de chat, instale Messenger widget en el sitio web

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.

Todas tus conversaciones del widget de mensajería se guardarán en la bandeja de entrada de Facebook. Esta es una ventaja cuando añades Facebook Messenger a tu sitio web.
Guarde la información de contacto y el historial de chat cuando añada Messenger a la página web

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.

Esta es una imagen que muestra que Facebook Messenger tiene mayores tasas de apertura y clics que el correo electrónico. Ahora que la gente puede enviarte mensajes fácilmente a través de Facebook mediante el chat de clientes de Facebook, 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 mensajes por Messenger, que tiene una tasa de apertura del 92%.
Añade el plugin de chat de Facebook: Facebook Messenger tiene mayores índices de participación que el correo electrónico.

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.

Esta es una imagen con un widget de Facebook Messenger con un botón de Modo Invitado. Facebook introdujo el Modo Invitado en 2020, permitiendo a los clientes chatear con las empresas a través del widget de Messenger sin necesidad de iniciar sesión en su cuenta de Facebook. Para acceder al Modo Invitado, basta con tocar Continuar como invitado. Este es el tipo de flexibilidad que hace de Facebook Messenger el plugin de chat por excelencia en lugares como Reino Unido, Estados Unidos, India, Filipinas y más.
Facebook Messenger Widget con modo invitado

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:

  1. Vaya a Meta Business Suite y abra su bandeja de entrada.
  2. Haga clic en el icono Configuración y seleccione Ver toda la configuración
  3. Seleccione el plugin de chat
  4. 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.

Esta es una imagen que muestra cómo generar un Messenger Widget Code en Facebook Business Suite Inbox. Haga clic en el botón azul Set Up para comenzar a instalar su plugin de chat Facebook .
Facebook Plugin de chat en Meta Business Suite

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.

Esta es una imagen que muestra cómo generar un código de widget Messenger en Facebook Business Suite Inbox. Seleccione el constructor de sitios en el que desea instalar el widget Messenger .
Seleccione su creador de sitios web si está en la lista o seleccione Estándar

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

Esta es una imagen que muestra cómo generar un código de widget de Messenger en la bandeja de entrada de Facebook Business Suite. Selecciona el idioma en el que deseas que aparezca el widget Facebook Messenger , como inglés americano para Estados Unidos (EE. UU.) o inglés británico.
Seleccione el idioma

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.

Esta es una imagen que muestra cómo generar un código de widget de Messenger en la bandeja de entrada de Facebook Business Suite. Después de añadir tu idioma, por ejemplo, inglés americano (US), añade el dominio del sitio web en el que deseas que aparezca el widget Facebook Messenger .
Añadir el dominio del sitio web

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

Esta imagen muestra cómo añadir Facebook Messenger a la página web. Haga clic en Copiar código y luego haga clic en Siguiente.
Copie el código

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.

Esta imagen muestra cómo añadir Messenger a la página web. Pegue el código en su sitio web. Aprenda cómo agregar este código a Wordpress, Wix, Shopify y Squarespace.
Pegue el fragmento de código del plugin en su sitio web

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.

Esta es una imagen que muestra cómo desactivar el Modo Invitado de un Widget de Facebook Messenger . Desactive el conmutador de Chat Invitado para desactivar el Modo Invitado. Puede encontrar la palanca en Personalizar su plugin de chat.
Desactivar el modo invitado

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.

Esta es una imagen que muestra cómo configurar el widget Messenger .
Respond.io El widget de sitio web omnicanal admite una amplia gama de Canales

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.

Este es un gif que muestra cómo seleccionar una cuenta para crear un widget.
Facebook widget de mensajería instantánea para sitio web: Seleccione la cuenta Messenger para la que desea crear un 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.

Esta es una imagen que muestra cómo ahora puede 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 sólo está disponible para los suscriptores del plan Business o los usuarios del plan Pro, para aquellos con planes heredados. Si te encuentras en un lugar donde Messenger es el plugin de chat por excelencia, como Reino Unido, Estados Unidos, India o Filipinas, añádelo a tu sitio WordPress .
WordPress Los suscriptores Pro o Business pueden instalar directamente el plugin de chat Facebook

Para instalar el plugin de chat Facebook en WordPress, siga estas instrucciones:

  1. Busque Facebook Chat Plugin y selecciónelo.
  2. Haga clic en Instalar ahora.
  3. Haga clic en Activar.
  4. Busque la pestaña que dice Chat del cliente. Ve a la sección Primeros pasos y haz clic en Editar complemento de chat.
  5. 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.

Una vez que tengas listo el código del plugin de chat Facebook puedes añadir el plugin de encabezados y pies de página a tu wordpress.
Añadir un plugin de cabecera y pie de página

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

Una vez que haya añadido el plugin de encabezados y pies de página, navegue hasta él.
Cómo integrar Facebook Messenger en el sitio web: Abra la consola de cabecera y pie de página

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

Ahora pegue el código del plugin Facebook Customer Chat en el pie de página de su sitio web wordpress.
Cómo integrar Facebook Messenger en el sitio web: Añadir el script a la consola de cabecera y 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.

Ahora que ya tienes listo el código de tu widget Facebook Messenger , navega hasta Custom Code dentro de Wix.
Añade el código del widget Messenger a Wix

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.

Tome el script de su plugin Facebook Chat y péguelo dentro del diálogo de código personalizado.
Rellene el formulario de código personalizado

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

Ahora el widget Facebook Messenger aparecerá en tu Wix Website.
Su nuevo Facebook Chat Plugin está instalado

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.

Una vez que tengas listo el script del plugin de chat para clientes Facebook , navega a tus temas de Shopify y edita el código. Esto vale la pena hacerlo si está utilizando Shopify en un país donde Messenger es popular, como la India, Filipinas, el Reino Unido (UK) o los Estados Unidos (US).
Shopify Messenger chatear: Edite el código de su tienda online

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

Toma el código del widget Facebook Messenger y añádelo en la sección footer.liquid de tu sitio web de Spotify.
Shopify Messenger chatear: Añadir el script

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.

Una vez que tengas listo el código de tu widget Facebook Messenger inicia sesión en squarespace para comenzar el proceso de instalación.
Abra la configuración de su sitio

2. Vaya a Configuración avanzada.

Hay formas de Añadir Facebook Messenger a su Sitio Web. Para integrar Facebook Messenger en su sitio web Squarespace , abra la configuración avanzada. Esta es la forma de Agregar Facebook Messenger a su Sitio Web.
Abrir la configuración avanzada

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

Hay maneras de Añadir Facebook Messenger a Su Sitio Web. Para Integrar Facebook Messenger En Su Sitio Web Squarespace Abra Inyección De Código. Esta es la forma de agregar Facebook Messenger a su sitio web.
Inyección de código abierto

4. Pegue el script Facebook Messenger Widget.

Hay maneras de Añadir Facebook Messenger a Su Sitio Web. Para Integrar Facebook Messenger En Su Sitio Web Squarespace Agregue El Script. Esta es la forma de agregar Facebook Messenger a su sitio web.
Añadir el script

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:

Etiquetas
Copiado al portapapeles

¿Listo para empezar?

¡Gracias! Lo redirigiremos al formulario de inscripción.
¡Vaya! Algo salió mal. Actualice tu navegador e inténtelo de nuevo.
¡Gracias! Recibimos su envío.
¡Vaya! Algo salió mal al enviar el formulario.
Pruebe gratis por 14 días