- [Instructor] Alright, It's finally time
to see our pre-sales AI agent in action.
It has access to all the required tools.
It can look up information, it can calculate prices,
it can generate a quote for us,
and it can save an email draft in Gmail.
So how do we interact with it?
- In n8n, there are various ways we could now integrate
this chat into existing applications,
but one of the most straightforward ways is
to use the built-in hosted n8n chat option.
And before we do that,
let's open the AI agent node quickly again
and add one more option here, which is enable streaming.
Enable streaming will allow the agent
to produce word-by-word answers very similar to
how you see responses being generated in,
for example, ChatGPT.
So, make sure this is enabled.
Let's close this one
and then open the chat trigger node.
In the chat trigger node,
toggle the make chat publicly available option on,
and you will now see A URL that is now available for you
to interact with your agent.
Make sure that hosted chat is selected,
but you could also embed it through a widget, for example.
We don't need any authentication for now,
but you could also use simple authentication options
in here.
So let's adjust this little bit.
Instead of saying this standard message here,
we could say something like,
"Thanks for your interest in Tech Innovate!
How can I assist you today?"
Just keep in mind,
this message only appears in the front end.
It's not actually in the context of the model.
Then let's add a few more options.
First, the response mode.
Also, make sure that you toggle streaming on.
That means the chat generates answers word by word.
And then also let's add custom chat styling.
I don't really like the default way
and identity styling its chat interfaces,
so I have prepared a little CSS file for you,
which is a bit more on brand with regards to the quote
that we are actually generating later.
So open the styling CSS files here in the agent folder.
Copy everything from here.
Make sure you select everything
and paste in the content from the clipboard.
So that's everything we need for now.
From here, make sure you copy this chat URL to the clipboard
and activate the workflow by pressing this toggle over here.
The workflow is now activated and we can interact
with our agent using the URL that we just copied.
So let's try it out.
So there you go.
There you see our tag innovate pre-sale support agent.
Let's kick off the conversation with a simple hi.
You can see that this agent is now trying to guide us
through the presales process.
Instead of asking us about an concrete exhibition space,
first, it's asking us now about our intent.
Why are we interested in this exhibition?
So let's say launch a new product.
So then it asks us a follow-up question,
whether we are thinking of a smaller showcase
or a larger brand pavilion.
But let's say we have a different question first.
We wanna know, when is the conference?
You can see that it came back to us
with the answer June 15 to 17th.
It doesn't have this answer in the system prompt.
It used the knowledge flow to actually extract
that information from the source document.
But now, it's shifting back to the exhibition space
and what size we are considering for the product launch.
And I could now ask it, what's the cheapest option?
And here it correctly says
that the cheapest option available is an inline booth
starting at a hundred square feet,
and that will be around $6,300.
So it asks us if that sounds right
or whether we would like to explore other sizes.
Let's say, yes, sounds good.
Okay, you see there was a small error message over here,
but then it was able to actually use the calculator tool
and it's now asking us
for more details to prepare the quote.
So, lemme put in my details over here.
And there you see the confirmation
that our quote will arrive shortly by email,
and if there's anything else the agent can help us with.
Now let's see if this is really the case
and if there's actually a quote in our email.
So, let's get actually back to our drafts.
And you can see there's a new draft that has been added.
And this is a draft to John.
And if we click on this link,
you should see the quote coming up, the quote
to John from ABC Inc for 100 square feet inline booth.
Let's look at one more example.
This time, let's assume we are working for big tech company,
and let's see what the agent is doing, now.
Let's start again with hi.
So now the agent is asking us what company we represent
and what are our main goals.
So let's say we are working for Amazon
and we want to launch a new product.
So Amazon is a really well known name,
and also, the agent right now knows
that this should be treated differently than,
let's say, a no-name brand.
So let's see what it suggests for us.
And, as you could expect, it comes up with a larger,
more impactful space like a Peninsula booth.
So, let's go with that.
We wanna know, how much is that?
It asks us for the square feet.
And since the minimal size for that is 400, let's do 400.
So it quotes us here for a total of around 29K,
and that includes the booth base and the registration fee.
To generate the quote, it would need our full name,
the email address, and the phone number.
So, let's provide that.
So, let's pretend I'm working for Amazon
and putting my contact details here.
And, oops, we got an error here, but this is okay
because we are still in the very early stages
of building this agent,
and we'll talk about the limitations and how
to actually make this production ready in the next videos.
But for now, let's see what this agent
actually has done here.
It says, "Thanks, Tobias.
I have all the details I need,
and our sales team will reach out shortly."
Now, the important thing here is
that the agent does not actually send out an email to us,
but in this case it routes the request to our sales team so
that sales team can manually reach out.
So let's see how our inbox now looks,
because that should be, in any case,
the result of the agentic workflow.
So let's go back to our email,
and meanwhile, we can already see
the new email being generated called High-Value Prospect
for Tech Innovate.
If we open this one, then we see
that now this is not directed to the client,
but directed to our sales team,
and it contains a link to the quotation,
so our sales team can follow up with that
and review all the details in the quote.
So congratulations,
you have just built your very first AI agent in n8n
that has access to plenty of tools.
And, of course, there are more things to do
to make this agent production ready,
but for now, feel free to play around with it,
see the limits, and explore what this agent can
and can't do.
And if you are done with that, I see you in the next videos.