Colocar o webchat no seu site

Passo 1: Abra os webchats

No pé do menu, clique em Configurações e abra a aba Canais (1). Clique em Web Chatbot (2) e depois em Configurações (3).

1. Canais: a aba com os canais da conta.
2. Web Chatbot: o cartão do chat do site.
3. Configurações: abre a lista dos seus webchats.

Passo 2: Crie o webchat

Na lista Webchats, clique em Adicionar (1). Se o webchat já existe, clique no nome dele (2) e pule para o passo 4.

1. Adicionar: cria um webchat.
2. O nome do webchat: abre a página dele.
3. Ativo: liga e desliga o webchat.
4. Os três pontos: mais opções do webchat (veja abaixo).

Passo 3: Dê um nome

Escreva um nome que ajude a equipe a reconhecer o webchat, como "Site da loja" (1), e clique em Continuar (2). A página do webchat novo abre sozinha.

1. O nome do webchat.
2. Continuar: cria o webchat e abre a página dele.

Passo 4: Aplique o visual da conversa

A página do webchat abre com o Construtor do webchat no alto. Clique na aba Instalar e, em Aplique o visual da conversa, clique em Aplicar no webchat (1). O aviso ao lado (2) muda de Há mudanças não aplicadas para Aplicado ✓.

1. Aplicar no webchat: grava neste webchat as cores e os textos de dentro da conversa.
2. O estado: Há mudanças não aplicadas até você aplicar.

Quer mudar o botão, as cores ou a tela inicial antes? Veja Personalizar o webchat no construtor.

Passo 5: Copie o código

Ainda em Instalar (1), no passo Cole o código no seu site, clique em Copiar código (2). O botão mostra Copiado!.

1. Instalar: a aba com os passos para pôr o webchat no ar.
2. Copiar código: copia o código inteiro.
3. O código do seu webchat, já com o ID da sua conta e o do webchat.
4. O aviso do webchat antigo: se o site ainda tem o código antigo (o que tem ktt10.setup), tire, senão aparecem dois botões.

Passo 6: Cole o código no seu site

No seu site, cole o código antes de </body>, em todas as páginas em que o webchat deve aparecer. Se o site é feito num construtor de sites, use o campo de código personalizado do rodapé. Depois, publique o site.

Passo 7: Autorize o endereço do site

Volte à página do webchat e desça até Authorized websites (os sites autorizados). Clique em Adicionar Novo (2) e escreva o endereço do site sem https://, como seusite.com.br (1). Adicione também o endereço com www, como www.seusite.com.br. Por fim, clique em Salvar (3).

1. O endereço do site, sem https:// e sem a página depois da barra.
2. Adicionar Novo: abre mais um campo.
3. Salvar: grava o webchat e volta para a lista.

Sem o endereço na lista, a conversa não abre e aparece um aviso de permissão. Veja Sites autorizados e o erro de permissão do webchat.