search

LucasBassetti / react-simple-chatbot

:speech_balloon: Easy way to create conversation chats
https://lucasbassetti.com.br/react-simple-chatbot/
MIT License
1.71k stars 596 forks source link

How to integrate React chatbot with other applications / website? #183

Open rajivgandhi2010 opened 5 years ago

rajivgandhi2010 commented 5 years ago

@LucasBassetti

I have created a chatbot using React Simple Chatbot. Now, I want to integrate the same chatbot in our website (like, iframe integration).

Is there any way to do this?

sureshHARDIYA commented 5 years ago

I am also looking into something similar integrating a bot in a website rather than just a chat window.

spvalencia commented 5 years ago

I integrated the chatbot on my website through an iframe. Also I added dialogflow and dynamic option steps

rajivgandhi2010 commented 5 years ago

I integrated the chatbot on my website through an iframe. Also I added dialogflow and dynamic option steps

Can you please guide us on this?

GilbertMizrahi commented 5 years ago

@spvalencia - Silvio, can you elaborate on how did you integrated DialogFlow and dynamic option steps? Also, can you provide a link to the page where you have your bot to see it in action?

spvalencia commented 5 years ago

@GilbertMizrahi

  1. Create an agent on dialogflow.com
  2. Integrate a webhook (I built an API in Node.js).
  3. I forked the react-simple-chatbot to support dynamic steps (You can see my fork).
  4. You can see an example here https://faq-johfas.firebaseapp.com/.
  5. You can ask for "Matriculas" and follow the conversation.

If you have more questions please, just let me know.

GilbertMizrahi commented 5 years ago

@spvalencia,

Hola Silvio, Gracias. In the example, I don't see how you are using DialogFlow. Except for the initial navigation in which I have to enter "Matriculas", the rest is just tree-based. Even "Matriculas" could be triggered without DailogFlow..

On the other hand, I was looking for your fork under your GitHub account and I don't see any public repositories. Can you provide a link?

spvalencia commented 5 years ago

@GilbertMizrahi

The bot is under construction.

You're right, for the moment only the initial request is integrated with DialogFlow, the rest comes from the API directly. But is easy continue with the flow.

Fork: https://github.com/bongga-co/react-simple-chatbot

spvalencia commented 5 years ago

@GilbertMizrahi

https://github.com/bongga-co/simple-chatbot-website

GilbertMizrahi commented 5 years ago

@spvalencia

Gracias Silvio