Instalar o chat num site, landing page ou app
Use os trechos de código do editor para colocar o chat onde o script da loja não chega.
Nas lojas escolhidas em Numa loja ou Em todas as lojas, o chat aparece sozinho pelo script da Bevean e não é preciso instalar nada. Os trechos deste artigo são para os outros lugares: um site que não é a loja, uma landing page, uma página de Fale conosco ou um app.
Onde ficam os trechos: no editor do chat, seção Instalação. Cada trecho tem um botão Copiar e já vem com a chave do seu chat.
Chat que só aparece onde você instala
Para um chat que não deve aparecer nas lojas, escolha Só onde eu instalar em Onde aparece. Os trechos funcionam com qualquer chat, inclusive os que já aparecem nas lojas.
Os três jeitos de instalar
| Trecho no editor | Como o chat aparece | Onde colar |
|---|---|---|
| Botão flutuante (qualquer site) | O botão no canto da tela, como na loja | No HTML das páginas onde o chat deve aparecer |
| Embutido numa página (ex.: Fale conosco) | O chat aberto dentro da página, sem botão | No ponto da página onde o chat deve ficar |
| Link para app (WebView) | O chat ocupando a tela inteira | No app, como endereço de uma tela que abre uma página da web |
Botão flutuante
Copie o trecho Botão flutuante (qualquer site)
Ele tem duas linhas: a que carrega o chat e a do próprio chat.
Cole no HTML das páginas
Se o seu site usa um modelo comum para todas as páginas, cole no modelo e o chat aparece no site inteiro.
Abra o site e confira
O botão aparece na posição escolhida em Aparência.
Embutido numa página
O trecho Embutido numa página traz só o chat, sem a linha que carrega o código. Cole na mesma página também a primeira linha do trecho Botão flutuante, a que começa com <script.
O chat embutido ocupa 600 px de altura. Para mudar, troque o valor de height no próprio trecho:
<bevean-messenger channel-key="…" gateway-url="…" mode="inline" style="display:block;height:600px"></bevean-messenger>O chat embutido não tem botão, então não usa o menu do botão nem a abertura automática.
Link para app
O Link para app (WebView) é um endereço que abre o chat em tela cheia. Use no seu app numa tela que mostra uma página da web.
Abrir o chat por um botão seu
Numa página com o chat instalado, um botão seu pode abrir o chat. Por exemplo, um link Fale com a gente no rodapé:
<button onclick="document.querySelector('bevean-messenger').open()">Fale com a gente</button>Para fechar, use close() no lugar de open().
Antes de publicar
- Se o chat tem Domínios permitidos preenchido, inclua o domínio do site onde você instalou. Num site fora da lista, o chat não aparece.
- Se o cliente faz login no seu site, informe ao chat quem ele é. Veja como identificar o cliente logado.