Huggy Chat

O Huggy Chat é um canal de conversação que pode ser adicionado ao seu site para receber mensagens e interagir com seus clientes imediatamente. Este documento visa facilitar a compreensão dos métodos que podem ser utilizados para otimizar seus atendimentos. Você poderá acessar todos os métodos disponíveis através do objeto Huggy em qualquer página do site em que o Huggy Chat foi inserido.

A seguir, há um resumo de todos os métodos disponíveis do objeto Huggy os quais você poderá chamar usando javascript.

Instalando

⚠️ Este código é um exemplo, não utilize no seu site. Cada Huggy Chat tem o seu próprio código é pode ser encontrado nas configurações do canal. Saiba mais sobre como instalar o Huggy Chat

<!-- Init code Huggy Chat  //-->
<script>
  var $_Huggy = {
    defaultCountry: '+55',
    widget_id: '0001',
    company: "0001"
  };
  
  (function(i,s,o,g,r,a,m){ i[r]={context:{id:'8551dbde3f168db249381597eea81c71'}};a=o;o=s.createElement(o); o.async=1;o.src=g;m=s.getElementsByTagName(a)[0];m.parentNode.insertBefore(o,m); })(window,document,'script','https://js.huggy.chat/widget.min.js?v=8.0.0','pwz');
</script>
<!-- End code Huggy Chat  //-->
1
2
3
4
5
6
7
8
9
10
11

Configuração

$_Huggy

$_Huggy é o objeto { HuggyChatConfig } de configuração principal do Huggy Chat. Esse código é encontrado na configuração do canal do Huggy Chat pelo painel. Basta copiar o código referente ao seu canal e inserir na sua página, de preferência antes do fechamento da tag body (</body>) ou antes do fechamento da tag head (</head>).

PropertyTypeDescriptionDefault
widget_idstringID único do seu Huggy Chat. Obrigatório para o funcionamento do chat, presente no código de instação que encontra-se na configuração do canal
companystringID único da sua conta da Huggy. Obrigatório para o funcionamento do chat, presente no código de instação que encontra-se na configuração do canal
defaultCountrystringDDI do país+55opcional
namestringDefine previamente o nome do contato que vai inicializar o chatopcional
phonestringDefine previamente o telefone do contato que vai inicializar o chatopcional
emailstringDefine previamente o email do contato que vai inicializar o chatopcional
channelGreetingstringEssa propriedade é utilizada nos links de "Me Chame no Whatsapp" e "Me Chame no Telegram". O default é "Oi" e, com essa propriedade, pode ser alterada para ambos os serviçosOiopcional
afterLoadfunctionEvento callback que é executado ao término do carregamento do Huggy Chatopcional
beforeLoadfunctionEvento callback que é executado antes do carregamento do Huggy Chatopcional
widget_id
string

ID único do seu Huggy Chat. Obrigatório para o funcionamento do chat, presente no código de instação que encontra-se na configuração do canal

Default:


company
string

ID único da sua conta da Huggy. Obrigatório para o funcionamento do chat, presente no código de instação que encontra-se na configuração do canal

Default:


defaultCountry
string

DDI do país

Default: +55


name
string

Define previamente o nome do contato que vai inicializar o chat

Default:


phone
string

Define previamente o telefone do contato que vai inicializar o chat

Default:


email
string

Define previamente o email do contato que vai inicializar o chat

Default:


channelGreeting
string

Essa propriedade é utilizada nos links de "Me Chame no Whatsapp" e "Me Chame no Telegram". O default é "Oi" e, com essa propriedade, pode ser alterada para ambos os serviços

Default: Oi


afterLoad
function

Evento callback que é executado ao término do carregamento do Huggy Chat

Default:


beforeLoad
function

Evento callback que é executado antes do carregamento do Huggy Chat

Default:


$_Huggy.name

Define previamente o nome do contato que vai inicializar o chat







 





<!-- Init code Huggy Chat  //-->
<script>
  var $_Huggy = {
    defaultCountry: '+55',
    widget_id: '0001',
    company: "0001",
    name: 'João da Silva'
  };

  // ...
</script>
1
2
3
4
5
6
7
8
9
10
11

$_Huggy.phone

Define previamente o telefone do contato que vai inicializar o chat







 





<!-- Init code Huggy Chat  //-->
<script>
  var $_Huggy = {
    defaultCountry: '+55',
    widget_id: '0001',
    company: "0001",
    phone: '1112345678'
  };

  // ...
</script>
1
2
3
4
5
6
7
8
9
10
11

$_Huggy.email

Define previamente o email do contato que vai inicializar o chat







 





<!-- Init code Huggy Chat  //-->
<script>
  var $_Huggy = {
    defaultCountry: '+55',
    widget_id: '0001',
    company: "0001",
    email: 'joao@dasilva.com'
  };

  // ...
</script>
1
2
3
4
5
6
7
8
9
10
11

$_Huggy.channelGreeting

Essa propriedade é utilizada nos links de "Me Chame no Whatsapp" e "Me Chame no Telegram". O default é "Oi" e, com essa propriedade, pode ser alterada para ambos os serviços.







 





<!-- Init code Huggy Chat  //-->
<script>
  var $_Huggy = {
    defaultCountry: '+55',
    widget_id: '0001',
    company: "0001",
    channelGreeting: 'Gostaria de tirar dúvidas'
  };

  // ...
</script>
1
2
3
4
5
6
7
8
9
10
11

$_Huggy.afterLoad

Evento callback que é executado ao término do carregamento do Huggy Chat. Recebe-se uma função.







 
 
 





<!-- Init code Huggy Chat  //-->
<script>
  var $_Huggy = {
    defaultCountry: '+55',
    widget_id: '0001',
    company: "0001",
    afterLoad: function () {
      console.log('Código executado após o carregamento do widget')
    }
  };

  // ...
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13

$_Huggy.beforeLoad

Evento callback que é executado antes do carregamento do Huggy Chat. Recebe-se uma função.







 
 
 





<!-- Init code Huggy Chat  //-->
<script>
  var $_Huggy = {
    defaultCountry: '+55',
    widget_id: '0001',
    company: "0001",
    beforeLoad: function () {
      console.log('Código executado antes do carregamento do widget')
    }
  };

  // ...
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13

$_Huggy.defaultCountry

É o DDI do país. O default é "+55".







 





<!-- Init code Huggy Chat  //-->
<script>
  var $_Huggy = {
    defaultCountry: '+55',
    widget_id: '0001',
    company: "0001",
    defaultCountry: '+55'
  };

  // ...
</script>
1
2
3
4
5
6
7
8
9
10
11

huggyData

Objeto do tipo { HuggyChatData } à parte da configuração ($_Huggy) que contém estrutura de dados. É declarado antes da inicialização do Huggy Chat e deve-se estar disponível dentro de window podendo ser acessado em window.huggyData

⚠️ Este objeto deve ser declarado antes da inicialização do Huggy Chat.



 











<!-- Init code Huggy Chat  //-->
<script>
  var huggyData = {};

  var $_Huggy = {
    defaultCountry: '+55',
    widget_id: '0001',
    company: "0001"
  };
  
  (function(i,s,o,g,r,a,m){ i[r]={context:{id:'8551dbde3f168db249381597eea81c71'}};a=o;o=s.createElement(o); o.async=1;o.src=g;m=s.getElementsByTagName(a)[0];m.parentNode.insertBefore(o,m); })(window,document,'script','https://js.huggy.chat/widget.min.js?v=8.0.0','pwz');
</script>
<!-- End code Huggy Chat  //-->
1
2
3
4
5
6
7
8
9
10
11
12
13

huggyData.variables

A propriedade variables é um array que deve receber objetos do tipo { HuggyChatDataVariable } com a chave key e o valor value. Esse recurso é utilizado para interagir com variáveis dentro do flow.



 
 
 
 
 
 



<script>
  var huggyData = {
    variables: [
      {
        key: 'clientid',
        value: 104
      }
    ]
  };
</script>
1
2
3
4
5
6
7
8
9
10

huggyData.userIdentifier

Define o identificador único do usuário. Essa propriedade é utilizada na autenticação e deve ser utilizada em conjunto com a propriedade huggyData.userHash.



 




<script>
  var huggyData = {
    userIdentifier: 'user@company.com',
    userHash: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJqdGkiOiJ1c2VyMUBjb21wYW55LmNvbSJ9.upuQ_qWcSFWdzIAGjEfSi-v_RvWC-bicTLNyEePPOhY'
  }
</script>
1
2
3
4
5
6

huggyData.userHash

Define o hash (JWT) de autenticação do usuário, assinando e validando o huggyData.userIdentifier. Essa propriedade é utilizada na autenticação.




 



<script>
  var huggyData = {
    userIdentifier: 'user@company.com',
    userHash: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJqdGkiOiJ1c2VyMUBjb21wYW55LmNvbSJ9.upuQ_qWcSFWdzIAGjEfSi-v_RvWC-bicTLNyEePPOhY'
  }
</script>
1
2
3
4
5
6

Saiba mais sobre autenticação

API

Huggy.showButton() not available at SDK

Huggy.showButton();
1

Mostra o botão do Huggy Chat se ele estiver oculto.

Huggy.hideButton() not available at SDK

Huggy.hideButton();
1

Este método é responsável por ocultar o botão do Huggy Chat na página.

Huggy.showChats() not available at SDK

Huggy.showChats();
1

Mostra a lista de chats no Huggy Chat se eles estiverem ocultos.

Huggy.hideChats() not available at SDK

Huggy.hideChats();
1

Oculta a lista de histórico dos chats e redireciona para a última conversa do usuário. O chat redirecionado não é o mais recente, mas o que ocorreu na última interação.

Huggy.openBox() not available at SDK

Huggy.openBox();
1

Abre a janela do Huggy Chat, se estiver fechada.

Huggy.closeBox() not available at SDK

Huggy.closeBox();
1

Fecha a janela do Huggy Chat.

Huggy.openButtons() not available at SDK

Huggy.openButtons();
1

Cria e mostra a lista de canais registrados para atendimento.

✔️ Canais
Telegram, Whatsapp, Email, Messenger.

Huggy.openChatByID(id) not available at SDK

Huggy.openChatByID(5);
1

Abre o chat de um determinado ID no Huggy Chat. Este chat deve estar na lista de chats do usuário atual.

Huggy.openEmail() not available at SDK

Huggy.openEmail();
1

Abre a janela de atendimento do canal email.

Huggy.openKnowledgeBase() not available at SDK

Huggy.openKnowledgeBase();
1

Abre a base de conhecimento registrada nas configurações do Huggy Chat (caso esteja definido).

Huggy.openMessenger() not available at SDK

Huggy.openMessenger();
1

Abre um atendimento utilizando o canal Messenger redirecionando para a página do Messenger.

Huggy.openPhone() not available at SDK

Huggy.openPhone();
1

Abre a tela para inserir os dados de telefone para agendar uma ligação.

Huggy.openTelegram() not available at SDK

Huggy.openTelegram();
1

Abre um atendimento utilizando o canal Telegram, redirecionando para a página Web do Telegram.

Huggy.openWhatsapp() not available at SDK

Huggy.openWhatsapp();
1

Abre um atendimento utilizando o canal Whatsapp, redirecionando para a página do Whatsapp Web.

Huggy.recreateAttendance()

Huggy.recreateAttendance();
1

Cria um novo chat.

Huggy.removeChats(id) not available at SDK

Huggy.removeChats(2);
1

Remove um chat da lista a partir de seu ID.

Huggy.sendMessage(Hello)

Huggy.sendMessage('Hello Charles!');
1

Envia uma mensagem no chat.

Huggy.setData()

Huggy.setData(nome, email, DDI, telefone);
1
Huggy.setData('Joao', 'joao@email.com', '+55', 11988888888);
1

A função Huggy.setData({}) atualiza automaticamente os dados de um contato no Huggy Chat e no Painel Huggy. É importante enfatizar que para definição dos campos personalizados, você deverá utilizar o Token (gerado automaticamente quando um campo personalizado é registrado) como a chave do objeto "custom_fields" seguido pelo valor desejado. Se você passar um Token inexistente ou inválido, o mesmo será ignorado.

Huggy.setData({
  customer: {
    name: 'João de Maria',

    mobile: '5511988888888',

    email: 'joao@email.com',

    custom_fields: {
      cpf_of_the_contact_customer: '000.000.000-00',

      cnpj_of_the_company_customer: '00.000.000/0000-00',

      date_of_birth_customer: '01/01/0050',

      corporate_e_mail_customer: 'a@aluan.com',

      activation_time_of_the_contact_customer: '12:00',

      comercial_phone_customer: '5511988888888'
    }
  },
  variables: [
    {
      key: 'huggy.perfil',
      value: 'Perfil de XXXXX'
    }
  ]
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

Nota: No seu sistema, quando o evento createChat é acionado para o sistema Huggy, as variáveis ​​devem ser passadas como o contexto inicial do chat. O método setData só funcionará com o chat criado.

Huggy.setEmail(email)

Huggy.setEmail('charles@test.com');
1

Altera o e-mail do cliente no Huggy Chat.

Huggy.setName(nome)

Huggy.setName('Charles');
1

Altera o nome do cliente no Huggy Chat.

Huggy.setPhone(DDI, telefone)

Huggy.setPhone("+55", "75999999999");
1

Altera o telefone do cliente no Huggy Chat.

Huggy.showTrigger(id) not available at SDK

Huggy.showTrigger(3)
1

Mostra determinado gatilho, usando seu ID.

Huggy.startTrigger(id, position, message) not available at SDK

Huggy.startTrigger(3, 0, 'Inicializa o gatilho');
1

Nota: A string que está sendo passada como parâmetro possui configurações no painel. Se passado no método, ela substitui o valor configurado. Somente o primeiro parâmetro é obrigatório, os demais são opcionais.

Executa a ação do botão do gatilho, somente neste método o ID é requerido. O ID é o ID do gatilho, a posição é a posição do botão dentro do gatilho e neste caso, como existe apenas um botão, esta é a posição padrão. Essa posição não pode ser alterada e o nome entre aspas é o nome que será exibido dentro do botão.

Huggy.startTrigger(2, 0, 'Abre o vídeo');
1

Huggy.subscribe(topico, call)

✔️ Topics
Topics List: "channel-open:whatsapp", "channel-close:widget", "box-opened:email", "box-opened:phone", "box-opened:chat", "box-opened", "box-closed", "chat:message", "chat:created"

O usuário se inscreve para escutar os eventos dos tópicos mencionados acima e executa uma função passada por parâmetro, como mostra o exemplo:

Huggy.subscribe('channel-open:whatsapp', function() {
  alert('whatsapp channel opened');
});
1
2
3

Existe um tópico específico (chat:created) que emite um objeto com o as seguintes propriedades.

{
  authHash: "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUxxxxxxxxxx",
  chatID: 99999999,
  customerSiteID: 999999999,
  department: null,
  hash: "f82768b90a3bdc6868b5xxxxxxxx",
  last_notification: null,
  message: {customer: {}, agent: false, lastAgent: {}, chatOpened: false, subject: null,},
  presence: "GmcjuRCzyimW%2B3qBjzWyXwDJwaV6xxxxxxxxxxx",
  server: "https://ct.huggy.io",
  smartTriggerID: null,
  text: "Oi",
  token: "5fec1013617ad07c104f84xxxxxxxxxxx",
  whatsapp: null
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

Para obter esses dados você pode executar uma função como segue o exemplo:

Huggy.subscribe('chat:created', function(data) {
  console.log('This is the chat Id: ', data.chatID);
});
1
2
3

Huggy.destroy()

Esse método remove a instância do Huggy Chat da página. Para ativar novamente é necessário executar o Huggy.init. Após o destroy, o único método disponível é o Huggy.init.

Huggy.destroy();
1

Autenticação

O que é?

A autenticação do Huggy Chat serve para manter o estado da conversa para alguém que o seu sistema conheça. Exemplo: um usuário do seu sistema inicia uma conversa no computador do trabalho e, ao final do expediente, vai para casa. Se ela logar no seu sistema, no computador de casa (outro dispositivo), a conversa vai estar disponível para ela continuar. Isso porque:

  1. O seu sistema conhece o usuário;
  2. O seu sistema autentica o Huggy Chat para que o chat saiba quem ele.

Isso difere do $_Huggy.name, por exemplo. O name é para identificar o contato. A autenticação é para garantir que aquela pessoa é a mesma em dois ou mais dispositivos. Caso vocề só queira identificar o contato, basta utilizar o $_Huggy.name e $_Huggy.email

Para autenticar-se ao Huggy Chat é necessário adicionar o campo huggyData { HuggyChatData } no escopo do seu site, sendo o mesmo um objeto com os campos userIdentifier e userHash, como exemplificado abaixo ou utilizar o Huggy.login:

window.huggyData = {
  userIdentifier: 'user@company.com',
  userHash: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJqdGkiOiJ1c2VyMUBjb21wYW55LmNvbSJ9.upuQ_qWcSFWdzIAGjEfSi-v_RvWC-bicTLNyEePPOhY'
}
1
2
3
4

O campo userIdentifier deve possuir valor único (ID) para cada contato do Huggy Chat, este será utilizado na identificação do seu contato. Já o userHash é um token JWT gerado a partir do userIdentifier e assinado com a chave secreta disponibilizada nos detalhes do Huggy Chat no painel Huggy.

Ele deve ser assinado usando o algoritmo (HMAC usando SHA-256), como demonstrado na imagem abaixo.

Authentication HuggyData

Exemplo de como gerar o userHash

<?php
function generateUserHash($userIdentifier, $huggyChatSecretKey) {
  // Create token header as a JSON string
  $header = json_encode(['typ' => 'JWT', 'alg' => 'HS256']);
  // Create token payload as a JSON string
  $payload = json_encode(['jti' => $userIdentifier]);
  // Encode Header to Base64Url String
  $base64UrlHeader = str_replace(['+', '/', '='], ['-', '_', ''], base64_encode($header));
  // Encode Payload to Base64Url String
  $base64UrlPayload = str_replace(['+', '/', '='], ['-', '_', ''], base64_encode($payload));
  // Create Signature Hash
  $signature = hash_hmac('sha256', $base64UrlHeader . "." . $base64UrlPayload, $huggyChatSecretKey, true);
  // Encode Signature to Base64Url String
  $base64UrlSignature = str_replace(['+', '/', '='], ['-', '_', ''], base64_encode($signature));
  // Create JWT
  $jwtToken = $base64UrlHeader . "." . $base64UrlPayload . "." . $base64UrlSignature;
  return $jwtToken;
}
$userIdentifier = 'myuser@company.com';
$huggyChatSecretKey = 'eca50890942569fbf40f3752e6007f3x';
echo generateUserHash($userIdentifier, $huggyChatSecretKey);
?>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

Huggy.login(HuggyChatAuth)

A função Huggy.login deve ser utilizada para a utilização do recurso de autenticação do usuário.

Este método permite autenticar o Huggy Chat sem que seja preciso recarregar a página. Para isso, deve ser passado como parâmetro um objeto { HuggyChatAuth } contendo userIdentifier e o userHash.

PropertyTypeDescription
userIdentifierstringIdentificador único do usuário. Essa propriedade é utilizada na autenticação e deve ser utilizada em conjunto com a propriedade huggyData.userHash.
userHashstringDefine o hash (JWT) de autenticação do usuário, assinando e validando o huggyData.userIdentifier. Essa propriedade é utilizada na autenticação.
userIdentifier
string

Identificador único do usuário. Essa propriedade é utilizada na autenticação e deve ser utilizada em conjunto com a propriedade huggyData.userHash.


userHash
string

Define o hash (JWT) de autenticação do usuário, assinando e validando o huggyData.userIdentifier. Essa propriedade é utilizada na autenticação.


Huggy.login({ 
  userIdentifier: 'john@doe.com',
  userHash: 'eyJ0eXAiOiJKV1QiLCJfbGcuOiJIUzI1NiJ9.eyJqdGkiOiJjYXJlb3MuYWd1cWFyQGh1Z2d5LmleIn0.zAqI8oaNPitqy6Eg7aw1LdlWeinT8acPwueQLQc7q70'
}) 
1
2
3
4

Huggy.logout(reload?, fnBeforeInit?)

Este método faz o logout do Huggy Chat, removendo a autenticação. Os parâmetros são opcionais.

parametertypedescriptiondefault
reloadbooleanRecarrega o Huggy Chat após o logout. Caso seja false, vai ser necessário inicializar programaticamentetrueopcional
fnBeforeInitfunctionFunção callback disparada antes de inicializar (caso reload seja true. Caso seja false, após o logout)functionopcional
reload
boolean

Recarrega o Huggy Chat após o logout. Caso seja false, vai ser necessário [inicializar programaticamente](#huggy-init-huggychatinit)

default: true


fnBeforeInit
function

Função callback disparada antes de inicializar (caso reload seja true. Caso seja false, após o logout)

default: function


Faz logout e recarrega o Huggy Chat

// por padrão o parâmetro reload é true

Huggy.logout() // sem parâmetros

// é a mesma coisa de 

Huggy.logout(true) // reload = true
1
2
3
4
5
6
7

Faz logout e não recarrega

Huggy.logout(false) // reload = false
1

Faz logout e dispara o callback

Huggy.logout(true, function () {
  console.log('callback disparado antes de recarregar novamente')
}) // reload = true

Huggy.logout(false, function () {
  console.log('callback disparado após o logout')
}) // reload = false
1
2
3
4
5
6
7

Inicializar programaticamente e SPAs

O Huggy Chat funciona com frameworks do tipo Vue, React, Angular, Svelte e outros. Entretanto, possa ser que seja necessário algumas alterações. A instalação comum do Huggy Chat, em que se copia o código disponibilizado no painel e coloca no HTML, necessita do acesso ao arquivo HTML. Para ela funcionar, é necessário inserir o código de instalação no arquivo HTML que recebe o build do framework (geralmente o public/index.html ou static/index.html que os frameworks disponibilizam).

Quando não se tem acesso à esse arquivo ou simplesmente você quer inicializar o Huggy Chat via API, é necessário usar o Huggy.init.

Huggy.init(HuggyChatInit?)

Esse método possibilita a inicialização do Huggy Chat programaticamente. Entretanto, este método não está sempre disponível. Os casos de uso são:

  1. Ao inicializar o Huggy Chat sem o objeto de configuração $_Huggy
  2. Ao executar o método Huggy.logout(false). Saiba mais sobre o Huggy.logout

No caso 1. é útil em SPAs ou quando você precisa inicializar o Huggy Chat em outro momento. Ao invés de acrescentar o código de instalação e ele iniciar automaticamente, você vai apenas inserir o script do Huggy Chat:

<script src="https://js.huggy.chat/widget.min.js"></script>
1

Quando ele é inicializado e não existe o objeto de configuração $_Huggy no window, ele disponibiliza o método Huggy.init na API.

Nesse caso, o único método disponível em toda a API é o Huggy.init

Utilizando

Há 2 maneiras de inicializar programaticamente. Você pode declarar o objeto de configuração do Huggy Chat window.$_Huggy=HuggyChatInit e chamar o Huggy.init() sem parâmetros. Assim, ele vai procurar o objeto de configuração previamente declarado.

Note que o objeto de configuração nesse caso é um específico para inicialização programática, o HuggyChatInit

A outra é inicializar o Huggy.init(HuggyChatInit) passando a configuração específica.

Em ambos os casos, após a execução do Huggy.init, o Huggy Chat é devidamente carregado e o método deixa de existir.

HuggyChatInit

PropertyTypeDescriptionDefault
contextIDstringID de contexto. Ele é incluido no script de inicialização e deve ser extraído para essa propriedade
...HuggyChatConfigTodas as propriedades de HuggyChatConfig, mantida as obrigatórias
<a href="#contextid">contextID</a>
string

ID de contexto. Ele é incluido no script de inicialização e deve ser extraído para essa propriedade

Default:


...
HuggyChatConfig

Todas as propriedades de HuggyChatConfig, mantida as obrigatórias

Default:


contextID

O contextID é um hash único que é necessário para o funcionamento do Huggy Chat. Se você estiver utilizando a forma comum que é inserindo o código de instalação disponível no canal de configuração da sua conta, você não precisa se preocupar porque ele já está incluindo.

Esse parâmetro só é importante para quem utiliza o Huggy Chat programaticamente via Huggy.init.

Esse hash é encontrado no código de instalação do Huggy Chat, nas configurações de canal. Vou pegar como exemplo o código usado na seção instalando









 



<!-- Init code Huggy Chat  //-->
<script>
  var $_Huggy = {
    defaultCountry: '+55',
    widget_id: '0001',
    company: "0001"
  };
  
  (function(i,s,o,g,r,a,m){ i[r]={context:{id:'8551dbde3f168db249381597eea81c71'}};a=o;o=s.createElement(o); o.async=1;o.src=g;m=s.getElementsByTagName(a)[0];m.parentNode.insertBefore(o,m); })(window,document,'script','https://js.huggy.chat/widget.min.js?v=8.0.0','pwz');
</script>
<!-- End code Huggy Chat  //-->
1
2
3
4
5
6
7
8
9
10
11

Na linha em destaque, que é a inicialização do script, observamos a chamada do script do nosso CDN e o hash contextID 8551dbde3f168db249381597eea81c71

Neste caso, reformulando o código padrão de instalação para uso com o Huggy.init ficaria assim:





 


Huggy.init({
  defaultCountry: '+55',
  widget_id: '0001',
  company: "0001",
  contextID: '8551dbde3f168db249381597eea81c71'
})
1
2
3
4
5
6

Huggy.init recebe como parâmetro um objeto HuggyChatInit

Tipos