Building AI Chatbots using Voiceflow | STEP BY STEP
Вставка
- Опубліковано 15 лип 2024
- In this complete Voiceflow tutorial, I will teach you how to build advanced AI Chatbots with integrations from scratch. Even if you're a beginner, I will cover everything you need to know to become a Chatbot developer. You'll learn how to create a basic customer service chatbot with Calendly and Gmail integration using Make, an advanced e-commerce chatbot with Airtable and Zendesk integration, a Real Estate Chatbot with Calendly & Video embeds, and a complete AI Concierge for a Hotel with Google Maps integration. I will also show you how to deploy these chatbots on your Website, Shopify store, and WhatsApp. The best part? I will provide all the chatbot templates you need to start your AI Automation Agency. 👇🏼
FREE Resources and Weekly QnA here: mani.wiki/skool
(iframes, prompts, chatbot templates included)
FREE Discovery Call (for Businesses): mani.wiki/discovery
AI Agency Website: mani.wiki/greymatter
AI Agency Newsletter: mani.wiki/newsletter
Consulting Call: mani.wiki/consulting
Links mentioned in the video:
=========================
Voiceflow: mani.tools/voiceflow
Voiceglow: mani.tools/voiceglow
Webflow: mani.tools/webflow
Make: mani.tools/make
Flowbridge: mani.tools/flowbridge
Zendesk: www.zendesk.com/
AirTable: airtable.com/
Mixed Analytics: mixedanalytics.com/tools/basi...
Google Map Embed API: developers.google.com/maps/do...
Google Map Places API: developers.google.com/maps/do...
Let's Connect:
=========================
LinkedIn: / manikanasani
Twitter: / manikanasanii
Instagram: / manikanasani
UA-cam: / @manikanasani
Tools I use (affiliate):
=========================
Voiceflow: mani.tools/voiceflow
Botpress: mani.tools/botpress
Voiceglow: mani.tools/voiceglow
Chatdash: mani.tools/chatdash
Flowbridge: mani.tools/flowbridge
Synthflow: mani.tools/synthflow
Make: mani.tools/make
StackAI: mani.tools/stackai
Chatbase: mani.tools/chatbase
Skool: mani.tools/skool
Beehiiv: mani.tools/beehiiv
Taplio: mani.tools/taplio
Tweet Hunter: mani.tools/tweethunter
Systeme: mani.tools/systeme
VidIQ: mani.tools/vidiq
Timestamps:
=========================
00:00 - Voiceflow Masterclass
00:53 - Why Voiceflow?
01:45 - The Opportunity
04:51 - Voiceflow Introduction
07:20 - LLMs, Knowledge Base, Tokens
17:00 - FREE Skool Community
17:45 - Customer Service Chatbot
20:38 - Planning (miro board)
23:10 - Basic Talk Cards, Listen and Blocks
27:10 - Intents
29:45 - Images & Carousels
36:06 - Capturing Variables
45:14 - API Step (Make Tutorial)
46:20 - Gmail Integration
56:50 - Calendly Integration (iframe code wrong - check skool)
58:50 - Webflow Deployment
01:03:00 - Intent Scoping Fix (Error)
01:07:50 - Library
01:09:00 - Conditional Block
01:11:15 - Voiceflow Functions
01:15:58 - Sharing & Analytics
01:18:55 - How to import the Voiceflow file?
01:19:00 - ECommerce Chatbot
01:22:06 - Template Walkthrough
01:32:35 - Zendesk Integration
01:39:50 - AirTable Integration
01:50:48 - Testing the Chatbot
01:55:38 - Shopify Deployment
01:57:37 - Voiceglow Features
02:01:05 - FREE RealEstate Chatbot
02:01:40 - How to embed video in voiceflow?
02:04:21 - How to embed any website in the voiceflow chatbot?
02:09:37 - What we learned so far (Summary)
02:11:24 - AI Hotel Concierge Assistant Chatbot
02:11:55 - Hotel Chatbot template Walkthrough
02:17:50 - Custom Actions in Voiceflow
02:22:20 - Google Maps Integration
02:36:25 - Why voiceflow has taken down this template?
02:37:11 - Legacy version chatbot (updated)
02:39:14 - Changes I made in Google Maps Integration
02:40:30 - Testing on Voiceglow
02:43:00 - WhatsApp Deployment
02:48:17 - Alternate ways to deploy on WhatsApp
02:50:55 - Conclusion
02:51:12 - Where to find Templates?
#AIAutomationAgency #WhatsAppChatbot #Tutorial #BuildChatbots #AIBotTutorial #MakeChatbot #ChatbotTutorialForBeginners #BuildWhatsAppChatbot #NoCodeChatbot #ChatbotCourse #WhatIsChatbot #VoiceFlowTutorial #ChatbotAITutorial #AIAutomationCourse #MakeTutorial #ZendeskTutorial #AirtableIntegrations #GoogleMapsAPI #CalendlyTutorial #CustomKnowledgeChatbot #LangChain #AIAutomationAgency - Наука та технологія
FREE Resources and Weekly QnA here: mani.wiki/skool
(s, prompts, chatbot templates included)
FREE Discovery Call (for Businesses): mani.wiki/discovery
Great Mani, A tutorial showing how you create those flows from a website in a Miro board would be great.
Thank you@@karlortenburg! WIll make a note of that
Finally a perfect voiceflow complete master crash-course! 📜
Thank you :)
Voiceflow should feature this on their website! This tutorial is AMAZING, the BEST so far!
Haha Thanks! That would be cool!
The best Voiceflow tutorial I came across. Thanks a lot Mani.
Thank you. Glad it was helpful!
Absolutely THE BEST tutorial so far! Great job and thank you so much! Yes, prompt engineering tutorial would really great! Thank you again!
Thank you Oksana for taking the time to comment. I appreciate it! Will do a prompt engineering video next month
Awesome tutorial! Love how in depth this is.
Thanks so much!
Perfect video and tutorial, THANK YOU so so so much for this Mani!!!
PLEASE make more tutorial videos on Voiceflow🙏🙏🙏
Thanks! Will do an update video soon 😊🙏🏼
Mani, what a wonderful work you've done here. Flawless the way you walked us through all of this. Thank you! Definitely learning a lot from you here :)
Thank you so much for your kind words 😊 Glad it was helpful
barley even watched all of this yet and this is already a massiveee help
Thank you!
Love this!! Only 30 mins in. Thanks thanks thanks. I will let ads play fully as a thanks
Thank you 🙏🏼
Glad you liked it
Thanks again. I was able to solve it LOL. Puased the video and copied word by word, but it worked flawlessly... Amazing videos.
Glad you’re able to solve this. You can join school to download templates
Awesome video. This video is the best to really learn from and come back to and watch when I am making my flow and get stuck. Brilliant. Thank you.🙏🤘💪
Thank you Brian! Glad it was helpful!
Amazing tutorial !
Thank you!
Mani out here crushin it , probably the best course on voiceflow i've ever seen
Thank you 😊🙏🏼
Wow! Is it over 3 hours? I see the timestamps! Can't wait!!
🙌
Great video. Would love to see dedicated video for functions!
Thank you! Will make a note of that.
i love your content bro amazing
Thanks! Glad you enjoy it!
I was looking for something like this, the complete guide of voiceflow!
Glad it was helpful
Mani, love your content, I just finished the video and it was the most helpful one out there! I just have to ask you, where do you get the inframe embed link for Clendly, I think I got it, but it looks different from yours?
Thank you so much! Glad it was helpful.
The I provided in my skool is the one that worked for me. But for some people the code from video worked well (they paused the video and typed everything on screen)
For some people changing dimensions on fixed the issue. You can find the post on my Skool
Great video with real educational value, Mani! I just wanted to know when you're configuring these chatbots for a customer, at what point do you add their Resources/content such as docs, pdf's, url's etc to help the bot answer specific questions about the business? Also, how does the chatbot get the booking ref's for the guests from the hotel database? Is there an api required? or did I miss it in the video? Many thanks
Thanks Jerry. Adding data sources to the Knowledge base is covered in the first tutorial. Please watch from 00:51:00. I will update my timestamps.
For booking reference, I didn’t cover that part in the tutorial. Only Google maps integration for the hotel chatbot.
To answer your question, We can achieve that functionality in multiple ways. And yes, API is required.
We can start by saving that hotel data in an AirTable and fetch the data using a GET request. Just like how I did in the 2nd tutorial (ecommerce chatbot) for order tracking. Of course there are other ways as well. Join my skool if you have any other questions
i love the video keep up the good work love your personality and how you explain things
Thank you Adam 🙏🏼 Glad it was helpful!
I dont normally leave comments but you done a really really good job on this tutorial, thank you! +1 subscriber
Thank you so much Billy! I appreciate it!
Welcome back men
Thank you! 😀
Great video Mani... thank you... you just got a new follower
Thank you Jose 🙌🏻
Great tutorial, thanks
You’re welcome! Glad you like it
this is perfect man thank you alot. and you should also make a prompt engineering video or ai bots you
Will do! Thank you 😊
Hi Mani, Thank you for the step by step session. It is most helpful. Yes please, it would be awesome if you can make a prompts video. thank you again!
Thanks
You’re welcome adam 🙂
I learned a lot! thank you very much!
You’re welcome 😊
A video about display Dyanamic Carroussel would be very interesting for a real estate agent for instance
I’ll make a note of that!
perfect number one
Thank you!
Great job 🎉❤❤
Thank you 🤗❤
Hi. You're from India? Have you started your AA business???
Thank you for sharing.
You’re welcome Rich!
Amazing! Could you please dedicated a video to voiceflow functions?
Thank you! I’ll make a note of that! I’m working on other tools now
Should should have way more likes - thank you!
Thank you too 😊🙏🏼
Can u make full detailed video about creating the flow diagram and how to anyalize cliets shopify website.
It would be Great and helpfull if you can make it
Sure. Thanks for your input
great video man
Thank you 😊
Outstanding video, very thorough! I've been building chatbots for the last two years and this builder is so much more capable than what I have been using. Would love to see more videos around voice calls and prompt engineering in this space. I'm also curious whether this bot can transfer to a live agent within Salesforce CRM?
Hi mani, for a client project and as per your previous video on vectorshift, is it good to use voiceflow or cevtorshift considering tokens consumptions bc at the end cost matters on the client's end ??
2. what should be an ideal charge of this above chatbot (including retainer) ??
Thankyou
Hello Khalid! VectorShift is definitely more affordable. One drawback I see in terms of vectorshift is that we can’t add buttons etc. Great for customer service but not much for building complex conversion flows. They have some great inbuilt automations though.
How much you charge should depends on various aspects like how much your solution is profitable to your client, how many integrations/automations they requested, join my Skool if you’d to interact with other agency owners
Thankyou!
You're welcome!
Thank you
You’re welcome 😊
Thanks for the video, I just think you are not up to date. There is actually a way for chatGPT to get to 'learn' or inject the information you want and react on that. That is what they call 'Custom GPTs' (solely available for subscribed users), which they launched some months ago. To me, the value of design tools like voiceflow is the development of your own, conditional chat flow and that you can create customized chatbots outside of ChatGPT.
True. I should’ve explained that in detail. Maybe in a comparison video in future
Amazing
Thank you!
i have a question when making the api call in the gmail part why did you use get and not post? isnt post the one for sending data?
You’re right. I should’ve used POST, that’s the recommended or best practice at least. I’ll update the pinned comment. Thanks for letting me know.
Hello sir, very nice video! I hope you see my comment. Actually, I want to add a first step which is a greeting and a multipe language choices (FR, EN, AR, and more) and make the bot reply and complete the conversation in the language that the client has chosen in the first step. When the client starts asking questions, they receive replies in that language too, even if the knowledge base i added is written in a different language than they chose. for me i want to creat one bot path from start to finish and have multiple blocks for example (1-hello and choose language/2- greating in the client language/3-client start asking questions/4-bot reply from knowledge base but texts are transtaled to the client language/5-asking about the client information name-number-email/6-collecting the client information/7-verification/8-rating the client experiment/9-salutation and end chat), is it possible for the ai to translate all the messages from those blocks to the client launguage, if YES can you please sho me ho to do it my just a biginner, or i should creat a path for every language, thanks you sir i hope you undestand my question.
Thank you 🙏🏼
I understand what you’re trying to build. It’s a great idea. See if this video is helpful: ua-cam.com/video/2UuOB9XZa8c/v-deo.htmlsi=zWB-rHGAIXRq17rz
If not, please join voiceflow discord and there are many othe people who are building multilingual chatbots, they will be able to help you.
This is so helpful! Thanks so much! I am wanting to position my chatbot in a specific spot on my Wix page and am using their embed element. It works well except if the page has content below, when the user opens the chat window or if I auto open it .. The page jumps down (scrolls down). For my purposes it really doesn’t help me to have it in the standard chat area because I want it to be the focus for the user. Larger and centered. Any help with this would be greatly appreciated.
Do you have a dev background? You can do a full page chatbot embed using voiceflow.
developer.voiceflow.com/docs/embed-customize-styling
Do you perhaps know when i use Voiceflow in Telegram integration, how to add a functional inline keyboard and memory for bot so that the AI remembers what the conversation was about? I would be very grateful if you could explain it. Thank you!
I haven't worked on telegram integration before. I'm sure someone from voiceflow discord should give you better answer. To add memory watch this ua-cam.com/video/7ApcugbrvfY/v-deo.html
great! thank you MANI. i have a question about airtable.
it returns an error message concerning the permissions at the database level, even if I make the token settings like you. In the GET side everything is fine.
Thank you. Not sure why that's happening. Did you try adding everything you could in the scope? Or you can join skool if you'd like to share screenshots or something.
Thank you so much, Mani! Is this e-commerce template valuable as well for a Woo Commerce (Wordpress) shop?
Yes! You can deploy voiceflow chatbots on wordpress websites as well!
What do you think of Zendesk's new AI chatbot integration? I don't know if it's worth exploring to achieve ecommerce integration.
I haven’t explored Zendesk’s AI Chatbot. I will
Why do you recommend Voiceflow as your Software of choice, rather than Botpress? I am just starting out and value your opinion.
When I initially started out 8-9 months ago, I was using Botpress. Main issue was AI models on Botpress were not good, we had to use StackAI or Flowise on top of Botpress. Also API integrations needed a bit of coding knowledge, some of our team found it intimidating. Voiceflow solved all of these.
I haven’t tried Botpress in a while. I will make a Botpress Course/Tutorial this month.
Amazing tutorial Mani. Kudos. Are there ways to connect to live chat agents? I have a client using wix and would like to somehow handoff to a live agent.
Thank you Mark. Yes! You can use voiceglow for that or follow this guide developer.voiceflow.com/docs/live-chat-handoff
53:59 . Yeah, I'd like to hear more about it! Can you make a video?
I will :)
@@ManiKanasani Thank you❤. Can I get your personal social network? When I have questions, I wrote to you. I would appreciate it 🙂
All the social links available in description. You can join my free skool group for questions
@@ManiKanasani Thank you🙂
You’re welcome 😊
Great value man... Do you think you could make one video like this but with botpress? I would be really helpful as well!
Thanks. Sure thing! Will upload this month
@@ManiKanasani I will be right here to watch it!!! Keep up the good work man ;)
@@Alvaro-cs7zs Thank you 🙂
Bro how to creat knowledge base
Watch from 51:40
Mani thanks a lot for your video. Is amazing... Question, I got a bit lost with the Calendly section since it's my first time working with s. I ready a little bit about it, but wasn't able to crack the code LOL. Any suggestions on how to get the code, more than welcome. Best
Oh.. please join my school. I have updated iFrame and all the templates. Thank you 🙂
I am facing a problem in the contact section..I follow the same steps u did for my better understanding but when i test run the chatbot it capture the name and email but it can't respone when it comes to whyherre ..it said jump node like something please help..same with for the budget steo ..i couldn't understand why
Did you fix intent scoping like I showed you in the video. If you check timestamps.. there is ‘Intent Scoping Fix’
Can anyone mention any 3 services other then AI chatbot that a AAA can delivery
Sure. There are a few things actually- AI Consulting, AI Education, Workflow Automations, Content Generation Systems, Analytics, AI Voice Assistants, Workforce Transition
Hey thanks for the very helpful tutorial. At 01:03:00 - Intent Scoping Fix (Error) you suggest to change intent scoping so that the user will not be brought back to the start of the contact flow. However, what if the user doesn't continue with entering email, phone etc. but says something that should bring him back to the start (e.g. "I would like to start over"). How would you solve that?
Hi, Thank you. I’ve added a confirmation card where chatbot will ask the user whether to submit the form or start over to make edits.
Or you can try with intent scoping as is and see how it works for you. Or you can add confirmation card at email step if you’d like.
@@ManiKanasani Thank you those are great ideas!
Great tut!
What can we do if sitemaps contain over 10k urls? example web shops or real-estate listings? I need solution for this please.
That’s a lot of sources for VG knowledge base (even on highest tier plan). You would probably need to scrape the data from webpages to a documents and upload it as fewer docs.
If they’re real estate listings or ecommerce listings. I’ve used StackAI & Flowise AI in the past. you’d probably need to use make.com to fetch the data and save it to an AirTable database and use it as a Knowledge base. StackAI had AirTable dataloader.
Join my Skool for additional help
Voiceflow has changed the interface and is now using workflows instead of topics, domains. So it is difficult to follow the video as I am trying to actually build the chatbot while watching your video. I am not sure how to use workflows etc. also I can’t see any button on the left of the canvas to create an event. For a newbie like me this is very confusing. I watched a couple of your videos and they are all made with the earlier Voiceflow interface. You may need to record new videos
Thanks Ashok I’ll make a note of that
Excellent content I want to learn more about voiceflow, I want to know I have a pharmacy and I want to create one where the client asks me about a medication and he reviews my inventory and says if we have it available and the price is possible, do you have an advanced course?
Thank you. I don’t have a course but it is possible. Great idea!
thanks Mani. How can you make the chatbot open automatically as most times users may not see the bot.
I will cover that in the next tutorial. This is how you do it. Check the doc for Proactive text messages.
developer.voiceflow.com/docs/chat-widget
@@ManiKanasani That will be great, i think most of us look forward to a video tutorial. Thanks
great video brother!!! but how did you pull the data from shopify to airtable cant it be take directly from shopify
Thank you! You need a make.com automation for that. I believe there are youtube videos showing you how to do it.
@@ManiKanasani thanks you buddy and can you make video on cancelling, returning, refund of orders being handled by bot
Hi Bro, nice video. I just have a q', is it posible to get whatsapp locatio share by user on the voiceflow? I need to get the location sent by users and do some things, hope to hear from u soon.
We can definitely use the text input sent by user but I haven’t seen location being shared by the user.
Maybe try searching or asking the question in Voiceflow discord? I’m sure someone should have tried this before
But bro...how can I embed the chatbot I made for my client if the website is not made by no-code website builders?
Search it on UA-cam. There are tons of videos. For example: If they use wix. Search "How to do HTML embed on Wix"
Hey Mani, thank you for the great tutorial! I can't figure out how to charge customers. Do you charge them a one-time fee and then a monthly subscription? Also, what happens if the bot you built for them surpasses the token limit on your VoiceFlow plan? Thanks in advance
I do offer both of these pricing models. Upfront only and Upfront + Retainer. I’ll do a Q&A tomorrow. I can break it down if you want.
You can buy 1 million tokens for $5 on Voiceflow
I do weekly Q&A on my Skool. Link in description
@@ManiKanasani Thanks!
Hey bro , I’m in my final year and I’ve been stuck on a part , please bro , can you make a video on how to add speech to text through voiceflow that would be deployed on my gpt ai chatbot on telegram
Try chatbotbuilder.ai
hi, great work by you, how to access to skool
Thank you!
www.skool.com/aiagency/about
Thank you for the detailed tutorial. But I have a question about the hotel assistant. You said it would be deployed to whatsapp, when i deploy my chatbot to whatsapp i can only display 3 buttons. Is there a way to display more buttons on whatsapp?
Thank you Rick. WhatsApp does have some limitations with embeds as well, hopefully they improve it soon. Or you can try to achieve the functionality with intent instead of buttons
Do try flowbridge method as well
@@ManiKanasani Okay, thank you
You’re welcome
Ello hi, thank you for the video. I am having issues as Voiceflow doesn't allow me to add text under variants. I'm not sure what's wrong. I am trying to type, but nothing. Please help?
Hello,
For variants you have an option to generate them 1 - 5 at a time and hit enter to accept the suggestions.
If you want to manually type each I think you need to use random in logic instead of generating. If you still need help, join my skool and I’ll make you a loom video
The integration Voiceflow-Gmail with make does not work, the videos are outdated.
It’s been 3 weeks since I made this pablo. What error did you see?
If someone has voiceglow pro account, does that person need voiceflow pro account as well?
No, you don’t need voiceflow pro
can you white label to start a business and sell these to other businesses?
Yes! You can whitelabel voiceflow using a saas called chatdash. mani.tools/chatdash
You can search for ‘Chat Dash’ on UA-cam
Hii! if i train my bot i am getting error like this: no job with jobID=8bc5cf49-25f7-4afc-9cc2-488b5f6fd4a0 was found. what is the solution for that!
Sorry I haven’t seen this error before. Are you in Skool group? Better if you make a post there or voiceflow discord
"Hi Mani, how long does it take to learn as a beginner, and how should I charge for this service as a freelancer?"
Hi Suriya, Less than couple of weeks. Don’t just watch videos, follow along and build stuff in parallel. There are other chatbot pricing related videos on youtube. Please search for those
@@ManiKanasani can you guide me what are chatbots are popular in market and how can I learn for free?
What happened to your 30 day automation agency?
I'll make an update video soon. Managed to hit 10k that month
plz guide how i match tha path
Sorry. I don’t understand. What path are you referring to?
@@ManiKanasani How I match the block with another block because the block is not matching this is a bug?
@@ghulam-e-mustafapatel4894 I'm not exactly sure what you mean by matching blocks. You can join my skool to share a screenshot.
chad
😄
hi , as it is COMING SOON on voiceglow fro Instagram . For now , How to deploy voiceflow chatbot in Instagram . any other way?
Yes. Please try Flowbridge or Manychat