1 00:00:00,06 --> 00:00:02,00 - [Instructor] Alright, It's finally time 2 00:00:02,00 --> 00:00:05,01 to see our pre-sales AI agent in action. 3 00:00:05,01 --> 00:00:06,08 It has access to all the required tools. 4 00:00:06,08 --> 00:00:10,02 It can look up information, it can calculate prices, 5 00:00:10,02 --> 00:00:11,04 it can generate a quote for us, 6 00:00:11,04 --> 00:00:14,06 and it can save an email draft in Gmail. 7 00:00:14,06 --> 00:00:16,03 So how do we interact with it? 8 00:00:16,03 --> 00:00:18,07 - In n8n, there are various ways we could now integrate 9 00:00:18,07 --> 00:00:21,02 this chat into existing applications, 10 00:00:21,02 --> 00:00:23,03 but one of the most straightforward ways is 11 00:00:23,03 --> 00:00:27,00 to use the built-in hosted n8n chat option. 12 00:00:27,00 --> 00:00:28,01 And before we do that, 13 00:00:28,01 --> 00:00:30,06 let's open the AI agent node quickly again 14 00:00:30,06 --> 00:00:33,09 and add one more option here, which is enable streaming. 15 00:00:33,09 --> 00:00:35,07 Enable streaming will allow the agent 16 00:00:35,07 --> 00:00:38,06 to produce word-by-word answers very similar to 17 00:00:38,06 --> 00:00:41,05 how you see responses being generated in, 18 00:00:41,05 --> 00:00:43,07 for example, ChatGPT. 19 00:00:43,07 --> 00:00:45,04 So, make sure this is enabled. 20 00:00:45,04 --> 00:00:46,07 Let's close this one 21 00:00:46,07 --> 00:00:49,09 and then open the chat trigger node. 22 00:00:49,09 --> 00:00:51,00 In the chat trigger node, 23 00:00:51,00 --> 00:00:54,00 toggle the make chat publicly available option on, 24 00:00:54,00 --> 00:00:56,08 and you will now see A URL that is now available for you 25 00:00:56,08 --> 00:00:58,06 to interact with your agent. 26 00:00:58,06 --> 00:01:00,05 Make sure that hosted chat is selected, 27 00:01:00,05 --> 00:01:04,00 but you could also embed it through a widget, for example. 28 00:01:04,00 --> 00:01:06,02 We don't need any authentication for now, 29 00:01:06,02 --> 00:01:09,00 but you could also use simple authentication options 30 00:01:09,00 --> 00:01:10,02 in here. 31 00:01:10,02 --> 00:01:12,03 So let's adjust this little bit. 32 00:01:12,03 --> 00:01:14,04 Instead of saying this standard message here, 33 00:01:14,04 --> 00:01:16,06 we could say something like, 34 00:01:16,06 --> 00:01:21,02 "Thanks for your interest in Tech Innovate! 35 00:01:21,02 --> 00:01:23,04 How can I assist you today?" 36 00:01:23,04 --> 00:01:24,03 Just keep in mind, 37 00:01:24,03 --> 00:01:26,07 this message only appears in the front end. 38 00:01:26,07 --> 00:01:30,01 It's not actually in the context of the model. 39 00:01:30,01 --> 00:01:32,03 Then let's add a few more options. 40 00:01:32,03 --> 00:01:35,04 First, the response mode. 41 00:01:35,04 --> 00:01:37,07 Also, make sure that you toggle streaming on. 42 00:01:37,07 --> 00:01:41,03 That means the chat generates answers word by word. 43 00:01:41,03 --> 00:01:44,01 And then also let's add custom chat styling. 44 00:01:44,01 --> 00:01:46,00 I don't really like the default way 45 00:01:46,00 --> 00:01:48,04 and identity styling its chat interfaces, 46 00:01:48,04 --> 00:01:51,03 so I have prepared a little CSS file for you, 47 00:01:51,03 --> 00:01:54,00 which is a bit more on brand with regards to the quote 48 00:01:54,00 --> 00:01:55,08 that we are actually generating later. 49 00:01:55,08 --> 00:01:59,07 So open the styling CSS files here in the agent folder. 50 00:01:59,07 --> 00:02:02,07 Copy everything from here. 51 00:02:02,07 --> 00:02:04,01 Make sure you select everything 52 00:02:04,01 --> 00:02:07,02 and paste in the content from the clipboard. 53 00:02:07,02 --> 00:02:09,00 So that's everything we need for now. 54 00:02:09,00 --> 00:02:13,03 From here, make sure you copy this chat URL to the clipboard 55 00:02:13,03 --> 00:02:18,00 and activate the workflow by pressing this toggle over here. 56 00:02:18,00 --> 00:02:20,00 The workflow is now activated and we can interact 57 00:02:20,00 --> 00:02:23,03 with our agent using the URL that we just copied. 58 00:02:23,03 --> 00:02:26,07 So let's try it out. 59 00:02:26,07 --> 00:02:27,06 So there you go. 60 00:02:27,06 --> 00:02:31,06 There you see our tag innovate pre-sale support agent. 61 00:02:31,06 --> 00:02:36,02 Let's kick off the conversation with a simple hi. 62 00:02:36,02 --> 00:02:38,04 You can see that this agent is now trying to guide us 63 00:02:38,04 --> 00:02:40,02 through the presales process. 64 00:02:40,02 --> 00:02:42,04 Instead of asking us about an concrete exhibition space, 65 00:02:42,04 --> 00:02:45,06 first, it's asking us now about our intent. 66 00:02:45,06 --> 00:02:48,01 Why are we interested in this exhibition? 67 00:02:48,01 --> 00:02:52,08 So let's say launch a new product. 68 00:02:52,08 --> 00:02:55,02 So then it asks us a follow-up question, 69 00:02:55,02 --> 00:02:57,00 whether we are thinking of a smaller showcase 70 00:02:57,00 --> 00:02:58,06 or a larger brand pavilion. 71 00:02:58,06 --> 00:03:00,01 But let's say we have a different question first. 72 00:03:00,01 --> 00:03:04,08 We wanna know, when is the conference? 73 00:03:04,08 --> 00:03:06,03 You can see that it came back to us 74 00:03:06,03 --> 00:03:08,09 with the answer June 15 to 17th. 75 00:03:08,09 --> 00:03:11,06 It doesn't have this answer in the system prompt. 76 00:03:11,06 --> 00:03:13,06 It used the knowledge flow to actually extract 77 00:03:13,06 --> 00:03:15,09 that information from the source document. 78 00:03:15,09 --> 00:03:18,02 But now, it's shifting back to the exhibition space 79 00:03:18,02 --> 00:03:21,08 and what size we are considering for the product launch. 80 00:03:21,08 --> 00:03:29,08 And I could now ask it, what's the cheapest option? 81 00:03:29,08 --> 00:03:30,08 And here it correctly says 82 00:03:30,08 --> 00:03:33,00 that the cheapest option available is an inline booth 83 00:03:33,00 --> 00:03:34,04 starting at a hundred square feet, 84 00:03:34,04 --> 00:03:37,01 and that will be around $6,300. 85 00:03:37,01 --> 00:03:38,09 So it asks us if that sounds right 86 00:03:38,09 --> 00:03:41,07 or whether we would like to explore other sizes. 87 00:03:41,07 --> 00:03:44,09 Let's say, yes, sounds good. 88 00:03:44,09 --> 00:03:47,06 Okay, you see there was a small error message over here, 89 00:03:47,06 --> 00:03:50,06 but then it was able to actually use the calculator tool 90 00:03:50,06 --> 00:03:51,04 and it's now asking us 91 00:03:51,04 --> 00:03:53,08 for more details to prepare the quote. 92 00:03:53,08 --> 00:04:02,01 So, lemme put in my details over here. 93 00:04:02,01 --> 00:04:03,06 And there you see the confirmation 94 00:04:03,06 --> 00:04:06,02 that our quote will arrive shortly by email, 95 00:04:06,02 --> 00:04:09,04 and if there's anything else the agent can help us with. 96 00:04:09,04 --> 00:04:11,03 Now let's see if this is really the case 97 00:04:11,03 --> 00:04:14,06 and if there's actually a quote in our email. 98 00:04:14,06 --> 00:04:16,06 So, let's get actually back to our drafts. 99 00:04:16,06 --> 00:04:19,01 And you can see there's a new draft that has been added. 100 00:04:19,01 --> 00:04:21,01 And this is a draft to John. 101 00:04:21,01 --> 00:04:23,01 And if we click on this link, 102 00:04:23,01 --> 00:04:25,02 you should see the quote coming up, the quote 103 00:04:25,02 --> 00:04:30,01 to John from ABC Inc for 100 square feet inline booth. 104 00:04:30,01 --> 00:04:31,08 Let's look at one more example. 105 00:04:31,08 --> 00:04:34,03 This time, let's assume we are working for big tech company, 106 00:04:34,03 --> 00:04:37,04 and let's see what the agent is doing, now. 107 00:04:37,04 --> 00:04:40,06 Let's start again with hi. 108 00:04:40,06 --> 00:04:43,05 So now the agent is asking us what company we represent 109 00:04:43,05 --> 00:04:44,09 and what are our main goals. 110 00:04:44,09 --> 00:04:47,00 So let's say we are working for Amazon 111 00:04:47,00 --> 00:04:53,09 and we want to launch a new product. 112 00:04:53,09 --> 00:04:56,04 So Amazon is a really well known name, 113 00:04:56,04 --> 00:04:58,07 and also, the agent right now knows 114 00:04:58,07 --> 00:05:00,06 that this should be treated differently than, 115 00:05:00,06 --> 00:05:03,02 let's say, a no-name brand. 116 00:05:03,02 --> 00:05:08,04 So let's see what it suggests for us. 117 00:05:08,04 --> 00:05:11,03 And, as you could expect, it comes up with a larger, 118 00:05:11,03 --> 00:05:14,06 more impactful space like a Peninsula booth. 119 00:05:14,06 --> 00:05:18,09 So, let's go with that. 120 00:05:18,09 --> 00:05:22,07 We wanna know, how much is that? 121 00:05:22,07 --> 00:05:24,04 It asks us for the square feet. 122 00:05:24,04 --> 00:05:31,02 And since the minimal size for that is 400, let's do 400. 123 00:05:31,02 --> 00:05:34,06 So it quotes us here for a total of around 29K, 124 00:05:34,06 --> 00:05:37,03 and that includes the booth base and the registration fee. 125 00:05:37,03 --> 00:05:39,07 To generate the quote, it would need our full name, 126 00:05:39,07 --> 00:05:41,04 the email address, and the phone number. 127 00:05:41,04 --> 00:05:44,08 So, let's provide that. 128 00:05:44,08 --> 00:05:46,07 So, let's pretend I'm working for Amazon 129 00:05:46,07 --> 00:05:50,08 and putting my contact details here. 130 00:05:50,08 --> 00:05:53,06 And, oops, we got an error here, but this is okay 131 00:05:53,06 --> 00:05:55,07 because we are still in the very early stages 132 00:05:55,07 --> 00:05:56,07 of building this agent, 133 00:05:56,07 --> 00:05:58,06 and we'll talk about the limitations and how 134 00:05:58,06 --> 00:06:01,08 to actually make this production ready in the next videos. 135 00:06:01,08 --> 00:06:02,08 But for now, let's see what this agent 136 00:06:02,08 --> 00:06:04,04 actually has done here. 137 00:06:04,04 --> 00:06:05,06 It says, "Thanks, Tobias. 138 00:06:05,06 --> 00:06:06,08 I have all the details I need, 139 00:06:06,08 --> 00:06:10,05 and our sales team will reach out shortly." 140 00:06:10,05 --> 00:06:12,01 Now, the important thing here is 141 00:06:12,01 --> 00:06:15,00 that the agent does not actually send out an email to us, 142 00:06:15,00 --> 00:06:18,09 but in this case it routes the request to our sales team so 143 00:06:18,09 --> 00:06:22,00 that sales team can manually reach out. 144 00:06:22,00 --> 00:06:24,02 So let's see how our inbox now looks, 145 00:06:24,02 --> 00:06:25,05 because that should be, in any case, 146 00:06:25,05 --> 00:06:27,07 the result of the agentic workflow. 147 00:06:27,07 --> 00:06:29,02 So let's go back to our email, 148 00:06:29,02 --> 00:06:31,03 and meanwhile, we can already see 149 00:06:31,03 --> 00:06:34,04 the new email being generated called High-Value Prospect 150 00:06:34,04 --> 00:06:35,07 for Tech Innovate. 151 00:06:35,07 --> 00:06:37,05 If we open this one, then we see 152 00:06:37,05 --> 00:06:40,00 that now this is not directed to the client, 153 00:06:40,00 --> 00:06:42,02 but directed to our sales team, 154 00:06:42,02 --> 00:06:43,08 and it contains a link to the quotation, 155 00:06:43,08 --> 00:06:45,06 so our sales team can follow up with that 156 00:06:45,06 --> 00:06:48,06 and review all the details in the quote. 157 00:06:48,06 --> 00:06:50,00 So congratulations, 158 00:06:50,00 --> 00:06:54,01 you have just built your very first AI agent in n8n 159 00:06:54,01 --> 00:06:56,08 that has access to plenty of tools. 160 00:06:56,08 --> 00:06:58,07 And, of course, there are more things to do 161 00:06:58,07 --> 00:07:00,04 to make this agent production ready, 162 00:07:00,04 --> 00:07:02,04 but for now, feel free to play around with it, 163 00:07:02,04 --> 00:07:05,01 see the limits, and explore what this agent can 164 00:07:05,01 --> 00:07:05,09 and can't do. 165 00:07:05,09 --> 00:07:09,00 And if you are done with that, I see you in the next videos.