Conexão de Widget

Para 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 o widget estiver pronto para ser publicado, copie o script e peça ao administrador do site para colocar o script antes da tag de fechamento. Se você colocar o widget por meio do Gerenciador de tags do Google, siga as instruções.



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


Bloco «Widget»

Configurações gerais do widget:

  • O nome do canal — campo obrigatório. Insira o nome do canal que será exibido na lista geral de canais na seção «Canais» e usado no Usedesk (filtros, ficha de ticket, configurações, etc.);


  • Linguagem — a linguagem do sistema de mensagens e botões do widget. Escolha a língua que seus clientes falam;
  • Cor — a cor principal do widget para o cabeçalho e os botões;
  • Texto no cabeçalho — campo obrigatório. Especifique o cabeçalho no cabeçalho do bate-papo;
  • Distribuído por — texto na parte inferior do widget, por exemplo, para alertá-lo quando dados pessoais estão sendo coletados. Exibido na forma de feedback e no chat quando a configuração está desativada no bloco «Chat» — «Não solicitar e-mail»;
  • Permitir anexos — marque esta caixa para permitir que os clientes enviem anexos para a sala de chat.

Atenção! Para segurança interna, o Usedesk renomeia anexos de clientes no seguinte formato:

.aru .msc .sfx .tmp .py .pif .application .wmf .msp .com .cmd .dll .apk .bat .bin .cgi .cmd .com .cpp .js .jse .exe .html .hta .htm .vbs .vb .phtml .gadget .gtp .hta .jar .scr .cpl .msi .msu .msp .paf .ps1 .pwz .scr .thm .vb .vbe .vbs .ws .wsc .wsh .wsf .php .jse .ps1 .ps1xml .ps2 .psc1 .psc2 .lnk .inf .scf .msh .msh1 .msh2 .mshxml .msh1xml .msh2hml .reg .doc .xls .ppt .docm .dotm .xlsm .xltm .pptm .potm .ppam .ppsm .sldm .gzquar .zix .ocx .ozd .class .swf .drv .chm .pgm .sjs .xlm .dev .vba .vbe .pif .tsa .vxd .hlp .sop .xnxx .386 .tps .boo .vb .pcx .rhk .bkd .exe1 .dxz .osa .lik .cih .dyz .9 .mfu .z7p .dlb .kcd .dyv .mjz .php3 .dom .hlw .wsc .vbx .fnr .cla .rsc_tmp .wlpginstall .dli .xir .mjf .bhx .mcq .bup .upa .dllx .xdu .xlv .cxq .bxz .ska .wsh .cfxxe .txs .qrn .fag .tti .bll .vexe .xtbl .uzy .smtmp .tko .oar .ceo .scr .smm .plc .cc .ssy .ctbl .spam .dbd .blf .ce0 .iws .zvz .vzr .hsq .rna .aepl .nls .lkh .let .aut .delf .fuj .ezt .buk .bmw .hts .atm .iva .dx .bqf .qit .pr .bps .fjl .capxml .cyw .pid .lpaq5 .lok .xnt .0_full_0_tgod_signed

Por exemplo: .doc é renomeado para .doc.dangerouse_format.txt;

  • Prioridade de exibição (z-index) — 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);
  • Mostrar o botão de envio na Base de Conhecimento — marque esta caixa para ativar o botão de feedback do widget intitulado «Escreva para nós» se o cliente estiver lendo um de seus artigos;

  • Atraso para bate-papos 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. O sistema deve reagir apenas à primeira resposta do usuário em chats novos ou reabertos. O tempo é contado desde o momento em que o cliente escreve a mensagem até a primeira resposta do operador. Por exemplo: o cliente escreveu uma mensagem, o usuário respondeu dentro do prazo definido na configuração e até que o chat seja encerrado você não perderia esta mensagem. Se o valor estiver em branco, o sistema irá transferir automaticamente o número de segundos para 0 e nem um único chat do widget será considerado perdido. O usuário pode continuar trabalhando com os chats perdidos na seção «Tickets» do filtro «Chats perdidos» (ou selecionar o filtro «Chats perdidos» no chat);
  • Um número máximo de chats por atendente — 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 (por número);
  • Permissão para responder se o cliente estiver offline — marque esta caixa para que os usuários possam responder ao cliente, mesmo se já tiverem saído do site e offline. Ative esta configuração se tiver certeza de que o cliente retornará ao widget em breve;
  • Permissão para apenas encerrar seus chats — marque esta caixa e o usuário poderá encerrar apenas os chats atribuídos a ele;
  • Mostrar widget — opte por exibir o widget no site: sempre, durante o horário de trabalho (horário de trabalho de grupos de usuários) ou nunca.



Bloco de «botão»

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

  • Número de oscilações — defina qualquer valor do campo para que seu widget atraia mais atenção — quantas vezes o ícone pisca depois que a página for carregada;
  • Tempo limite de exibição de símbolo — o número de segundos após os quais o widget aparece na página onde está instalado;
  • Posição — posição do botão do widget na página: direita, esquerda;
  • Cor — o plano de fundo do botão do widget;
  • Ícone — baixe o ícone do widget (imagem ou GIF) ou use o ícone padrão — o logotipo da Usedesk.

Bloco de «Tooltip»

Configuração de dicas no widget:

  • Mostrar — selecione a opção quando desejar exibir a dica de ferramenta no widget: sempre, nunca, ao passar o mouse;
  • Cor de fundo — a cor de fundo do Tooltip;
  • Texto — o texto do Tooltip para o widget. Insira a dica de ferramenta no idioma que seus clientes falam;
  • Cor do texto — a cor do texto da dica;
  • Tamanho do texto — o tamanho do texto da dica.


Um exemplo de dica de ferramenta personalizada em um widget:


Bloco «formulário de feedback»

Configurando o formulário de feedback:

  • Crie tickets através do canal — selecione o canal através do qual você receberá o feedback dos clientes na seção «Tickets»;
  • Mostrar — selecione a opção quando quiser exibir o formulário de feedback no widget:
    • depois de horas. O horário de trabalho dos grupos de usuários é definido, o resto do tempo é um chat de suporte;
    • sempre um único formulário de retorno de chamada. O bate-papo com o suporte não será exibido;
    • sempre callback + chat. Ao abrir o widget, o formulário de feedback estará disponível e, após o preenchimento do widget, será aberto um chat com suporte;
    • nunca. O bate-papo com o suporte estará sempre visível.
  • Título do formulário — especifique o nome do formulário. Se você deixar o campo em branco, o «Feedback» padrão será exibido no lado do cliente;
  • Tópicos — Campo obrigatório. 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;
  • Título do tópico — escreva um texto de ajuda para o cliente;
  • Tópico obrigató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», «número do pedido», etc. Marque a caixa abaixo para tornar os campos adicionados obrigatórios.


Bloco do «Chat»

Configure o chat com o suporte:

  • Substitua 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 evitar 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á de você assim que iniciar o bate-papo;
  • Reação — marque a caixa de seleção abaixo para enviar o texto ao cliente («Texto de reação»), caso ele escreva «oi», «olá», «boa tarde»;
  • Texto de reação;
  • Cor do texto do botão em mensagens — configure os botões no widget para automatizar a correspondência e defina a cor do texto do botão neste campo;
  • Cor de fundo do botão nas mensagens.


Bloco «Configurando itens»


Para fazer o ícone aparecer no widget, clique no botão «Adicionar» e defina os valores em qualquer ordem. Você pode alterar a ordem dos itens digitados arrastando e soltando. Preencha o formulário ao lado do item desejado:

  • Tooltip — ajuda pop-up. Se o campo não for preenchido, o Tooltip não será exibido;
  • Imagem — vista do seu botão. Passe o mouse sobre o ícone padrão, clique em «mais» e adicione sua imagem (tamanho não superior a 20 Mb);
  • Link ou item de lista para os seguintes valores:
    • Centro de suporte — se você tiver mais de uma base de conhecimento em sua conta, selecione aquela que deseja exibir neste widget específico. Por padrão, a primeira base de conhecimento da lista é selecionada. A base de conhecimento sempre estará localizada no topo da lista no widget, independentemente de sua localização ao configurá-la;
    • VKontakte — id da página / grupo;
    • Facebook — um link para o diálogo do Facebook messenger com sua empresa;
    • Viber — um link para o público ou um número de telefone;
    • Telegram — link para um bot ou conta;
    • Instagram — link do perfil;
    • WhatsApp — link de formato — https://api.whatsapp.com/send?phone=+ phone;
    • Skype — link de bate-papo;
    • Link — link externo.


Adicione chat, aplicativos de mensagens, redes sociais através dos parâmetros especificados, e use um novo campo «Link» para adicionar canais necessários para sua empresa através de um link externo.


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

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