Chat
Adicione o widget do Chat Kontato ao seu site com poucas linhas de código.
Ouça o áudio para saber como funciona
Início Rápido
Adicione este código ao seu site antes da tag de fechamento </body>:
Instalação Básica
<script>
window.kontatoSettings = {
'store-id': "YOUR_STORE_ID" // This is your real storeId
};
</script>
<script async src="https://chat.kontato.com/chat-loader.js"></script>Opções de Configuração
Opções Básicas
| Opção | Tipo | Padrão | Descrição |
|---|---|---|---|
store-id | string | required | Seu identificador único da loja Kontato |
dark-mode | string | "light" | Modo do tema: "light" ou "dark" |
chat-closed | string | "true" | Estado inicial do widget de chat |
full-name | string | undefined | Nome completo do cliente |
email | string | undefined | Email do cliente |
Opções de Marca
| Opção | Tipo | Padrão | Descrição |
|---|---|---|---|
brand-name | string | "Kontato" | Nome da empresa mostrado no cabeçalho do chat |
brand-logo | string | undefined | URL do logo da sua empresa |
brand-background-color | string | "#0d6efd" | Cor de fundo do cabeçalho |
hide-kontato-brand | string | "false" | Ocultar rodapé "Powered by Kontato" |
Exemplos de Configurações
Personalização da Marca
window.kontatoSettings = {
'store-id': "YOUR_STORE_ID",
'brand-name': "MyCompany",
'brand-logo': "https://example.com/logo.png",
'brand-background-color': "#FF0000",
'hide-kontato-brand': "true"
};Identificação do Cliente
window.kontatoSettings = {
'store-id': "YOUR_STORE_ID",
'full-name': "John Doe",
'email': "[email protected]",
'uuid': "unique-customer-id"
};