Como criar o widget

Clique aquiPara conectar o widget ao site, abra a seção Canais → Adicionar canal, clique em Chats.

Na parte inferior da página de configurações, você encontrará o código do widget. Quando ele estiver pronto para ser publicado, copie o script e peça ao administrador do site para colocar o script na página desejada.

O cartão de ajuste do widget consiste em 6 blocos:

Bloco Widget
Configurações gerais do widget:

  • Nome do canal: campo obrigatório. Insira o nome do canal que será exibido na seção Canais e usado no Usedesk (filtros, ficha de ticket, configurações, etc.).
  • Idioma: escolha o idioma que serão exibidos os botões do seu widget.
  • Cor: a cor principal do widget para o cabeçalho e os botões.
  • Texto no cabeçalho: campo obrigatório. Especifique o texto que será exibido no cabeçalho do bate-papo.
  • Distribuído por: texto na parte inferior do formulário de avaliação do widget. Ele pode ser utilizado, por exemplo, para alertá-lo quando dados pessoais estão sendo coletados.
  • Permitir anexos: marque esta caixa para permitir que os clientes enviem anexos no chat.
    Atenção! Para segurança interna, o Usedesk renomeia anexos de clientes.
  • Permitir avaliação: marque esta caixa para permitir que os clientes avaliem seu atendimento a qualquer momento clicando na estrela exibida no canto superior direito do chat.
  • Texto de dica de avaliação: texto que é exibido ao passar o mouse sobre o botão de avaliação.
  • Prioridade de exibição (índice z): o índice determina a prioridade de exibição do widget entre as camadas de outros elementos do seu site. Por exemplo, se o índice do widget for inferior ao índice da imagem principal do site, o widget não será exibido (a imagem terá prioridade).
  • Exibir botão de envio na seção da base de conhecimento: marque esta caixa para ativar o botão “Escreva para nós” nos artigos da base de conhecimento.
  • Atraso para chats perdidos: especifique o número de segundos após os quais o bate-papo do widget será considerado ignorado se o operador não responder ao cliente. Esse tempo é considerado apenas em relação à primeira mensagem do usuário. O tempo é contado desde o momento em que o cliente escreve a mensagem até a primeira resposta do operador.
    Se o valor estiver em branco, o sistema irá transferir automaticamente o número de segundos para 0 e nenhum chat do widget será considerado perdido.
    O usuário pode continuar trabalhando com os chats perdidos normalmente.
  • Máximo de chat por agentes: especifique o número máximo de chats que um atendente pode ter. O sistema distribuirá os bate-papos igualmente entre todos os atendentes até o número especificado na configuração. Quando o limite é atingido, todos os outros bate-papos permanecem sem atribuição. Se houver uma regra com uma ação de atribuição e quaisquer outras ações, esta ação de atribuição não será executada (todas as outras ações desta regra são executadas). Se o valor não for preenchido, o sistema converterá automaticamente o número de chats para 0 e a distribuição dos chats funcionará sem limite.
  • Permitido responder se o cliente está off-line: marque esta caixa para que os usuários possam responder aos clientes, mesmo se já tiverem saído do site e estejam offline. Ative esta configuração se tiver certeza de que o cliente retornará ao widget em breve.
  • Ocultar ao fazer clique fora da área: marque essa caixa se você deseja que, ao clicar fora do chat, a caixa seja fechada.
  • Distribuição automática: os tickets serão distribuídos automaticamente para os agentes.
  • Permitido apenas encerrar seus chats: marque esta caixa e o usuário poderá encerrar apenas os chats atribuídos a ele.
  • Exibir um widget: escolha quando o widget será exibido no site. Sempre, durante o horário de trabalho (horário de trabalho de grupos de usuários) ou nunca.
  • Sem mensagens (h): se não houver novas mensagens no canal para o número de horas especificado, o Usedesk enviará uma notificação aos administradores.


Bloco Botão
Configurando a exibição do botão do widget:

  • Número de ondas: defina quantas vezes o ícone do widget deve piscar depois que a página for carregada para chamar atenção.
  • Tempo limite de exibição de badge: tempo (segundos) para que o widget apareça na página onde está instalado.
  • Posição: posição do botão do widget na página (direita ou esquerda).
  • Cor: cor do plano de fundo do botão do widget.
  • Ícone: insira o ícone do widget desejado (imagem ou GIF).


Bloco Tooltip
Configuração de dicas no widget:

  • Mostrar: selecione se a mensagem será exibida: sempre, nunca ou ao passar o mouse.
  • Cor do plano de fundo: a cor de fundo do Tooltip.
  • Texto: a mensagem que será exibida.
  • Cor do texto: a cor do texto da dica.
  • Tamanho do texto: o tamanho do texto da dica.


Bloco Formulário de Avaliação
Configurando o formulário de feedback:

  • Criar tickets no canal: selecione o canal de e-mail através do qual você receberá o feedback dos clientes na seção Tickets.
  • Exibir: selecione a opção quando quiser exibir o formulário de feedback no widget.
    - Nunca: o formulário nunca será exibido.
    - Horas extras: o formulário será exibido apenas fora do horário de trabalho.
    - Sempre apenas formulário de avaliação: apenas o formulário será exibido.
    - Sempre formulário de avaliação + chat: o cliente poderá preencher o formulário e iniciar o bate-papo ao vivo em seguida.
  • Título do formulário: especifique o nome do formulário. Se você deixar o campo em branco, o Usedesk definirá por padrão “Formulário de avaliação”.
  • Saudação: adicione um texto de saudação que será enviado ao cliente em nome do bot da empresa ao preencher o formulário de feedback.
  • Tópicos: caso deseje, especifique os tópicos que o cliente pode escolher ao entrar em contato com você. O tópico se tornará o título da solicitação recebida.
  • Cabeçalho do tópico: escreva um texto para ser exibido na caixa seletora do tópico.
  • Tópico necessário: marque a caixa para tornar a seleção de um tópico obrigatória.
  • Campos personalizados: campos no formulário com informações adicionais. Por exemplo, cidade, cargo ou tamanho da empresa.
  • Campos de tickets adicionais: solicite informações personalizadas para seu cliente que serão preenchidas automaticamente no ticket. Para isso, crie o campo personalizado em Configurações para que você possa exibi-lo no formulário.
  • Título do resultado: texto que será exibido no cabeçalho após envio do formulário.
  • Texto do resultado: mensagem que será exibida após o envio do formulário.


Bloco Chat
Configure o chat com o suporte:

  • Som: inclua um som para notificar o usuário de uma nova mensagem.
  • Substituir o nome do operador por: substitua os nomes do operador e do bot por um nome.
  • Não pedir e-mail: marque a caixa de seleção para não solicitar o e-mail do cliente antes de iniciar o bate-papo. Lembre-se que, neste caso, você não conseguirá identificar automaticamente o cliente no sistema e visualizar o histórico de suas solicitações.
  • Saudação: mensagem que o cliente receberá automaticamente assim que iniciar o bate-papo.
  • Reação: marque a caixa de seleção para enviar o texto de reação ao cliente.
  • Texto de reação: texto que será enviado automaticamente para o cliente após a primeira interação.
  • Botão cor do texto em mensagens: caso você utilize botões no seu chat, configure a cor do texto dos botões nesse campo.
  • Botão cor do fundo em mensagens: caso você utilize botões no seu chat, configure a cor dos botões nesse campo.



Bloco Definir itens
Para incluir ícones no widget, clique no botão Adicionar e defina os valores. Você pode alterar a ordem dos itens digitados arrastando e soltando. Preencha o formulário ao lado do item desejado:

  • Central de atendimento: selecione a base de conhecimento que será exibida. A base de conhecimento sempre estará localizada no topo da lista no widget, independentemente de sua localização ao configurá-la.
  • Facebook: insira o link para o bate-papo do Facebook messenger da sua empresa.
  • Telegram: insira o link para um bot ou conta.
  • Skype: insira o link do bate-papo.
  • Instagram: insira o link do perfil da sua conta.
  • WhatsApp: link de formato https://api.whatsapp.com/send?phone=+ phone;
  • Link: insira o link externo desejado.

O número total de ícones no widget é limitado a 10.

Atenção!
Incluir aplicativos de mensagens no widget não o integra com o Usedesk. Use as instruções para conectar os aplicativos de mensagens.


Nosso widget de teste

Clique aqui para acessar nosso widget de teste.

Nele você pode ver como o widget funciona, formulários no widget de chat e botões.
O widget possui dois gatilhos configurados: um envia o formulário quando o botão é clicado, o outro envia o texto. Veja como eles são configurados:
Gatilho com texto


Gatilho com forma