How To Article

Añadir Facebook Messenger al sitio web: Guía de Messenger [abril de 2024]

Gerardo Salandra
Gerardo Salandra
· 08 Apr 2024
13 min de lectura
Añadir Facebook Messenger al sitio web: Guía de Messenger [Apr 2024]

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

¿Qué es un Widget de Facebook Messenger?

El widget Facebook Messenger es un plugin web que permite a los visitantes del sitio chatear con su página de Facebook a través de Messenger. Como uno de los mundoss mejores canales de mensajería, muchos clientes están naturalmente inclinados a chatear a través de Messenger.

Esta es una imagen de Facebook Messenger Widget. Facebook Messenger Widget (también conocido como Facebook Chat Plugin) es un plugin de sitio 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 (Reino Unido), los Estados Unidos (Estados Unidos), la India o las Filipinas, considera Messenger como el último plugin de chat.

Cuando los visitantes del sitio web envían una consulta a través del widget, puede responder a través de la buzón de entrada de la Suite Meta. Esto es suficiente para empresas que reciben volúmenes bajos o medios de mensajes y confían en Facebook Messenger para la comunicación con los clientes.

No confunda el widget de Facebook Messenger con el plugin de chat de Facebook. Si bien es similar en algunos aspectos, el plugin de chat de Facebook ya no está disponible a partir del 9 de mayo de 2024.

Las empresas que manejan grandes volúmenes de conversaciones o charlas con clientes a través de múltiples canales deben usar una bandeja de entrada de mensajes omnichannel como respond.io. Además de estirar todas las conversaciones en una sola bandeja de entrada, ofrece beneficios adicionales como la automatización avanzada y la analítica.

Por qué usar Facebook Messenger Widget

Si estás utilizando Facebook Messenger para brindar soporte al cliente o incrementar ventas, ya conoces la eficacia de la plataforma. Entre las razones clave para considerar el uso del chat web de Facebook está su capacidad de crear conversaciones persistentes y crear una lista de contactos.

Crear compromiso persistente, consistente

Con los chats tradicionales en sitios web, perderás a los usuarios para siempre una vez que abandonen tu página. Tu única esperanza de continuar la conversación es que vuelvan a tu sitio. Este ya no es el caso una vez que añades Messenger a tu sitio web.

En primer lugar, el widget de Messenger es la herramienta más rápida para que tus clientes se pongan en contacto contigo y resuelvan sus preguntas. Garantiza que los clientes puedan dirigirse al instante y sin esfuerzo a un mensajero familiar y cómodo.

Todas tus conversaciones de widget de mensajería se guardarán en la bandeja de entrada de Facebook. Esto es un beneficio cuando añade Facebook Messenger a su sitio web.

También permite la comunicación personal directamente en su sitio web para ofrecer soporte técnico, consulta de productos, asistencia para pedidos o reservas y más. Los clientes pueden alcanzarte mientras el interés es alto para llevar conversiones de ventas.  

Cuando añades el chat de Facebook al sitio web, el historial de chat de un contacto se guarda en la bandeja de entrada del Meta Business Suite. Esto significa que puedes reanudar una conversación con un usuario que ha chateado contigo en Messenger incluso después de que haya abandonado tu sitio web.

Junto con la conversación, también puedes ver parte de su información básica de perfil, incluyendo su nombre, foto de perfil, cumpleaños y ubicación. Esto le ayudará a servir al cliente mejor de lo que cualquier chat en vivo podría y construir una relación con ellos a lo largo del tiempo.

Crear una lista de contactos de Facebook Messenger

Ahora que las personas pueden enviarte mensajes fácilmente a través de Facebook usando el Chat de Clientes de Facebook, se añadirán a tu lista de contactos para siempre.

Esta es una imagen que muestra que Facebook Messenger tiene tasas de apertura más altas que el correo electrónico. Ahora que la gente puede enviarte mensajes fácilmente a través de Facebook usando 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 de la misma manera que haces una lista de suscriptores de correo electrónico. Usa esto como un nuevo canal de comunicación con tu público o incluso úsalo para emitir Messenger, que tiene un enorme 92 por ciento de tasa abierta.

Puedes pensar en una lista de suscriptores de Facebook Messenger de la misma manera que haces una lista de suscriptores de correo electrónico. Utilice esto como un nuevo canal de comunicación con su audiencia o incluso utilícelo para enviar transmisiones de Messenger, que tienen una asombrosa tasa de apertura del 92 por ciento.

El widget de Messenger es sólo una forma de construir una lista de suscriptores de Facebook Messenger. Hay varias formas de hacer crecer tus contactos de Messenger,  incluyendo Respuestas automáticas a comentarios de Facebook o Respuestas privadas, Clic para anuncios de Messenger o Enlaces y Códigos QR de Facebook.

Por último, recuerde que los clientes tienen que iniciar sesión en sus cuentas de Facebook para ser añadidos a su lista de contactos. Con esto en mente, pasemos a la siguiente sección, donde aprenderás a añadir Messenger a la web.

Cómo crear un código de widget.

Primero, hablemos sobre el 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 de Facebook Messenger

  • Añade el código del widget de Messenger a tu sitio web

Si usted es un negocio B2B que necesita activar el modo de invitación, le recomendamos configurar su widget de Facebook Messenger a través de respond.io.

No solo puedes automatizar saludos o mensajes de ausencia y procesos como enrutamiento de chat o asignación de contactos, respond.io te permite agregar un código de referencia a un widget de Facebook Messenger para identificar de dónde provienen los contactos. Las grandes empresas deberían considerar esta opción.

Generar un código Widget en Respond.io

El proceso para configurar un widget de Facebook Messenger es simple y se puede realizar rápidamente siguiendo estos pasos.

Esta es una imagen que muestra cómo configurar el widget de Messenger.

Para comenzar, navega a Ajustes > Widgets de crecimiento. Luego, haz clic en Añadir Widget y elige Facebook Widget antes de hacer clic en Crear Widget.

Después de eso, introduce los sitios web donde deseas agregar el widget del chat y selecciona la cuenta para la que deseas crear un widget.

Este es un gif que muestra cómo seleccionar una cuenta para crear un widget.

Puedes agregar un texto precargado o personalizar la apariencia del widget haciendo clic en los botones Ajustes avanzados. Finalmente, haz clic en Generar Widget, copia el script generado e instálalo en tu sitio web.

Si quieres conectarte con clientes a través de múltiples canales, un widget omnicanal puede ayudar. También puedes optar por añadir un widget de chat de sitio web a tu sitio web.

Ahora que'ha configurado correctamente su widget de Messenger, el siguiente paso es instalar el código generado en su sitio web. Le guiaremos a través del proceso de instalación a continuación.

Transforma las conversaciones de los clientes en crecimiento empresarial con respond.io. ✨

¡Gestiona llamadas, chats y correos electrónicos en un solo lugar!

Cómo añadir Facebook Messenger al sitio web

Navegar por su CMS para añadir un widget de chat puede ser confuso. A continuación, encontrarás las instrucciones para instalar el código del widget de Messenger en los creadores populares de sitios como WordPress, Wix, Shopify y Squarespace.

Cómo añadir Messenger al sitio web: WordPress

Ahora puedes instalar un plugin de Messenger por Meta directamente desde la pestaña Plugins en la barra lateral. Mientras que el plugin en sí es gratuito, la instalación sólo está disponible para los suscriptores del plan de negocios o los usuarios de plan Pro, para los que están en planes antiguos.

Esta es una imagen que muestra cómo puedes instalar un plugin de Messenger de Meta directamente desde la pestaña de Plugins en la barra lateral. Mientras que el plugin en sí es gratuito, la instalación sólo está disponible para los suscriptores del plan de negocios o los usuarios de plan Pro, para los que están en planes antiguos. Si estás en un lugar donde Messenger es el plugin de chat principal, como el Reino Unido, Estados Unidos, India o Filipinas, añade esto a tu sitio de WordPress.

Para añadir Facebook Messenger al sitio web de WordPress, sigue estas instrucciones:

  1. Busca el widget de Facebook Messenger y selecciónalo.

  2. Haga clic en Instalar ahora.

  3. Haga clic en Activar.

  4. Busca la pestaña que dice Chat del cliente. Vaya a la sección Getting started y haga clic en Edit chat plugin.

  5. Personaliza tu plugin de chat y completa tu configuración.

Alternativamente, integrar Messenger en un sitio WordPress utilizando el código del widget de Messenger. Esto también requiere pasar por el muro de pago. Hay algunas maneras de añadir un código de widget de Messenger a WordPress, incluyendo la instalación de una cabecera y el plugin de pie de página.

1. Añade el encabezado y el plugin de pie de página de tu elección desde la página de Plugins.

alt=

2. Navega a Encabezados y Pies de Página.

Una vez que hayas añadido el plugin de encabezados y pies de página, navega a él.

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

Ahora pega el código del plugin de Chat de clientes de Facebook en el pie de tu sitio web de wordpress.

Ahora has añadido Facebook Messenger Live Chat a tu sitio web de WordPress.

Cómo añadir Messenger al sitio web: Wix

¿Qué pasa si desea añadir un chat en vivo a un sitio web de Wix? Una vez que hayas generado un script de widget de Facebook Messenger, sigue los siguientes pasos para añadirlo a tu sitio web Wix. Ten en cuenta que necesitarás una suscripción de pago para acceder a esta función.

1. Vaya aAjustes >Configuración Avanzada > Código Personalizado.

Ahora que tienes listo tu código de Facebook Messenger, navega a Código Personalizado dentro de Wix.

2. Pegar el código del widget de Facebook Messenger y seleccionar las páginas donde desea que el código se aplique. Asegúrate de colocar el código en Cuerpo - fin.

Lleva el script del plugin de Facebook Chat y pégalo dentro del diálogo de código personalizado.

Ahora ha añadido el Widget de Chat de Facebook a su sitio web Wix.

Ahora el widget de Facebook Messenger aparecerá en tu sitio web de Wix.

Cómo añadir Messenger al sitio web: Shopify

Una vez que tenga el script del widget de chat de Facebook, siga estos pasos para integrar Facebook Messenger en un sitio web Shopify.

1. Vaya a la Tienda Online y edite el código.

Una vez que tengas listo tu script de plugin de chat para el cliente de Facebook, navega a tus temas shopify y edita el código. Esto vale la pena hacer si estás usando Shopify en un país donde Messenger es popular, como la India, las Filipinas, el Reino Unido (Reino Unido) o los Estados Unidos (Estados Unidos).

2. Abre la sección footer.liquid y pega el script Widget de Facebook Messenger.

Toma el código del widget de Facebook Messenger y añádelo a la sección footer.liquid de tu sitio web de Shopify.

Ahora ha añadido el widget de chat de Facebook en su sitio web Shopify.

Cómo añadir Messenger al sitio web: Squarespace

Una vez que tengas el script del widget de chat de Facebook, es hora de incrustar Messenger en un sitio web de Squarespace.

1. Inicie sesión en Squarespace, seleccione su sitio y abra Ajustes.

Una vez que tengas tu código de Facebook Messenger listo para iniciar sesión en squarespace para iniciar el proceso de instalación.

2. Vaya a Configuración Avanzada.

Hay formas de añadir Facebook Messenger a tu sitio web. Para integrar Facebook Messenger en tu sitio web de Squarespace, abre las Configuraciones Avanzadas. Esta es la forma de añadir Facebook Messenger a tu sitio web.

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

Hay formas de añadir Facebook Messenger a tu sitio web. Para integrar Facebook Messenger en tu sitio web de Squarespace, abre la Inyección de Código. Esta es la forma de añadir Facebook Messenger a tu sitio web.

4. Pegue el script del widget de Facebook Messenger.

Esta imagen muestra cómo integrar el chat a su dominio.

Ahora has añadido Facebook Messenger Live Chat a tu sitio web.

Te hemos mostrado cómo crear tu código de widget de chat de Facebook e instalar el widget de Facebook Chat en algunos de los desarrolladores de sitios más populares. ¿Quieres chatear con clientes en el widget de Messenger y otros canales, así como acceder a sus datos de contacto e historial de chat en una bandeja de entrada centralizada? Regístrate ahora para una cuenta de respond.io.

Transforma las conversaciones de los clientes en crecimiento empresarial con respond.io. ✨

¡Gestiona llamadas, chats y correos electrónicos en un solo lugar!

Lecturas adicionales.

Y así es como obtienes un widget de Messenger para añadir Facebook Messenger a tu sitio web. Si te gustó leer sobre cómo hacer crecer tu negocio con el último widget de chat, aprende más acerca de la mensajería instantánea para negocios con estas entradas del blog:

Comparte este artículo
Telegram
Facebook
Linkedin
Twitter
Gerardo Salandra
Gerardo Salandra

Gerardo Salandra es el CEO y cofundador de respond.io. Con experiencia previa en IBM, Google y Runtastic, ha acumulado experiencia en inteligencia artificial y hacking de crecimiento. Como exdirector de Crecimiento en NDN Group, lideró iniciativas de automatización para varias empresas de Fortune 500 y es copresidente de la Sociedad de Inteligencia Artificial de Hong Kong. Tiene un MBA de la Universidad China de Hong Kong y una licenciatura en Ciencias de la Universidad de Reutlingen en Alemania.

Publicaciones relacionadas 👩‍💻

Chatbot de TikTok: cómo configurarlo en 5 pasos y casos de uso

Descubre cómo puedes conectar un chatbot a TikTok y sus beneficios para llevar tu negocio al siguiente nivel.

Integración de TikTok: guía práctica

Aprende cómo conectar integraciones de TikTok a tu pila tecnológica en unos sencillos pasos. Conecta CRM, tiendas de comercio electrónico y software de gestión de conversaciones con clientes.

Automatización de TikTok: 4 beneficios, cómo utilizarlo y las mejores prácticas.

En este artículo, aprenderá sobre la automatización de TikTok, cómo implementarla y las mejores prácticas para lograr resultados comerciales superiores.

Aumenta 3x los resultados de tu negocio con Respond.io 🚀