Todas as categorias > Canais > Chat Online > Como configurar o Widget da Huggy

Como configurar o Widget da Huggy

CRIADO por Helison Zurc

O Widget (Chat online) da Huggy permite acoplar o atendimento online no seu site, blog, landing pages, redes sociais ou a quaisquer outros serviços que você esteja promovendo, proporcionando uma comunicação direta com o seu cliente.

Para configurar o Widget é muito simples.

Acesse “Configurações > Personalizações > Canais”;
Selecione o canal “Widget”;
Clique em “+Adicionar um novo Widget”;
Em seguida será apresentado o formulário para configuração. Clique em “Mais opções” para visualizá-lo por completo.
No formulário apresentado, é só preencher as informações solicitadas:

Nome: nome que será exibido no widget
Me chama no WhatsApp: neste campo você define por qual WhatsApp, dentre os previamente cadastrados na plataforma, o cliente solicitará o atendimento. Para tal, será necessário habilitar o botão “Me chama no WhatsApp”;
Me chama no Telegram/Telegram Bot – neste campo você define por qual Telegram/Telegram Bot, dentre os previamente cadastrados na plataforma, o cliente solicitará o atendimento. Para saber como configurar o Telegram Bot, clique aqui;
Me chama no Messenger: neste campo você define por qual Messenger, dentre os previamente cadastrados na plataforma, o cliente solicitará o atendimento. Para saber como configurar o Facebook (Messenger), clique aqui;
Me chama no E-mail: neste campo você define por qual e-mail, dentre os previamente cadastrados na plataforma, o cliente solicitará o atendimento. Para saber como configurar o e-mail clique aqui;
Cor do botão do chat: cor do botão do chat na página. Você pode inserir a cor desejada utilizando o formato hexadecimal (#00FF00, #A020F0, etc.);
Posição: posição do chat na página;
Mensagem online (Opcional): mensagem exibida no Widget quando o atendimento estiver disponível para o cliente. A mensagem só será exibida caso tenha agentes com o status disponível definido;
Mensagem offline(Opcional): mensagem exibida no Widget quando o atendimento estiver indisponível para o cliente. A mensagem só será exibida caso não tenha agentes logados na plataforma ou os mesmos estejam com o status indisponível definido;
Tipo do botão: informe se deseja o botão do chat padrão ou em círculo;
Idioma do Widget: informe o idioma a ser utilizado;
Flow de entrada: Defina o Flow que atuará a partir do primeiro contato do cliente até o mesmo ser atendido por um agente; Para saber mais sobre o recurso Flow, clique aqui.
Flow de saída: Defina o Flow que será desencadeado após o chat ser finalizado;
Base de conhecimento: recebe o link para publicação de documentos técnicos, artigos de sua Central de Ajuda ou mesmo o FAQ, de forma a solucionar as dúvidas de seus clientes de forma mais rápida;
Mensagem de boas vindas: mensagem que será enviada automaticamente quando o cliente entra em contato via Widget (atendimento via website).

Abaixo, você terá os seguintes parâmetros para ativação e desativação:

Me chama no Telefone: ativando este botão, o cliente pode solicitar o atendimento através de uma chamada telefônica, para tanto é necessário que o canal do VoIP tenha sido configurado previamente na plataforma. Para saber como configurar o VoIP clique aqui;
Me chama no Whatsapp: ativando este botão, o cliente pode solicitar o atendimento através do aplicativo do WhatsApp, para tanto é necessário o canal do WhastApp tenha sido configurado previamente na plataforma;
Solicitar os dados do usuário: ativando este botão, torna-se obrigatório a solicitação dos dados do usuário antes de iniciar um atendimento;
Preenchimento obrigatório do e-mail: com esta opção ativada, será obrigatório o cliente informar o e-mail;
Preenchimento obrigatório do telefone: com esta opção ativada, será obrigatório o cliente informar o telefone/celular;
Exibir botão do widget: com esta funcionalidade ativada, o botão do widget será sempre exibido. Quando desativada, o botão do widget só aparecerá quando houver alguma interação (Ex.: Gatilhos e Novas Mensagens);
Exibir quando os agentes estiverem offline: com esta funcionalidade ativada, o widget estará visível em site mesmo quando todos agentes estiverem offline;
Permitir criar novo atendimento: com esta funcionalidade ativada, o cliente poderá criar mais de um atendimento;
Permitir múltiplos chats: com esta funcionalidade ativada, será permitido que o cliente tenha mais de um atendimento simultâneo;
Notificar chats abandonados: Com essa funcionalidade ativada, os clientes que abandonarem o chat, deixando-o sem resposta, serão notificados via e-mail ou sms. Mas para isso, é necessário que ele tenha informado anteriormente o e-mail ou telefone para contato.

Para finalizar a configuração, clique no botão "Salvar".

Antes de inserir o widget em seu site é possível pré visualizá-lo, para tanto, basta clicar no link Pré visualize o widget no seu site. Ao fazer uso dessa função é possível testar o comportamento do canal na prestação do atendimento a partir do site e seu direcionamento a plataforma Huggy.

Como adicionar o Widget da Huggy em seu site

Para adicionar o Widget da Huggy ao seu site são necessários dois passos: configurar o Widget na plataforma Huggy, e após configurado, adicioná-lo ao código fonte do seu site.

Para compreensão de como configurar o Widget clique aqui.

Para localizar o código HTML na plataforma acesse:

Menu “Configurações > Personalizações > Canais”;
Selecione o canal “Widget”;
Na lista apresentada clique sobre o Widget desejado;
Em seguida, copie o código HTML disponibilizado e cole em seu website, antes do fechamento da tag </body>.