La comunicación efectiva es esencial en cualquier sitio web o blog, y qué mejor manera de interactuar con tus visitantes que a través de Facebook Messenger. Agregar un botón de chat de Messenger a tu página web o blog no solo facilita la comunicación, sino que también puede aumentar la participación y la satisfacción de los usuarios. En este artículo, te guiaré paso a paso sobre cómo incorporar un botón de chat de Facebook Messenger en tu plataforma.
1.1. Inicia sesión en tu cuenta de Facebook y dirígete a Facebook for Developers.
1.2. Crea una nueva aplicación haciendo clic en “Mis Aplicaciones” y luego en “Crear Aplicación”.
1.3. Elige la plataforma “Sitio web” y configura tu aplicación.
2.1. Completa la información básica de tu aplicación, como el nombre y el correo electrónico de contacto.
2.2. Obtén tu ID de aplicación y tu clave secreta, que necesitarás para la integración.
3.1. En la consola de desarrolladores, ve a la sección “Productos” y selecciona “Messenger”.
3.2. Configura el chat de Messenger y obtén el código del botón de chat.
4.1. Copia el código del botón de chat proporcionado por Facebook.
4.2. Abre el editor de código de tu sitio web o blog y busca el lugar donde deseas mostrar el botón de chat.
4.3. Pega el código en la ubicación deseada.
5.1. Guarda los cambios en tu editor de código.
5.2. Actualiza tu sitio web o blog.
¡Felicidades! Ahora deberías tener un botón de chat de Facebook Messenger visible en tu página.
Por otro lado te has preguntado porque es importante utilizar este botón de Chat en vivo?, porque te facilitara que tus visitantes al ingresar en tu Blog, ellos puedas interactuar contigo siempre cuando ellos tenga una cuenta de Facebook.
Puedes entrar a la pagina oficial donde podras generar el boton automativamente y configurar de acuerdo a tu gusto, y poder generar un codigo para insertar en tu blog o web.
Tambien puedes hacerlo de la siguiente manera con los codigo que te voy a estar dejando en la parte de abajo.
<!-- WhatsHelp.io widget --> <script type='text/javascript'> (function () { var options = { facebook: "102334964478799", // Facebook page ID call_to_action: "Escríbeme", // Call to action position: "left", // Position may be 'right' or 'left' }; var proto = document.location.protocol, host = "whatshelp.io", url = proto + "//static." + host; var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js'; s.onload = function () { WhWidgetSendButton.init(host, proto, options); }; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); })(); </script> <!-- /WhatsHelp.io widget -->
Ahora lo que vamos ahcer es modificar los siguientes codigo:
facebook: "102334964478799", // Facebook page ID call_to_action: "Escríbeme", // Call to action position: "left", // Position may be 'right' or 'left'
Puedes ver el vídeo tutorial de mi Canal de Youtube donde te enseño como colocar este botón de Messenger en tu Blog, cualquier duda déjame en los comentarios.
Agregar un botón de chat de Facebook Messenger es una excelente manera de mejorar la comunicación con tus visitantes y brindar un servicio al cliente más eficiente. ¡Intégralo hoy y mantén a tus usuarios comprometidos!
Recuerda seguir las políticas de privacidad y términos de servicio de Facebook al implementar esta funcionalidad en tu página web o blog. ¡Buena suerte!
