> For the complete documentation index, see [llms.txt](https://doc.ikowapp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doc.ikowapp.com/integracion/boton-ikow.md).

# Boton iKow

{% hint style="info" %}
**Good to know:** El boton iKow permite a las empresa, agregar un boton dentro de su pagina web. Esta opcion da a tus usuarios la ventaja de poder realizar videollamda o chat directo con tus asesores 
{% endhint %}

![Boton iKow](/files/6UlvNBVPrGrf7td3YNCL)

### Code

Es necesario que tanto el iframe como el script sea agregado a tu proyecto. el **Api Key** ya estara integrado en tu codigo. Solo debes copiar y pegar desde tu dashboard.

```html
<iframe id="iframe" src="https://button.ikowapp.com/?apiKey=Tu-Api-Key"
  frameBorder="0"
  scrolling="no"
  width="100%"
  allow="camera; microphone"
  style="position:fixed;bottom:0px;right:0px;z-index:40;" 
  >
</iframe>
```

```html
<script>
  setTimeout(function(){ 
      window.addEventListener("message", function() {
      var isOpenContainer = event.data["isOpenContainer"];
      document.getElementById("iframe").height = isOpenContainer ? "200" : "100%";
      console.log(!isOpenContainer);
    }, false);
  }, 3000);
	
</script>
```

### Como se veria en tu WEB

cuando implementas en tu web, aparecera en la aprte inferior derecha la burbuja de ikow. el cual solo mostrara a tus asesores y tus sedes.

![Boton ikow](/files/cG45oN1hw2UIZHGIf3d6)