Skip to main content

Formulario dentro do chat


ricklgoncalves

Pessoal,

Em uma etapa do fluxo temos a necessidade de solicitar alguns dados do usuário, como por exemplo, nome, CPF, nome da mãe e data de nascimento.
Penso que seria melhor mostrar um formulário nesta etapa para que o cliente entre com todos os dados de uma vez, ao invés de solicitar as informações uma a uma.
Isso é possível no blip? Algum pode me orientar?

Obrigado.

Este tópico foi fechado para respostas.

19 comentários

rafaelpa
Blipper
  • Blipper
  • June 5, 2018

É possível sim. Basta usar uma webview.
Obs.: Você precisará implementar a página com o formulário.


ricklgoncalves

@rafaelpa foi oque imaginei, já temos a pagina do formulário pronta, mas qual objeto devo usar pra trazer a webview dentro do chat? weblink? Obrigado.


rafaelpa
Blipper
  • Blipper
  • June 5, 2018

Você precisa colocar o link para a página que possui o formulário em um conteúdo do tipo Webview.

Se precisar enviar informações do formulário para o bot você precisará usar as extensões:


ricklgoncalves

@rafaelpa não localizei o conteudo tipo webview, só consegui colocar um weblink com o parent self, mas acredito que o webview seja mais adequado.


rafaelpa
Blipper
  • Blipper
  • June 6, 2018

Desculpa escrevi errado. O correto é weblink mesmo.

Você pode chamar seu formulário de 3 diferentes formas:

Self - O formulário ocupará a tela inteira
SelfTall - O formulário ocupará 70% da tela
SelfCompact - O formulário ocupará 30% da tela

O modo Blank não é indicado nesse cenário pois ele abre a página fora da thread de conversa.


MARCELO_DIEFENBACH

Esse webview externo abre em uma janela nova ou fica dentro da janela de mensagem do facebook?


rafaelpa
Blipper
  • Blipper
  • June 11, 2018

Olá @MARCELO_DIEFENBACH,

o funcionamento do Weblink no Facebook segue as descrições abaixo:

No modo Blank uma nova janela é aberta sobre a janela de mensagens do Facebook.

  • Na web uma nova aba é aberta.
  • Nos aplicativos móveis uma nova janela é aberta, mas você ainda continua dentro do APP.

Certo.

E como pegar o retorno da página exibida com webview?

Suponhamos que o webview, a página processada retorna um json com uma informação.

Como fechar o webview, pegar esse retorno em uma var e retornar o usuário para o fluxo do bot?

Abraço.


Douglas_Cristhian

Tenho a mesma dúvida…


@rafaelpa, consegue ajudar?

Obrigado.


Maria_Eulina
  • Inspiring
  • August 9, 2018

@rafaelpa algum retorno?


rafaelpa
Blipper
  • Blipper
  • September 6, 2018

Fala pessoal,

segue os dois conteúdos que criei para ensinar como criar um componente web e utilizá-lo em uma conversa.
Adicionei um exemplo completo que ensina como enviar mensagens de uma webview para o BLiP Chat.

https://help.blip.ai/hc/pt-br/articles/360015349612-O-que-é-um-weblink-?
https://help.blip.ai/hc/pt-br/articles/360015427252-Criando-um-elemento-web-através-de-um-weblink-no-BLiP-Chat?

@Carlos_Henrique_Simo @Douglas_Cristhian @MARCELO_DIEFENBACH @ricklgoncalves


@rafaelpa, Muito Obrigado!!!


Maria_Eulina
  • Inspiring
  • September 12, 2018

Olá, @rafaelpa.
Surgiu uma dúvida aqui, no meu caso eu estou inserindo lá o endereço a baixo http://teste.weblayer.com.br/Logistica_Natone/App/loginBot.aspx?
Quando eu clico no webview ele fica carregando mais não aparece nada, existe alguma restrição com relação a esse tipo de extensão?

No aguardo,


rafaelpa
Blipper
  • Blipper
  • September 13, 2018

Existe sim @Maria_Eulina,

conforme eu explico no tutorial você precisa hospedar sua página em um endpoint seguro, utilizando HTTPS.
Por isso o seu exemplo não está funcionando. 😉


Maria_Eulina
  • Inspiring
  • September 13, 2018

Entendi, vamos providenciar, obrigada.


Bia
  • Inspiring
  • February 22, 2021

  • Inspiring
  • June 14, 2024

@Maria_Eulina boa tarde, tudo certo?

Você conseguiu fazer funcionar a integração com wpp e o formulário?

Nos testes que fiz, no blip chat funciona, mas no wpp ele sempre direciona o cliente para uma página web.

E mesmo abrindo no browser ele não fechar após a conclusão, no caso estou usando o endereço de teste que forneceram no post exemplo https://takenet.github.io/blip-chat-extension.

Já tentei com weblink, com conteúdo dinâmico, e não tive sucesso.

Se puder me ajudar.


Bruno_Gabriel1
Forum|alt.badge.img+1

@Spido, utiliza o WhatsApp Flows agora.