Incorporando Facebook Messenger en App Builder
Instrucciones
-
Obtén un ID de aplicación aquí https://developers.facebook.com/apps
- Registro gratuito
-
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á.
-
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!
-
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>
-
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.