Webchat embebido

3min
A continuación, te presento un valioso script que te permitirá desplegar un chatbot de manera integral y a pantalla completa dentro de la URL de tu empresa. Si, por ejemplo, tu dominio es "empresa.com", y deseas ejecutar el chatbot de Ventas en una página específica dentro de tu sitio, como "empresa.com/ventasbot.html", presta atención a las instrucciones detalladas que encontrarás a continuación. Con estas indicaciones, podrás configurar y aprovechar al máximo esta innovadora herramienta de atención al cliente en tu propia página web.
Código HTML
1. Crea la página ventasbot.html (o el nombre de página que prefieras) dentro de tu dominio web www.empresa.com con el siguiente contenido:
HTML
<html>
  <head>
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  </head>
  <body>
    <style>
      body {
        margin: 0;
      }

      iframe {
        width: 1px;
        min-width: 100%;
        height: 100%;
        border: none;
      }
    </style>
    <iframe id="chatbot" src="https://app.asisteclick.com/V2/request.php?id=asisteclick-11&hashbot=agents"></iframe>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script type="text/javascript" src="https://app.asisteclick.com/tools/fullpagebot/iframe-resizer.min.js"></script>
    <script>
      iFrameResize({
        log: true
      }, "#chatbot");
    </script>
  </body>
</html>
<html>
  <head>
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  </head>
  <body>
    <style>
      body {
        margin: 0;
      }

      iframe {
        width: 1px;
        min-width: 100%;
        height: 100%;
        border: none;
      }
    </style>
    <iframe id="chatbot" src="https://app.asisteclick.com/V2/request.php?id=asisteclick-11&hashbot=agents"></iframe>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script type="text/javascript" src="https://app.asisteclick.com/tools/fullpagebot/iframe-resizer.min.js"></script>
    <script>
      iFrameResize({
        log: true
      }, "#chatbot");
    </script>
  </body>
</html>
﻿
2. Reemplaza el atributo src del iframe chatbot por la URL de tu bot de AsisteClick
HTML
<iframe id="chatbot" src="https://app.asisteclick.com/v3/request.php?id=asisteclick-11&hashbot=agents"></iframe>
<iframe id="chatbot" src="https://app.asisteclick.com/v3/request.php?id=asisteclick-11&hashbot=agents"></iframe>
﻿
El resultado será que el chatbot será ejecutado dentro del dominio de tu empresa, a página completa y responsive.
Ejemplo
Puedes ver un ejemplo en https://app.asisteclick.com/tools/fullpagebot/soporte.html﻿
<iframe src="https://app.asisteclick.com/tools/fullpagebot/soporte.html" height="620px" width="520px"></iframe>
<iframe src="https://app.asisteclick.com/tools/fullpagebot/soporte.html" height="620px" width="520px"></iframe>
﻿
﻿
Updated 07 Sep 2023
Did this page help you?
Imagen por botón
Chat en nuevo tab