> For the complete documentation index, see [llms.txt](https://docs.chatlayer.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.chatlayer.ai/chatlayer-documentation-pt-br/comece-rapido/leadzy-tutorial/6.-set-up-a-channel-and-publish-your-bot.md).

# 6. Configure um canal e publique seu bot

<figure><img src="/files/53a3dc0f983002c60a4534dd3e53a6798f7751b1" alt="" width="373"><figcaption><p>Como seu widget da web ficará depois que o bot for publicado em um canal Web.</p></figcaption></figure>

## Etapa 10: Configurar um canal Web

Para este bot, usaremos um canal Web.

{% hint style="danger" %}
Lembre-se de que ainda não estamos operando no ambiente de RASCUNHO do seu bot, ou seja, um ambiente para construção e testes. Para ter um canal no seu ambiente AO VIVO (ou seja, o ambiente voltado para o cliente), você precisará refazer estas etapas após a publicação, no ambiente AO VIVO. Saiba mais [aqui](https://docs.chatlayer.ai/bot-answers/publishing-your-bot#understanding-the-draft-version).
{% endhint %}

Para configurar um canal Web para o seu chatbot:

1. No menu à esquerda, clique em **Canais**.

{% hint style="warning" %}
Há muitos outros canais em que você pode publicar seu bot, porém eles exigem alguma configuração que não abordaremos neste breve tutorial. Para saber mais sobre canais, consulte [esta página](https://docs.chatlayer.ai/channels/multi-channel).
{% endhint %}

<figure><img src="/files/36ba4286a273829ad3fca8b001ff7a4c70295ea1" alt=""><figcaption><p>A aba Canais.</p></figcaption></figure>

2. Clique no **Adicionar canal** botão, no canto superior direito da sua tela.
3. Clique em **Web**.
4. Aqui, configure o widget do seu chatbot como preferir. Para este tutorial, vamos:
   * chamar o chatbot *Leadzy*,
   * dar a ela *Seu assistente de compras* como subtítulo,
   * e desativar a entrada de áudio e o envio de arquivos, já que nosso bot não usa isso.

<figure><img src="/files/46ec5ef9e6d5be66fd8f8165300881985ad088c6" alt=""><figcaption><p>Configure o básico do seu widget da web.</p></figcaption></figure>

5. Na **Aparência** aba, selecione as cores e adicione uma imagem para o avatar do seu bot.

<figure><img src="/files/967661c4b1c501b0b7c9050df38c4197ab5cac32" alt=""><figcaption><p>Configure a aparência do seu widget da web.</p></figcaption></figure>

![Screenshot 2024-02-21 at 16.38.00.png](https://prod-files-secure.s3.us-west-2.amazonaws.com/6d68ea67-ee27-4a92-8691-2a4d5aaf90c6/a5bb36b9-6c5c-4d98-83d1-43eb81ff2a28/Screenshot_2024-02-21_at_16.38.00.png)

6. Clique em **Salvar**.

Seu widget agora está criado e pronto para ser usado!

### Teste seu widget da web no Webchat

Para testar seu bot no Webchat:

1. No menu do seu canal Web, clique em **Instalação** guia.
2. Aqui, copie a URL do seu iframe a partir do link fornecido no topo:

<figure><img src="/files/5a270b0c52a971d2f30aa5ec9c88008a482b6be2" alt="" width="375"><figcaption><p>Copie o link do iframe.</p></figcaption></figure>

3. Cole-o em uma nova janela: você pode testar seu bot aqui no Webchat!

<figure><img src="/files/cdfdc159dd86d3637e2c082572963d65472fdf3f" alt=""><figcaption><p>Teste seu chatbot em um iframe.</p></figcaption></figure>

{% hint style="info" %}
Por favor, lembre-se de que ainda estamos no ambiente de RASCUNHO aqui.
{% endhint %}

### Teste seu widget da web no Codepen

Para testar seu bot no Codepen:

1. No menu do seu canal web, vá para **Instalação** guia.
2. Clique em **Pré-visualização** no canto inferior esquerdo da tela.
3. Um **Codepen** a página é aberta e simula como o widget do seu chatbot ficaria no seu site.

<figure><img src="/files/e23bb71a88be0edc3077c39f6c90367dacb25473" alt=""><figcaption><p>Teste seu bot no Codepen.</p></figcaption></figure>

## Etapa 11: Publique seu bot

Para publicar seu bot:

1. Abra o seu **Fluxos** visualização.
2. No canto superior direito da sua tela, clique em **Publicar**.
3. Uma janela aparece e pede que você descreva o que está publicando. Adicione uma breve descrição como nota de lançamento.

<figure><img src="/files/19982d224a0a473b682a98cd4b6d82f5d42c7af0" alt="" width="324"><figcaption><p>Dê uma breve descrição da versão do seu bot que você está prestes a publicar.</p></figcaption></figure>

4. Clique em **Publicar.**
5. [Configurar um canal Web](#step-10-set-up-a-web-channel) no seu ambiente AO VIVO desta vez.

{% hint style="danger" %}
Para ter um canal no seu ambiente AO VIVO (ou seja, o ambiente voltado para o cliente), você precisa configurar um canal dentro desse ambiente AO VIVO. Saiba mais [aqui](https://docs.chatlayer.ai/bot-answers/publishing-your-bot#understanding-the-draft-version).
{% endhint %}

### Verifique as diferentes versões do seu bot

Você sabe se está na versão RASCUNHO ou AO VIVO do seu bot com base no que vê no canto inferior direito da tela.

{% hint style="info" %}
Ao editar a versão AO VIVO do seu bot, você está editando o que os usuários interagem imediatamente. Tenha cuidado! É sempre melhor trabalhar no ambiente de RASCUNHO e depois publicá-lo para que ele substitua o AO VIVO. Saiba mais [aqui](https://docs.chatlayer.ai/bot-answers/publishing-your-bot#understanding-the-draft-version).
{% endhint %}

Para verificar as diferentes versões do seu bot:

1. No menu à esquerda, em **Histórico** aba, clique em **Versões**.
2. Lá, você pode ver as diferentes versões do seu bot que foram publicadas.

<figure><img src="/files/9cd16432940f3e9e07b4f3587723f9572fb2cb0e" alt=""><figcaption><p>Verifique as diferentes versões do seu bot.</p></figcaption></figure>

{% hint style="info" %}
Em caso de problema, a opção Versões permite publicar uma versão anterior do seu bot. Saiba mais sobre versionamento [aqui](https://docs.chatlayer.ai/bot-answers/publishing-your-bot/restore-a-version).
{% endhint %}

## Resumo da lição 6

Você concluiu este primeiro tutorial do Chatlayer, parabéns! 👏

Nesta última lição, você aprendeu como:

* [ ] Adicionar um canal Web ao seu bot.
* [ ] Configurar o widget do seu chatbot.
* [ ] Testar seu widget no Codepen e no Webchat.
* [ ] Publicar seu bot.
* [ ] Verifique as diferentes versões do seu bot.

## 💬 Feedback

{% hint style="warning" %}
Seu feedback sobre o tutorial significa muito para nós! Por favor, nos diga o que você acha por meio do [este formulário curto.](https://forms.office.com/Pages/ResponsePage.aspx?id=ropROyGJe0qEl2GddWziDlEYn6XpsIRDjnCtdRk8L21UMFZMMlAzN0tHOTI4UjMxVTgzTVAwTE5aOCQlQCN0PWcu)
{% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.chatlayer.ai/chatlayer-documentation-pt-br/comece-rapido/leadzy-tutorial/6.-set-up-a-channel-and-publish-your-bot.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.