Integração com Oct8ne

Integre o Connectif com o Oct8ne para armazenar os dados gerados nos chats com seus contatos e utilizá-los nos workflows do Connectif.

Neste artigo, você aprenderá como realizar a integração com Oct8ne e como armazenar as informações geradas pelo contato. 

 

Após realizar a integração, você poderá segmentar seus contatos conforme explicado neste artigo, bem como utilizar as informações obtidas em estratégias personalizadas, como esta onde você poderá adicionar um popup de assistência a contatos com um carrinho ativo.

  

Tempo de implementação: 15 min.
Dificuldade: Fácil.
Quando utilizá-lo?:
Para coletar os dados dos chats do Oct8ne.

 

Por que implementar a extensão

1. Casos de uso que você poderá criar após esta integração

Aqui estão algumas ideias que podem ajudar você a implementar diferentes estratégias após ativar na sua Loja Connectif a extensão com Oct8ne.

  • Segmentação por etiqueta do Oct8ne (conforme mostrado neste artigo).
  • Criar um popup de assistência no carrinho para os contatos que desejam abandonar o site (conforme mostrado neste artigo). 
  • Enviar um e-mail ou popup de agradecimento quando um contato deixar uma avaliação positiva.

  • Pausar o envio de newsletters por um tempo para clientes que deixaram uma avaliação negativa, evitando que cancelem a assinatura.

  • Remarketing com o produto sugerido pelo agente do Oct8ne.

2. Que dados você poderá trazer do Oct8ne para o Connectif?

Com esta extensão, o Connectif receberá do Oct8ne as seguintes informações:

  • O momento em que um contato abrir um chat no Oct8ne.
  • As informações dos eventos gerados pelo contato no Oct8ne (produtos visualizados, sugeridos, adicionados ao carrinho...).

 

3. Que dados do Connectif você poderá usar no Oct8ne?

Com esta extensão, você poderá aproveitar todas as informações coletadas na ficha do contato, bem como sua atividade em tempo real, para personalizar as mensagens do Oct8ne com os dados coletados no Connectif.

 

Antes de começar: requisitos prévios

Para integrar sua conta do Connectif com o Oct8ne, você precisará:

 

PASSO 1: Criação da integração personalizada no Connectif

1. Acesse Configuração da loja no menu lateral esquerdo.

2. No seletor de abas, vá para "Integrações > Integrações personalizadas (webhooks)" e clique em   Criar nova integração.

Integração com WhatsApp - 0-min.png

3. Defina o campo "Nome da integração" para identificar a integração.

4. (Opcional) Personalize a cor, inclua uma descrição ou categorize a integração.

Integração com Oct8ne - 2-min.png

5. Clique em  Atualizar.

 

PASSO 2: Criação dos eventos de recepção 

6. Na aba Receber dados, clique em  Criar novo evento de recepção para criar cada um dos eventos que coletarão as informações do Oct8ne (detalhados nos pontos seguintes).

 

É importante atribuir os aliases indicados em cada um dos eventos para que a integração funcione corretamente.

Integração com Oct8ne - 3-min.png

 

2.1. Criação do evento de visualização dos widgets do chat

(Nesta seção, explicamos como criar e configurar o evento que será disparado quando os widgets de entrada do chat forem exibidos ao visitante no site).

7. Atribua um nome e o alias "oct8ne-widgets-viewed". 

8. Crie um campo do tipo Texto com o nome "device".

Integração com Oct8ne - 12-min.png

9. Clique em Salvar e em  Voltar à lista de eventos.

 

2.2. Criação do evento de recepção de abertura do chat

(Nesta seção, explicamos como criar e configurar o evento que será disparado quando o visitante abrir o chat do Oct8ne).

10. Atribua um nome e o alias "oct8ne-entered". 

11. Crie dois campos para este evento:

  • Um campo do tipo Texto com o nome "enterType".
  • Um campo do tipo Texto com o nome "viewedProductsBeforeEntering".

Integração com Oct8ne - 4-min.png

12. Clique em Salvar e em  Voltar à lista de eventos.

 

2.3. Criação do evento de recepção de formulário exibido

(Nesta seção, explicamos como criar o evento que será disparado quando o chat for aberto, mas não houver agentes disponíveis, e o formulário de contato for exibido dentro do próprio chat).

13. Atribua um nome e o alias "oct8ne-contact-form-viewed". 

14. Crie um campo do tipo Texto com o nome "contactFormViewed".

Integração com Oct8ne - 6-min.png

15. Clique em Salvar e em  Voltar à lista de eventos.

 

2.4. Criação do evento de recepção de formulário enviado

(Nesta seção, explicamos como criar o evento que será disparado quando o contato enviar o formulário de contato dentro do chat).

16. Atribua um nome e o alias "oct8ne-contact-form-send". 

17. Crie um campo do tipo Texto com o nome "contactFormSend".

Integração com Oct8ne - 6-min.png

18. Clique em Salvar e em  Voltar à lista de eventos.

 

2.5. Criação do evento de recepção de seleção de departamento

(Nesta seção, explicamos como criar o evento que será disparado quando o visitante, antes de ser atendido, selecionar um departamento disponível em uma lista).

19. Atribua um nome e o alias "oct8ne-selected-department". 

20. Crie um campo do tipo Texto com o nome "department".

Integração com Oct8ne - 7-min.png

21. Clique em Salvar e em  Voltar à lista de eventos.

 

2.6. Criação do evento de recepção de transferência do chat para um agente

(Nesta seção, explicamos como criar o evento que será disparado quando o bot transferir o visitante para um agente humano).

22. Atribua um nome e o alias "oct8ne-transfer-from-bot". 

23. Crie um campo do tipo Texto com o nome "transferredTo".

Integração com Oct8ne - 14-min.png

24. Clique em Salvar e em  Voltar à lista de eventos.

 

2.7. Criação do evento de recepção de chat atendido por agente

(Nesta seção, explicamos como criar o evento que será disparado quando o agente atender o visitante e tiverem sido trocadas mais de 2 mensagens, ou qualquer outra condição estabelecida).

25. Atribua um nome e o alias "oct8ne-attended-by-agent". 

26. Crie dois campos para este evento:

  • Um campo do tipo Texto com o nome "agentId".
  • Um campo do tipo Texto com o nome "agentName".

Integração com Oct8ne - 5-min.png

27. Clique em Salvar e em  Voltar à lista de eventos.

 

2.8. Criação do evento de recepção de etiqueta adicionada

(Nesta seção, explicamos como criar o evento que será disparado quando o agente marcar uma sessão em tempo real com uma etiqueta).

28. Atribua um nome e o alias "oct8ne-added-tag". 

29. Crie um campo do tipo Texto com o nome "label".

Integração com Oct8ne - 13-min.png

30. Clique em Salvar e em  Voltar à lista de eventos.

 

2.9. Criação do evento de recepção de produto visualizado no visor do chat

(Nesta seção, explicamos como criar o evento que será disparado sempre que o visitante visualizar um produto dentro do visor do chat).

31. Atribua um nome e o alias "oct8ne-visitor-product-view". 

32. Crie um campo do tipo Texto com o nome "viewedProduct".

Integração com Oct8ne - 9-min.png

33. Clique em Salvar e em  Voltar à lista de eventos.

 

2.10. Criação do evento de recepção de produto visualizado

(Nesta seção, explicamos como criar o evento que será disparado quando o visitante visualizar um produto dentro do visor do chat).

  

Diferente do evento do ponto 2.6., que é enviado toda vez que o visitante visualiza um produto, este evento é enviado apenas uma vez durante a sessão.

34. Atribua um nome e o alias "oct8ne-viewed-product". 

35. Crie um campo do tipo Texto com o nome "sentBy".

Integração com Oct8ne - 10-min.png

36. Clique em Salvar e em  Voltar à lista de eventos.

 

2.11. Criação do evento de recepção de produto sugerido por agente

(Nesta seção, explicamos como criar o evento que será disparado quando o visitante visualizar um produto sugerido pelo agente dentro do visor do chat).

37. Atribua um nome e o alias "oct8ne-agent-product-suggested". 

38. Crie um campo do tipo Texto com o nome "viewedProduct".

Integração com Oct8ne - 11-min.png

39. Clique em Salvar e em  Voltar à lista de eventos.

 

2.12. Criação do evento de recepção de produto adicionado ao carrinho dentro do chat

(Nesta seção, explicamos como criar o evento que será disparado quando o visitante clicar no botão de adicionar ao carrinho dentro do chat).

40. Atribua um nome e o alias "oct8ne-click-add-to-cart". 

41. Crie um campo do tipo Texto com o nome "addedBy".

Integração com Oct8ne - 8-min.png

42. Clique em Salvar e em  Voltar à lista de eventos.

 

2.13. Criação do evento de recepção de avaliação positiva

(Nesta seção, explicamos como criar o evento que será disparado quando o visitante fizer uma avaliação positiva de um agente).

43. Atribua um nome e o alias "oct8ne-good-rating". 

44. Crie um campo do tipo Texto com o nome "ratedAgent".

Integração com Oct8ne - 15-min.png

45. Clique em Salvar e em  Voltar à lista de eventos.

 

2.14. Criação do evento de recepção de avaliação negativa

(Nesta seção, explicamos como criar o evento que será disparado quando o visitante fizer uma avaliação negativa de um agente).

46. Atribua um nome e o alias "oct8ne-bad-rating". 

47. Crie um campo do tipo Texto com o nome "ratedAgent".

Integração com Oct8ne - 16-min.png

48. Clique em Salvar e em  Voltar à lista de eventos.

 

2.15. Criação do evento de recepção de visitante recorrente

(Nesta seção, explicamos como criar o evento que será disparado sempre que um cliente que já utilizou o Oct8ne anteriormente voltar a visitar a página).

49. Atribua um nome e o alias "oct8ne-returning-visitor". 

50. Crie dois campos para este evento:

  • Um campo do tipo Texto com o ID "attendedBy".
  • Um campo do tipo Texto com o ID "attendedDaysAgo".

Integração com Oct8ne - 17-min.png

51. Clique em Salvar e em  Voltar à lista de eventos.

 

 

Sucesso!
A integração da sua conta Connectif com Oct8ne está pronta.

 


Continue aprendendo!

Para aproveitar todo o potencial da sua conta no Connectif, recomendamos continuar com os seguintes artigos: