Saltar al contenido

Incorporando Facebook Messenger en App Builder

Instrucciones

  1. Obtén un ID de aplicación aquí https://developers.facebook.com/apps

    • Registro gratuito
  2. Obtén tu ID de página de Facebook aquí https://www.facebook.com/business/help/2814101678867149

    • El ID de la página es un valor numérico, la URL personalizada no funcionará.
  3. En la página de fans de Facebook que es el destino de Messenger, vaya a Configuración>Plataforma de Messenger>Dominios incluidos en la lista blanca.

    • Este debe ser un sitio web HTTPS.
    • Las direcciones IP y el alojar local no funcionarán
    • ¡Asegúrate de hacer clic en guardar!

      Facebook

  4. Cree una nueva plantilla HTML en App Builder y copia el código a continuación, sustituyendo el ID de la aplicación y el ID de la página que obtuviste en los pasos anteriores.

    <script>
      window.fbAsyncInit = function() {
        FB.init({
          appId            : '[AppID]',
          autoLogAppEvents : true,
          xfbml            : true,
          version          : 'v2.11'
        });
      };
      (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/en_US/sdk.js";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
    </script>
    <div class="fb-customerchat" page_id="[PageId]"></div>
    
  5. Agrega el control HTML a la página que elijas. Una vez cargado, te seguirá por toda la aplicación.

Notas

  • ¡Esto también funciona en dispositivos móviles!
  • Facebook considera que esto está en versión Beta
  • El usuario final deberá iniciar sesión en Facebook para poder comunicarse. Existe un complemento alternativo que permitirá enviar mensajes unidireccionales del usuario a la empresa.
  • Hay muchas personalizaciones, respuestas automáticas, color, etc. Aquí está la documentación de Facebook.
  • El valor predeterminado es que la ventana aparezca en el escritorio. En el móvil, está configurada para que se minimice. El escritorio se puede configurar para que tenga el mismo comportamiento.