> For the complete documentation index, see [llms.txt](https://help.cosmobots.io/help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.cosmobots.io/help/bot-builder/canais/chat-widget/publicando-widget.md).

# Publicando Widget

1- Vá em Canais:

![](/files/-MPBKve25KD_7rWAuxI4)

2- Chat Widget:

![](/files/-MPBL-32vxnyXmk1YzsG)

3- Selecione a opção código do widget:

![](/files/-MPBLF5MAZhSjmE4ik2a)

4- Copie o Script exibido:

![](/files/-MgvDsPOoPOkFbuQbG88)

5- Dentro do head do seu site cole o script copiado, exemplo:

![](/files/-MgvEK5YzLl6WfXi_mdW)

```
<head>
   
      <script
        id="cosmobots-loader"
        src="https://cosmobots.io/js/cosmo-plugin.js"
        cosmo-widget-id="8708sdad6-a12f-11eb-806d-3b58f2basd0db5b"
        cosmo-widget-shape="bar"
        cosmo-widget-frame="https://chat.cosmobots.io/popwebwidget?bot_id=87730d-a12fsdas-11eb-806d-3bdb5b&popupType=bar"
        cosmo-widget-chat="https://chat.cosmobots.io/widget?bot_id=8773asd0sda8d6-a12f-11dadaeb-806d-3b5asdb"></script>
    
</head>
```

Pronto, seu chat  publicado ficará assim:

![](/files/-MPBN7_2vJJdleAuumdy)
