Adding AI Chatbots to Websites - FlowiseAI Tutorial #10

[@dannymckeever6549]

Dude! Leon, you are a legend! Thank you so much for this. I can only imagine that must have taken quite awhile to build. Your generosity is epic. I will be buying you a few coffees. Thank yoU!

[@leonvanzyl]

This means a lot, thank you! I'm just grateful for comments like these 🤗.

[@GilbertMizrahi]

Great video, as always!

[@leonvanzyl]

Thank you ☺️

[@Organizational_Psychology_PhD]

I missed this one until today. Thank you! Exactly what I needed!

[@PureDiscord]

Hello friends. How can I connect local Pc flowise to my website? Is it some special?

[@PIOT23]

Great idea w the styling tool!

[@leonvanzyl]

Thank you. Haha, it was quite a lot of work 🤣. Nothing is too much for my audience 🤗.

[@DarkKnight-uk7mq]

Another great one. Real nice. Could you please make a flowise with n8n tutorial?

[@HarshavardhanGurramYT]

So, I have a use case wherein, I want to execute my own function on message send. Maybe, I want to hit an API, which has some functionality like storing messages to my DB and then executing the flow or something. Can we do it with HTML embed / react chat Bubble? One more video I'm waiting for is live chat handoff with flowise. Looking forward!

[@abiolasamuel8092]

Another gem of a video! I can't thank you enough for making Flowise usable to all. Quick questionn sir: can the Flowise chatbot process uploads just like chatgpt 4?

[@leonvanzyl]

You're welcome! You cannot upload files (like pdf) using the chat window, if that's what you mean.

[@globalnet-chile]

Hi, thanks so much for your videos, they're excellent! I've already seen most of Flowise and it's really impressed me. I know there's a video showing how to insert the chatbot into WordPress, I followed it but got an "Error: Fail to Fetch" error despite being able to open the chatbot from its URL without any issues. Is there any help or clue you could give me to get past this?

[@hayttlesds]

Great job. Thanks for all of videos. I am learning a lot.

[@leonvanzyl]

You're welcome

[@alexandraholler2655]

Hi, I watched the video "Adding AI Chatbots to Websites - FlowiseAI Tutorial #10" and found it very helpful. However, I'm struggling to figure out how to change the size of the chat button bubble and the color of highlighted texts like headings and links. Is there a tutorial or step-by-step guide available for these customizations? Thank you!

[@toi500]

Outstanding!!

[@leonvanzyl]

Thank you ❤️

[@abeechr]

I really enjoy your videos and have several projects in play right now. Many questions keep coming up one for example is the speed of the responses, and more. Have you considered starting a Discord? I’ll definitely buy you a coffee. :-)

[@leonvanzyl]

Hey, I'm just glad my videos are helping you in some way. Response times greatly depend on the model that you're using. The response from something like the GPT Instruct model is virtually instant. Try not to use the chat models if you only need something simple (like classification, etc). Would love a coffee ☕

[@cmary337]

Can I implement this with local hosted approach? Thanks!

[@WolfMarbach]

I love your videos and you have a good clear voice non native speakers can easily understand!!! Did you publish a video, where SME companies could connect their chatbot on the website with their data sources like DBs or Windows folders? E.g. to answer questions of technical documents or asking for a delivery time.

[@leonvanzyl]

Thank you very much for the kind feedback. I don't have such a video yet. Will see what I can do

[@devvrider]

Hello Leon, thank you for the tutorial! I would like to pass contextual information like the user’s browser geolocation to the chatbot to give suggestions. Is there any way to achieve this?

[@ilmanclasher9563]

sir how to fix "You exceeded the characters limit. Please input less than 50 characters."

[@jlfguthrie]

Hey Leon, would you say building on Flowise is now at a point where you can use a flowise solution in a production environment? Or is Flowise rather a tool to quickly put a working concept in place, after which you build it out in a python/flask/etc app for production?

[@maniecronje]

Hi Leon, great material thank you once agian... I was looking at deploying on AWS but could not find any videos on YT is this something that may be on the cards?

[@piotrfszawadzkki5355]

is possibility to make trigger to pop up automatically our chatbot on website?

[@inteligenciamilgrau]

Nice tutorial!! I have a question!! I'm using n8n to intermediate an flowise chat throught whatsapp! But the sessionId is always changing, so I cannot keep a conversation even using memory!! Any idea to solve that? Thankssss a lot!!

[@leonvanzyl]

You can pass a chat ID / session ID into the API 👍. I'll create a video on the API as well.

[@inteligenciamilgrau]

@@leonvanzyl Nice!! At this time I'm using a Redis BackEnd Chat Memory, but I'm not sure if it's the best choice!! Thanks!!

[@haimco50]

@leonvanzyl @nteligenciamilgrau - I am trying to figure out what's the best way to duplicate/migrate flowise flow into WhatsApp - could Twillio be a viable option? n8n requires Meta Biz account which I don't have at this point - in any case any insights/expirience on this woule be very appricated - I think also that this or migrate to other chat channel like slack/mesanger could be very usufll use case for many people as well so doing video on this could be amazing

[@stealthesethoughts]

Great tutorial, I just built my first bot with this. I've embedded the HTML on my Carrd site. While it works fine on desktop, it has a 'Error:load failed" on mobile. Any idea on what could be causing this?

[@ErenAktas-r8w]

Any chance to know whether nodejs.demo folder is available somewhere to repeat the exercise here?

[@AlexandreXavierG]

Hello Leon, thank you for the videos! I would like to connect Flowise from my VPS with Ollama installed local, can you make a video about it ? Thanks again!

[@jeffb6305]

Can users to upload documents from the Flowise frontend to allow for them to chat with it? Example: user uploads their stock portfolio and our chat app answers their questions about the portfolio ?

[@jacekjanczura5651]

How do you protect the chat from misuse? ReCaptcha/limits to chat lengths/limits to chats created?

[@leonvanzyl]

At this stage you can only set a rate limit. I would also create an API Key for each chatbot so you can view the usage and disable keys if need be.

[@jgabod]

Hey man! I'm loving your videos and built a couple of apps with them. Question: how do you make them persist? I find that apps I built on other website and such get reset and I have to reimport my chatflow and re-upsert almost weekly. Have you found a work around?

[@leonvanzyl]

You should watch my video on self hosting Flowise.

[@jgabod]

@@leonvanzyl this one or another one? kzbin.info/www/bejne/oZi4pad-gtB6fMk&ab_channel=LeonvanZyl

[@abcde12345-v]

The flowise customiser is great thank you! Would it be possible to add more features to the chatbot like dictation or clickable starting phrases? Would be really useful for my website!

[@leonvanzyl]

Starting phrases would be really awesome. It's definitely a highly requested feature.

[@HemaSherbeny]

Great as usual! Can you please make a video about how to use socket io in the flowise?

[@jim02377]

I love your videos!

[@leonvanzyl]

Thank you

[@josephperkins8766]

Amazing thanks Leon

[@leonvanzyl]

You're welcome 🤗

[@ritaverissimo1720]

Hi, very useful video! Question: if I have a multilingual website, will the AI agent be able to speak English, French & Spanish? (I'l gonna use Mistral AI which supports these languages) Thanks a lot for your help :)

[@nocturnalbreadwinner]

Hello Leon, when you embed the html popup to a page, is there a way to pass back an input variable in order to give the chatbot context?

[@leonvanzyl]

Hey there. I don't think so. You can provide those sort of values to the FW, but the web embed is way more rigid when it comes to that. If I had to guess it's due to the embed being exposed on the client (users) and you wouldn't want someone injecting unwanted values into your Flow.

[@nocturnalbreadwinner]

@@leonvanzyl thank you, that makes sense.. You're a legend Leon! Thank you for everything that you do.

[@toi500]

Question: is would be possible to add a custom css border-radius property to the chatWindow using your app?

[@leonvanzyl]

Unfortunately not.

[@ritaverissimo1720]

Hi Leon, what if I want to embed the html code in a wordpress site, how should I proceed? Thanks a lot!

[@leonvanzyl]

Hey there! Check out the end of this video where I add a Flowise chatbot to Wordpress. kzbin.info/www/bejne/gai4k3abgpesgtE

[@ritaverissimo1720]

@@leonvanzyl Thank you so much :D

[@hansvanwyk5740]

Hi Leon. Can I call the theme: css settings from an external file using embed? This way I only have to add one line of code for the embed script. The end user will then not see the css as it is called from an external css file. Is this possible?

[@leonvanzyl]

Doesn't seem like it

[@poltheexplore]

Thank you very much for the clips you made. I have watched all of your clips. Thank you very much for sharing. I have a question and would like you to help me make a clip about connecting with Facebook and Instagram. Also reply with pictures and help me make a demo clip. thank you very much

[@makeaiua]

When I insert HTML code widget to adaptive for mobile version Help pls

[@leonvanzyl]

The chat window is responsive. You can style it as well, so perhaps show a different version based on screen size.

[@greendsnow]

Hey there, How about wordpress?

[@leonvanzyl]

I've actually covered WordPress in one of my previous videos 😀.

[@Santu-p5h]

may i remove their branding and add my own brand or website link and name please reply

[@leonvanzyl]

Yes, I have videos on removing the branding on my channel 👍

[@Santu-p5h]

@@leonvanzyl thank you so much for your kind reply. i need one more help, i walked through your render deployment video but i want to know how to deploy it to hugging face spaces with a secure way. can you make a video please

[@louisawang1308]

can the chatbot be called by iOS apps?

[@leonvanzyl]

Yes, the iOS apps can call the Flowise APIs.

[@traderonthebasement]

Just put a cloudflare worker in for of your webpage... Remove what you don't want.

[@mohammd100]

Great 😍

[@leonvanzyl]

Thank you ❤️

[@florentflote]

[@cgm593]

[@leonvanzyl]

🤣