Nos atendimentos do Webchat V2 é possível inserir informações em variáveis mesmo que os usuários não tenham preenchido. Você passará essas informações dentro do script ou link de compartilhamento do seu Webchat V2.

API JavaScript

O script de integração com o site conta com uma API JavaScript na qual é possível definir alguns parâmetros antes da inicialização do chat e também executar alguns métodos após o chat ser carregado, além da escuta de eventos.

Script disponibilizado na plataforma para integração com o site:

<script type="text/javascript">
          (function(s, z, c, h, a, t) {
            s.webchat = s.webchat || function() {
              (s.webchat.q = s.webchat.q || []).push(arguments);
            };
            t = z.createElement(c),
              a = z.getElementsByTagName(c)[0]; t.async = 1;
            t.src = 'https://teste.sz.chat/webchat/v2/webchat.js'; 
            a.parentNode.insertBefore(t, a);
            s.webchat('cid', '[CHANNEL_ID]');
            s.webchat('host', h);
          })(window, document, 'script', 'https://teste.sz.chat');
        </script>

Parâmetros disponíveis antes do carregamento do chat

Via script

Os parâmetros devem ser definidos abaixo da chamada no script de integração:

Via URL

É possível capturar parâmetros da URL do site antes do ínicio do chat. Por exemplo, caso você queira que os dados do usuário seja preenchido automaticamente você passaria os parâmetros da URL do site da seguinte forma: 

Detalhes sobre a URL apresentada:

• URL de compartilhamento disponibilizada na plataforma: https://teste.sz.chat/webchat/v2/?cid=[CHANNEL_ID]&host=https://teste.sz.chat

• Antes de passar cada variável é inserido o: &
  

• Passando as variáveis NAME e EMAIL: szf_name=Marcos&szf_email=marcos@mail.com
  

Métodos disponíves após o carregamento do script

Após o carregamento do script alguns métodos ficarão disponíveis. Para chamar os métodos é só acessar o método na instância webchat('METODO').

Exemplo

Dica de uso:

Com o código de exemplo abaixo inserido no nosso SCRIPT, no mesmo lugar aonde preenchemos as variáveis, podemos definir por página de forma automática, qual mensagem exibir no button_label de acordo com o arquivo em que está localizado.

switch(window.location.href.split('/').pop()) {
    case 'pagina1.html': 
        s.webchat('button_label', 'Bem vindo a página 1!');
        break
    case 'pagina2.html':
        s.webchat('button_label', 'Bem vindo a página 2!');
        break;

Exemplo de uso

Ao utilizar o recurso você pode inserir o seu Webchat V2 em um site com várias abas, e conforme a aba onde o cliente se encontra ele vai visualizar uma mensagem específica no botão do Webchat. 

E ao clicar para iniciar uma conversa você pode dar um direcionamento específico conforme a aba onde o cliente está localizado. 

Então precisamos fazer duas configurações:

• Exibir a mensagem no botão conforme a página;
  
• Direcionar o cliente para a equipe respectiva a página do site;

1 - Botão com mensagens diferentes

Obtenha o script do seu canal de Webchat V2 em canais > coluna "ações" > código de ativação.

Para exibir a mensagem no botão precisamos preencher button_label com a mensagem desejada em cada página. 

Aba comercial

Informação que deve ser inserida no script

 s.webchat('button_label','Fale com o nosso comercial')

<script type="text/javascript">
          (function(s, z, c, h, a, t) {
            s.webchat = s.webchat || function() {
              (s.webchat.q = s.webchat.q || []).push(arguments);
            };
            t = z.createElement(c),
              a = z.getElementsByTagName(c)[0]; t.async = 1;
            t.src = 'https://teste.sz.chat/webchat/v2/webchat.js'; 
            a.parentNode.insertBefore(t, a);
            s.webchat('cid', '[CHANNEL_ID]');
            s.webchat('host', h);
            s.webchat('button_label','Fale com o nosso comercial')
          })(window, document, 'script', 'https://teste.sz.chat');
        </script>

Aba suporte

Informação que deve ser inserida no script

s.webchat('button_label','Fale com o nosso suporte')

<script type="text/javascript">
          (function(s, z, c, h, a, t) {
            s.webchat = s.webchat || function() {
              (s.webchat.q = s.webchat.q || []).push(arguments);
            };
            t = z.createElement(c),
              a = z.getElementsByTagName(c)[0]; t.async = 1;
            t.src = 'https://teste.sz.chat/webchat/v2/webchat.js'; 
            a.parentNode.insertBefore(t, a);
            s.webchat('cid', '[CHANNEL_ID]');
            s.webchat('host', h);
            s.webchat('button_label','Fale com o nosso suporte')
          })(window, document, 'script', 'https://teste.sz.chat');
        </script>  

Faremos da seguinte forma, quando o cliente iniciar atendimento em uma determinada aba do site,  ele será encaminhado para a respectiva equipe apresentada na tabela:

Escolha a variável da sua preferência para ser utilizada nessa configuração, vou utilizar a variável {{EQUIPE}}.

Preciso passar essa variável preenchida no script para que a plataforma saiba para onde o cliente deve ser direcionado.

Vou inserir 1 para comercial e 2 para suporte.

Aba comercial

Informação que deve ser inserida no script

 s.webchat('szf_EQUIPE','1')

<script type="text/javascript">
          (function(s, z, c, h, a, t) {
            s.webchat = s.webchat || function() {
              (s.webchat.q = s.webchat.q || []).push(arguments);
            };
            t = z.createElement(c),
              a = z.getElementsByTagName(c)[0]; t.async = 1;
            t.src = 'https://teste.sz.chat/webchat/v2/webchat.js'; 
            a.parentNode.insertBefore(t, a);
            s.webchat('cid', '[CHANNEL_ID]');
            s.webchat('host', h);
            s.webchat('button_label','Fale com o nosso comercial')
            s.webchat('szf_EQUIPE','1')
          })(window, document, 'script', 'https://teste.sz.chat');
        </script>

Aba de suporte

Informação que deve ser inserida no script

 s.webchat('szf_EQUIPE','2')

<script type="text/javascript">
          (function(s, z, c, h, a, t) {
            s.webchat = s.webchat || function() {
              (s.webchat.q = s.webchat.q || []).push(arguments);
            };
            t = z.createElement(c),
              a = z.getElementsByTagName(c)[0]; t.async = 1;
            t.src = 'https://teste.sz.chat/webchat/v2/webchat.js'; 
            a.parentNode.insertBefore(t, a);
            s.webchat('cid', '[CHANNEL_ID]');
            s.webchat('host', h);
            s.webchat('button_label','Fale com o nosso suporte')
            s.webchat('szf_EQUIPE','2')
          })(window, document, 'script', 'https://teste.sz.chat');
        </script>

Utilizando o componente condição em seu fluxo de atendimento é possível direcionar o cliente conforme a informação contida em uma variável.

Se a variável estiver preenchida com o valor 1, ele será encaminhado para o comercial e o valor 2 encaminhará o cliente para o suporte. 

Fluxo de exemplo:

Detalhamento do componente condição: 

O campo variável precisa  ser preenchido com a mesma variável inserida no script. 

Você deve escolher se a verificação será em número ou texto, sempre levando em consideração a configuração realizada no script. 

Adicionei a exceção, para dar um direcionamento específico ao clientes que não estiverem com a variável preenchida com 1 ou 2.

Inseri a condição igual a 1 e 2 pois são os únicos valores que vou aceitar.