Pular para o conteúdo principal

Typebot

📍 Onde configurar​

Acesse Automação e Integrações → IA e Integrações, clique em Adicionar e selecione Typebot. Siga o assistente (Nome → Configuração → Revisão) preenchendo os campos abaixo.

Após criar, o assistente "Vamos ativar sua integração" cria automaticamente a fila (com "Inicia Integração ao transferir" ativa) e você escolhe os canais.

  1. URL Integração: Pegue a URL na publicação do Typebot, não coloque a última / conforme exemplo acima.
  2. Typebot - Slug: Nome que aparece depois na URL quando você publica. Ver exemplo acima.
  3. Tempo em minutos para expirar uma conversa: Tempo de inatividade que leva para o NextChat se desconectar do Typebot caso não haja mais interação do cliente.
  4. Palavra que fecha ticket: Comando que o cliente envia para fechar o ticket.
  5. Mensagem caso opção escolhida seja inválida: Mensagem que o bot enviará caso não receba a resposta esperada (exemplo: o cliente envia texto quando a entrada esperada era um número).
  6. Palavra que reinicia o Fluxo: Comando que o cliente envia para voltar ao começo do fluxo do Typebot.
  7. Mensagem ao reiniciar fluxo: Mensagem que será enviada após o comando que reinicia o fluxo.
  8. Título no uso de botão (até 3 botões): Título exibido quando a resposta usa botões — disponível para API Oficial e API PLUS.
  9. Título no uso de lista (mais de 3 botões): Quando há mais de 3 botões, a mensagem vira um menu em lista — preencha o título da lista (API Oficial e API PLUS).
  10. Subtítulo no uso de lista: Subtítulo exibido no menu em lista (API Oficial e API PLUS).
  11. Botão na lista: Texto do botão usado no menu em lista (API Oficial e API PLUS).
  12. Intervalo (ms) entre mensagens: Tempo entre as respostas. 1000ms = 1 segundo.

Variáveis do Typebot​

  • number
  • pushName
  • nome
  • email
  • ticketId
  • protocol
  • ticket
  • remoteJid
  • firstMessage
  • As informações adicionais podem ser usadas como variaveis (atenção essa informação carregada quando inicia conexão typebot se alguma for alterada durante fluxo typebot não vai alterar até fluxo typebot for reniciado)

Exemplo​

  1. Usando a variável abaixo, o valor retornado será "0985786468528":

    {{CPF}}

  2. Usando a variável abaixo, o valor retornado será "Premium":

    {{plano}}

  3. Usando a variável abaixo, o valor retornado será "Rua Marechal Deodoro, 11":

    {{endereco}}

Comandos Possíveis​

Adicione os comandos abaixo em um Bubble de texto:

  • Comando para transferir de Fila (lembre-se de trocar o ID):

    #{ "queueId": "1" }

  • Comando para transferir para Atendente (lembre-se de trocar o ID):

    #{ "queueId":"1", "userId":"1" }

  • Comando para transferir para ChatBOT INTERNO (lembre-se de trocar o ID):

    #{ "chatbotId": "1" }

  • Parar o Typebot (não precisa trocar o 1):

    #{ "stopBot":"1" }

  • Comando para adicionar uma Etiqueta (lembre-se de trocar o ID):

    #{ "tagId": "1" }

  • Comando para finalizar o atendimento (não precisa trocar o 1):

    #{ "closeTicket":"1" }

  • Comando para adicionar contato em uma Lane CRM - Somente crm compartilhado (lembre-se de trocar o ID):

    #{ "crmId": "1" }

  • Comando para adicionar contato em um Follow-up - (lembre-se de trocar o ID) - Para Retirar usar id 0:

    #{ "followupId": "1" }

  • Comando Criar ou alterar informação adicional contato

#{
  "AddiInfo": {
    "description": "plano",
    "information": "premium"
  }
}

Os IDs podem ser obtidos na tela que lista os cadastros no NextChat.

Comando especiais - usar bubbles texto​

  • Criar lista personalizada
[list]
[title]Título da Lista
[description]Descrição da lista
[buttonText]Ver opções
[footerText]Rodapé da lista
[menu]
[section]
title: Seção 1
[row]
title: Opção 1
description: Descrição 1
rowId: id_opcao_1
[/row]
[row]
title: Opção 2
description: Descrição 2
rowId: id_opcao_2
[/row]
[/section]
[section]
title: Seção 2
[row]
title: Opção 3
description: Descrição 3
rowId: id_opcao_3
[/row]
[/section]
[/menu]
  • Criar menu reply - api oficial e API PLUS
[replybutton]
[text]Escolha uma das opções abaixo[text]
[button]
title: Botão 1
id: 1
[button]
[button]
title: Botão 2
id: 2
[button]
[button]
title: Botão 3
id: 3
[button]
  • Criar url button - api oficial e API PLUS
[urlbutton]
[header]Acessar seu teste[/header]
[body]Agora so acessar seu teste com email: {{email}} senha: mudar123[/body]
[footer]Obrigado pelo cadastro.[/footer]
[buttonText]Acesse agora[/buttonText]
[url]https://teste.nextchat.com.br/[/url]

  • Criar solicitar localizacao - api oficial e API PLUS
[locationrequest]
[text]Por favor compartilhe sua localização para encontrarmos a loja mais próxima[text]
  • Criar Botão dinamico - Somente API PLUS
[dinamicbutton]
[text]This is the main button message text[text]
[footerText]This is the footer text[footerText]
[reply]
displayText: Reply Button Text
id: reply-button-id
[reply]
[copy]
displayText: Copy Button Text
copyText: This is the text that will be copied
[copy]
[call]
displayText: Call Button Text
phoneNumber: 554899416725
[call]
[url]
displayText: URL Button Text
url: https://www.nextchat.com.br
[url]
  • Criar Carosel - Somente API PLUS
[carousel]
[title]Nossos Produtos em Destaque[title]

[item]
[text]Smartphone XYZ
O mais avançado smartphone da linha[text]
[image]https://example.com/images/smartphone-xyz.jpg[image]
[reply]
displayText: Comprar Agora
id: SIM_COMPRAR_XYZ
[reply]
[url]
displayText: Ver Detalhes
url: https://exemplo.com/xyz
[url]
[item]

[item]
[text]Cupom de Desconto
Ganhe 20% OFF em qualquer produto[text]
[image]https://example.com/images/discount-coupon.jpg[image]
[copy]
displayText: Copiar Cupom
copyText: DESCONTO20
[copy]
[call]
displayText: Falar com Vendedor
phoneNumber: 5511999999999
[call]
[item]
  • Criar Pix Button - API PLUS
[pixbutton]
[pixKey]11071697000108[/pixKey]
[pixName]Informeurer Informatica[/pixName]
[pixType]CNPJ[/pixType]
  • Criar Request Pagamento - API PLUS
[requestpayment]
[amount]199.99[/amount]
[text]Pedido #123 pronto para pagamento[/text]
[pixKey]11071697000108[/pix]
[pixName]Informeurer Informatica[/name]
[pixType]CNPJ[/type]
[paymentLink]CNPJ[/paymentLink]
[title]Detalhes do pedido[/title]
[footer]Loja Exemplo[/footer]
[itemName]Assinatura Plano Ouro[/itemName]
[boletoCode]34191.79001 01043.510047 91020.150008 5 91070026000[/boletoCode]
  • Criar enviar localizacao - baileys, plus, oficial, wuzapi
[locationMessage]
[longitude]-46.6866186[longitude]
[latitude]-23.5788957[latitude]
[name]Google São Paulo[name]
[address]Av. Brig. Faria Lima, 3477 - 18º Andar - Itaim Bibi, São Paulo - SP, 04538-133[address]
  • Enviar Contato - baileys, plus, oficial, wuzapi
[contact]
[displayName]nome do contato[/displayName]
[telephone]551195248458[/telephone]

IMPORTANTE:

  • Veja como instalar o Typebot na mesma VPS que o NextChat aqui.

Exemplo de fluxo para importar no Typebot​

Como Compartilhar Fluxo com o Cliente​