---
title: Webchat embebido
slug: webchat-embebido
description: Learn how to seamlessly integrate a full-screen chatbot into your company's website. This step-by-step guide includes an HTML code snippet that replaces the iframe source attribute, allowing you to effortlessly deploy your own chatbot. Improve user intera
docTags: 
createdAt: 2023-08-13T23:26:25.915Z
---

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>
```

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>
```

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](https://app.asisteclick.com/tools/fullpagebot/soporte.html)

:::Iframe{iframeHeight="500" code="<iframe src=&#x22;https://app.asisteclick.com/tools/fullpagebot/soporte.html&#x22; height=&#x22;620px&#x22; width=&#x22;520px&#x22;></iframe>"}

:::

