Adding AI Chatbots to Websites - FlowiseAI Tutorial #10

Рет қаралды 7,164

Күн бұрын

#flowiseai #flowise #openai #langchain
In this video you will learn how to add Flowise chatbots to websites using the Embed API.
🙏 Support My Channel:
Buy me a coffee ☕ : www.buymeacoffee.com/leonvanzyl
📑 Useful Links:
Flowise Customizer: www.flowiseai-customizer.dev
💬 Chat with Like-Minded Individuals on Discord:
/ discord
🧠 I can build your chatbots for you!
www.cognaitiv.ai
🕒 TIMESTAMPS:
00:00 - Intro
01:47 - Embed Over
02:51 - HTML Embed
04:47 - Configure Theme
06:39 - Change Welcome Message
07:30 - Nextjs / React Embed
10:27 - Flowise Embed Customizer
12:40 - Remove branding

Пікірлер: 53

@dannymckeever6549 4 ай бұрын

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 4 ай бұрын

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

@Organizational_Psychology_PhD 29 күн бұрын

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

@GilbertMizrahi 4 ай бұрын

Great video, as always!

@leonvanzyl 4 ай бұрын

Thank you ☺️

@PIOT23 4 ай бұрын

Great idea w the styling tool!

@leonvanzyl 4 ай бұрын

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

@toi500 4 ай бұрын

Outstanding!!

@leonvanzyl 4 ай бұрын

Thank you ❤️

@josephperkins8766 4 ай бұрын

Amazing thanks Leon

@leonvanzyl 4 ай бұрын

You're welcome 🤗

@hayttlesds 27 күн бұрын

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

@leonvanzyl 27 күн бұрын

You're welcome

@jim02377 4 ай бұрын

I love your videos!

@leonvanzyl 4 ай бұрын

Thank you

@DarkKnight-uk7mq 4 ай бұрын

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

@mohammd100 4 ай бұрын

Great 😍

@leonvanzyl 4 ай бұрын

Thank you ❤️

@user-ku3md9xt2j 2 ай бұрын

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 2 ай бұрын

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

@abiolasamuel8092 4 ай бұрын

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 4 ай бұрын

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

@jlfguthrie 3 ай бұрын

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 3 ай бұрын

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?

@abeechr 4 ай бұрын

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 4 ай бұрын

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 ☕

@jeffb6305 4 ай бұрын

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 ?

@HemaSherbeny 2 ай бұрын

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

@traderonthebasement 2 ай бұрын

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

@inteligenciamilgrau 4 ай бұрын

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 4 ай бұрын

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

@inteligenciamilgrau 4 ай бұрын

@@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 3 ай бұрын

@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

@AlexandreXavierG 3 ай бұрын

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!

@stealthesethoughts 2 ай бұрын

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?

@hansvanwyk5740 4 ай бұрын

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 4 ай бұрын

Doesn't seem like it

@HarshavardhanGurramYT 20 күн бұрын

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!

@toi500 4 ай бұрын

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

@leonvanzyl 4 ай бұрын

Unfortunately not.

@jacekjanczura5651 3 ай бұрын

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

@leonvanzyl 3 ай бұрын

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.

@rozza9178 3 ай бұрын

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 3 ай бұрын

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

@ritaverissimo1720 2 ай бұрын

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 :)

@makeaiua 3 ай бұрын

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

@leonvanzyl 3 ай бұрын

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

@poltheexplore 3 ай бұрын

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