Instalação
Uma linha no seu site e o atendimento está no ar
Sem biblioteca, sem build, sem alterar o seu CSS. O widget carrega em segundo plano e não bloqueia a renderização da sua página.
01
Copie a sua chave
No painel, em Widget, existe uma chave que começa com pk_. Ela é pública por natureza — fica visível no HTML de quem instala — e serve só para dizer de qual empresa é o atendimento.
02
Cole o script antes de fechar o body
Uma linha, sem dependência nenhuma. O widget monta a si mesmo em Shadow DOM fechado, então o CSS do seu site não o afeta e o dele não afeta o seu.
03
Recarregue e confira
O chamador aparece no canto que você escolheu no painel. Ele só aparece depois de a configuração chegar, para nunca piscar um cartão vazio na tela de quem visita.
O código
Troque pk_sua_chave pela chave do seu painel. O endereço do script é o mesmo para todo mundo.
<script
src="https://www.wenom.com.br/widget.js"
data-company-key="pk_sua_chave"
></script>Sem o atributo data-company-key, o widget não monta e escreve o motivo no console — ele nunca falha em silêncio.
Abrir o chat pelo seu próprio botão
Se o seu site já tem um botão de contato, ele pode abrir o chat em vez de levar a pessoa para outra página.
<button onclick="window.WenomChat.abrir()">Fale com a gente</button>| window.WenomChat.abrir() | abre o painel |
|---|---|
| window.WenomChat.fechar() | fecha o painel |
| window.WenomChat.alternar() | abre se estiver fechado, fecha se estiver aberto |
| wenom:abrir | despache no document para abrir o chat, mesmo que o widget ainda não tenha carregado |
| wenom:pronto | o widget dispara quando termina de montar |
O evento existe para o caso de o seu botão ser montado antes de o widget carregar — comum em site de página única. Quem escuta não precisa saber se já chegou.
Se não aparecer
O console mostra um aviso sobre data-company-key
O atributo está faltando ou vazio. Ele precisa estar na mesma tag do script.
Nada aparece e o console está limpo
A chave não corresponde a nenhuma empresa ativa. Confira se copiou inteira, do painel certo.
Aparece, mas com as cores erradas
Aparência é configuração, não código: mude no painel, em Widget, e recarregue o seu site.
Some em uma página só do site
Alguma regra de CSP está barrando scripts de outra origem. O widget precisa carregar de www.wenom.com.br.