> ## Documentation Index
> Fetch the complete documentation index at: https://docs.jelou.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Web

> Ative o canal Web para instalar o widget de chat no seu site e conectá-lo a um projeto ou ao Inbox.

[Configuração do canal Web](https://www.youtube.com/embed/F_CBtXPatuM)

## Introdução

O canal Web é o widget de chat que você instala no seu site. Ao criá-lo, a Jelou gera automaticamente uma **API Key do widget** e deixa o canal publicado em produção; com essa API Key você insere o widget na sua página por meio de um script.

O widget pode ficar conectado de duas formas:

* A um **projeto** do Brain, onde um workflow responde.
* Ao **Inbox**, onde os operadores respondem.

![Janela Ativar canal Web com o nome do canal, o seletor de projeto e a seção Avançado](https://mintcdn.com/jelouai/gJH8RLsyTV3C4rxe/assets/images/channels/activar-canal-web-pt.png?fit=max\&auto=format\&n=gJH8RLsyTV3C4rxe\&q=85\&s=a5ac060a73408023326dd9d78cee5f1a)

Janela para ativar o canal Web

## Pré-requisitos

Antes de ativar o canal você precisa de:

* Acesso à seção **Canais** e permissão para criar canais.
* Acesso ao código-fonte do seu site, ou permissão para adicionar scripts às suas páginas.

> [!NOTE]
>
> O canal Web está disponível para todos os tipos de empresa.

## Ativar o canal

**1. Abrir o formulário**

Vá a **Canais** e escolha **Web**. A janela **Ativar canal Web** é aberta.

**2. Nomear o canal**

Escreva um nome descritivo, por exemplo `Web Site Principal`. Ele deve ter entre 4 e 50 caracteres.

**3. Escolher a conexão**

Por padrão o canal se conecta a um **projeto**: selecione-o na lista, que permite busca.

Se preferir que os operadores respondam, abra a seção **Avançado** e ative **Canal conectado ao Inbox**.

**4. Criar e conectar**

Clique em **Criar e conectar canal**. O botão permanece desabilitado até o nome ter mais de 3 caracteres e existir uma conexão válida: projeto selecionado ou Inbox ativado.

## Instalar o widget

Abra o canal na tabela de **Canais** para ver sua configuração, organizada em quatro abas:

| Aba | Para que serve |
| - | - |
| **Integração** | A **API Key** do widget e o código para instalá-lo: • Instalação rápida com o loader • Instalação passo a passo, com acesso ao objeto do widget • Script para o final da seção `<head>` • Link para a documentação completa de instalação |
| **Aparência** | Personalize o widget: aspectos gerais, botão do canal, bolha de boas-vindas e opções do menu inicial. |
| **Segurança** | Lista de domínios permitidos: define em quais sites o widget pode ser carregado com essa API Key. |
| **Gerenciar** | Mostra o tipo de produção do canal e permite excluí-lo. |

> [!WARNING]
>
> Antes de publicar o widget em um site real, configure a lista de domínios permitidos em **Segurança**.

## Notas

* O nome do canal pode continuar sendo editado depois; a API Key não muda.
* A aparência do widget é configurada automaticamente com valores predefinidos, então o canal funciona desde o primeiro momento mesmo que você nunca abra a aba **Aparência**.
* Um mesmo projeto pode ter vários canais Web; cada um tem sua própria API Key.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.