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.