[TUTORIAL] Atendimento online (ao vivo)

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Principal Contribuidor
  • 0

TUTORIAL - [TUTORIAL] Atendimento online (ao vivo) Empty [TUTORIAL] Atendimento online (ao vivo)

Mensagem por Shek 26.08.17 13:45

Atendimento online
Por vezes alguns membros do fórum têm dúvidas acerca de como utilizar o fórum. Nada melhor que atendimento ao vivo para sanar suas dúvidas.

Atendimento online
Tutoriais, dicas e astúcias

Gerando o código

Para que a função seja ativa em seu fórum, iremos precisar que crie uma conta em https://www.tawk.to/ que é um software gratuíto para livechat (atendimento ao vivo).

TUTORIAL - [TUTORIAL] Atendimento online (ao vivo) Dx59wGj

Após preencher os dados para cadastro, siga para a tela de seleção de idiomas, e selecione a opção desejada. Se não encontrar o idioma de seu país, você poderá definir por padrão o Português do Brasil. A etapa de registro e criação deste código leva 5 etapas, logo, em caso de problemas na criação, é altamente recomendável que contate o suporte do serviço especializado. Lembre-se, só fornecemos suporte para a configuração e aplicação do código fórum.

Código a ser inserido

Após completar a terceira etapa, você poderá colher o código direto do site Tawk. O detalhe é que este código possue um ID (chave) para sua aplicação. Você será capaz de editá-la acessando o serviço quando bem desejar. Por isso, recomendamos que guarde os dados de conexão com este site para serem usados no futuro.

Exemplo de código fornecido:
Código:
<!--Start of Tawk.to Script-->
   <script type="text/javascript">
      var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
      (function(){
      var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
      s1.async=true;
      s1.src='https://embed.tawk.to/KEY/default';
      s1.charset='UTF-8';
      s1.setAttribute('crossorigin','*');
      s0.parentNode.insertBefore(s1,s0);
      })();
   </script>
<!--End of Tawk.to Script-->

Criação do widget personalizado

Como este código é apropriado para widget, você poderá acessar em seu Painel de controle as opções de gerenciamento de widget para criar e hospedar o código script. Siga os passos a seguir para completar o processo.
Painel de Controle Seta Branca Módulos Seta Branca Portal e Widgets Seta Branca Gestão dos Widgets do fórum

Criar um widget personalizado
TUTORIAL - [TUTORIAL] Atendimento online (ao vivo) Newwid10

TUTORIAL - [TUTORIAL] Atendimento online (ao vivo) 110111SetaNome do widget: - Será o nome dado ao widget para localização e controle deste pelo Painel de Controle.
TUTORIAL - [TUTORIAL] Atendimento online (ao vivo) 110210Seta Utilizar um table type: - Nesta opção, deverá ser marcado o "Não".
TUTORIAL - [TUTORIAL] Atendimento online (ao vivo) 110310Seta Título do widget: - Nesta opção, não será necessário preenchimento, resultado da marcação do "Não" anteriormente.
TUTORIAL - [TUTORIAL] Atendimento online (ao vivo) 110410Seta Fonte do widget: - Neste campo, Devemos inserir o código trabalhamos no 3º Passo.
Feito isso, basta que o Widget seja arrastado para uma coluna no módulo correspondente para que o efeito seja aplicado.

Atendimento online
Tutoriais, dicas e astúcias

Dúvidas gerais

  • O código pode ser aplicado em outros locais?;
    Sim. O código é aceito em qualquer local que aceite HTML. O recomendável é criar uma página extra de Portal para promover o atendimento de seus clientes online. Lembre-se que para isso funcionar, você ou alguém da sua equipe precisa estar conectado ao serviço no momento.

  • Resultado;
    TUTORIAL - [TUTORIAL] Atendimento online (ao vivo) W0z7aZa


Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste sub-fórum
Não podes responder a tópicos