Cómo agregar botón de chat de facebook messenger en nuestra página web o blog

Hola en este articulo aprenderemos a insertar el botón de Messenger en nuestro Blog, de esta manera podemos interactuar con el usuario cuando visite nuestro Blog, por ello es recomendable insertar este botón ya que gracias a ello podemos generar conversación, etc.

Por ello si tu espacio en Blogger es para ofrecer al servicio y/o producto es muy importante que tus lectores tengan esa facilidad para comunicarse contigo, por la cual en este articulo te comparto como añadir la caja de mensajería de Fcaebook Messenger.

⚫ ¿ Por que utilizar el botón de Messenger en tu Blog?

Bueno 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.

🔴 Whatshelp

Este Widget de Chat de Messenger permite a los visitantes hacer preguntas directamente en tu sitio de Blog y puedes mantener conversaciones con clientes potenciales en tiempo real.

⬛ Ahora veamos como configurar el Botón de Chat de Mesenger con ele siguiente código.

JS<!-- 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:

JSfacebook: "102334964478799", // Facebook page ID
            call_to_action: "Escríbeme", // Call to action
            position: "left", // Position may be 'right' or 'left'

▗ Cambiamos por el ID de nuestra pagina de facebook.
▗ Cambiamos por el Comentario que queramos.
▗ Cambiamos por la posición que queramos ( Left - Right )

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.