En este tutoriales en linea les mostraremos la manera de agregar o insertar un botón de chat de Facebook Messenger en tu sitio Web - Actualizado en el 2022. El botón de Messenger de Chat te permite tener una conversación en vivo con los visitantes desde tu sitio web.


Un botón de chat en vivo es un pequeño icono flotante que generalmente aparece en la esquina inferior derecha de un sitio web. Al igual que el software de chat en vivo tradicional, puedes instalar un complemento de chat de Messenger en tu sitio web.

Este complemento facilita que los visitantes de un sitio web con una cuenta de Messenger tengan una conversación en vivo, dejen un mensaje e interactúen con tu bot de Messenger.

Como configurar el plugin 4o6y1


Para incluir el plugin de chat en tu página web seguir los siguientes pasos:

Ve a la bandeja de entrada de Business Suite.


Luego das clic en plugin de chat, clic en configurar y seguir los pasos.


Una vez en el proceso de personalización, esta herramienta genera automáticamente los fragmentos de código que puedes copiar y pegar a fin de incluir este plugin en tu página web.
<!-- Messenger Plugin de chat Code -->
    <div id="fb-root"></div>

    <!-- Your Plugin de chat code -->
    <div id="fb-customer-chat" class="fb-customerchat">
    </div>

    <script>
      var chatbox = document.getElementById('fb-customer-chat');
      chatbox.setAttribute("page_id", "127683370583966");
      chatbox.setAttribute("attribution", "biz_inbox");
    </script>

    <!-- Your SDK code -->
    <script>
      window.fbAsyncInit = function() {
        FB.init({
          xfbml            : true,
          version          : 'v12.0'
        });
      };

      (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = 'https://connect.facebook.net/es_ES/sdk/xfbml.customerchat.js';
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
    </script>
Pega el fragmento de código justo después de la etiqueta de apertura <body> en todas las páginas web en las que quieras que aparezca el Plugin de chat.

Y por ultimo das clic en publicar.


Espero que te haya gustado este tutorial, si te ha gustado no olvides en apoyarnos compartiendo en tus redes sociales.
Compartir

Mi nombre es Alexander fundador y CEO, y me gusta llamarme un Geek. Amo la informática, tecnología y todo lo que está relacionado con ella. Inicié este sitio con la intención de compartir conocimientos como cursos en línea, tutoriales y videotutoriales. Estoy muy entusiasmado con la información que he descubierto y compartido hasta el momento. La verdad es que lo he hecho con el mayor de los gustos. Así es, soy un Geek con una visión para compartir conocimiento. Leer mas... 6c435j