How to Build a GPT-4 AI Chat Bot for Customer Support

hey guys
in this video i'm going to show you how
to use the quick chat chatbot builder
to create an ai chatbot for customer
support
so for answering all the questions your
users or customers might have when
visiting your website or using your
product
so let's go
in this example
i'm going to use this faq from a dhl
website
to provide as an ai as knowledge or as
we call it knowledge base
to use during conversations
as usual let's start with a little
preview of our end goal of what we're
trying to achieve here
so this is our
ready dhl expert
let's say hello
and now let's say
screen4
printing
shipping
label
doesn't open
okay please check your browser's
settings what exactly
do i need to check
and
what next
okay
thank you
so this is our sample conversation of
the of the ai um solving some simple
shipping label printing problem for me
and let's now see how this would get
done from scratch
in order to get started let's now go
back to the quick chat
dashboard and as a first step let's do a
bit of customization of our
chat window if we go to integrations and
scroll down
you can see that i've already included
the welcome message i skipped the
optional second welcome message i
include our header the hl export and our
secondary header ask me anything
and you can also change your uh change
your color and change your childhood
avatar and i put this little
gift
once that's done
we can move over to the knowledge base
tab which is where we put all the
knowledge that we're going to give to
our ai
the first field is the product service
project name which is just the one or
two
word description of
what the chapter is going to be talking
about so in this case it's going to be
dhl shipping
then short description is the same but a
bit longer in
maybe a sentence maybe two or three
sentences so here i just put something
simple like dhl are specialists in
international shipping and courier
delivery services
if we scroll down here we can see this
big box
which will contain our actual knowledge
base so what our ai knows and uses
during conversations
so how is the knowledge base actually
supposed to look like
if we add more rows we can see that
kind of more bullet points are being
added and each line in knowledge base is
supposed to be a paragraph of text of up
to 150 words
and ideally each paragraph
would contain some relevant information
in such a way that the paragraph itself
is is coherent kind of self-contained so
it doesn't depend all that much on the
context that that's above it or below it
those are kind of best practices
the ai will still work fine and have
conversations even if you miss some of
these points but if you're testing out
your ai and you want to improve some
aspects of it
those are some of the best practices
that you should implement and we will go
over more of these in this video and
others
and as before
to give you a bit more of an idea what
we're trying to achieve here with the
knowledge base let's have a quick look
at the final stage of the knowledge base
once it's ready
by the end of this video
so
if you have a quick look you can see
that
all paragraphs are there are no
extremely short paragraphs and they're
kind of well structured like for example
this one which
talks to you about a particular case and
by the end provides a url with some more
context
so this is roughly what
a well-structured knowledge base should
look like
meanwhile
our source that we're going to use looks
like this
there are different formattings here and
and some other things to note is
um
one
the text contains hyperlinks which we
wouldn't want to lose
two
the text contains some headings uh
questions um some titles of sections
that probably wouldn't make sense as a
as a separate paragraph like this
and another thing is that it contains
lists bullet points and so on
so all these things as you can imagine
would be an issue if we just
highlight all of the text and copy paste
it into the knowledge base i can show
you now what it would look like if we
did that and here it is so
the issues i pointed to before one we
did lose the hyperlink it's it's gone in
the copying
another thing is that yes we have this
well not only empty paragraphs but also
kind of one word paragraphs which again
don't make really any sense
in isolation and also don't bring much
information for our ai
and three we can see that our bullet
points are kind of
messed up here so we're going to go
through these problems one by one i'm
going to show you how to
fix those
so let's zoom in on our first issue
which is which is this section here
we want to
make sure that we preserve this
hyperlink here and that we end up with a
well-structured paragraph
so if we go back to the knowledge base
this
is what it looks like if we just copy
paste it
we can see that there are some problems
one is that we have this isolated
paragraph here which is just a question
which doesn't really uh haven't have an
answer here
and also the the question gives a bit of
the context to this answer here which
now
lacks it in this paragraph and of course
we did lose the hyperlink which is here
that's why we
restructure it like that like that so
instead of saying how to import your
medication into the u.s and answering we
include this context in the answer
itself so we say if you want to import
your medication into the us requirements
vary depending on and so on
and then
a good way of including a hyperlink is
to put it at the end so to say
something like in order to better
understand and comply fully with the
guidance
download our guideline at and the url
url at the very end and that way the ai
will be able to use it in a nice way in
the conversation
in fact
let's
do a quick check of how this is going to
work in a conversation so if we
quickly go back to the chat and ask it
how
can i get
medication shipped to me
can see that we get our full answer here
including the url which is already
nicely formatted and and can be clicked
directly from the chat window
let's now do our second example to be
fixed in the knowledge base
which is this section here
that contains
a section header a question
and a yes or no answer with some more
comments
paste it directly into the knowledge
base it looks like this
so we already know that this is
undesirable
so is the question here
but also if we just remove those two
then we still have
a slight problem this yes here kind of
lacks context now that the question is
gone
so what we should do
is to include the context from the
question in our answer so i rephrased
can i use my own packaging where
shipping with dhl yes
into
you are allowed to use your own
packaging when shipping with dhl and
then continues the answer from above
and let's now do
our third and last example of
reformatting the knowledge base which is
this one here which is quite involved
so you can see it's a question about an
issue with printing the shipping label
we have some explanation first
then some steps to follow for internet
explorer and for microsoft edge so
different browsers and the some final
comments
so how we're going to structure this
roughly is
something you've already learned which
is include the context from the question
in the paragraph which we're going to do
we're also going to
merge together
this
sentence with the paragraph here you'll
see that this makes sense from the
formatting point of view
and for each of the lists we're going to
fold the list into a single paragraph by
by turning these
multi-line
bullet points into a comma separated
list
let's see what this looks like in the
knowledge base
so this is the raw
text just copy paste it we can see this
is the
title of the section the question
here is what the bullet
points look like and we can see that
they kind of lost all their meaning and
they're all just separate statements
which is which is not what we want
and here is how we restructure it
into three paragraphs
the first paragraph
contains
the top sentence here
and the last sentence copied in here
but we also added the context from the
question why doesn't the shipping label
print screen open
we include it in here
if your browser doesn't open the
shipping label print screen you may need
to check your browser settings and so on
and then
the other two paragraphs
we folded
these bullet points
into a list we also added
numbering to make it more coherent
but what's also important is that
i believe
it helps to add a bit more context to
just saying internet explorer or
microsoft edge
so the whole thing looks like this
here is how to add dhl as trust site on
the internet explorer and the steps and
similar to for microsoft edge
so this is how we restructured
this entire section into three
coherent
paragraphs
the important thing to note here
is that the way we structure these
paragraphs here is that they also make
sense on their own
you can treat them as a kind of
guideline on how to achieve this goal of
adding dhl as a trusted site on internet
explorer so each one of these makes
sense on their own but also importantly
for the ai in a conversation they add
important context to this paragraph
and potentially others
at this point it probably makes sense to
quickly go to our inbox and look through
the conversation that we showed at the
beginning
um
to to actually see how the ai uses this
knowledge that we just gave it and
nicely structured in practice in a
conversation
guys
so i think we made it we're back to our
nicely structured knowledge base
so let's just recap what we did in this
video
we started with
this dhl faq as our source knowledge
base and we showed how just copy pasting
raw text
can result in a number of issues which
we can
fix in the knowledge base to take care
of links to get rid of some short
meaningless paragraphs and to take care
of some multi-line bullet points
with these guidelines and best practices
in mind i think you're well equipped to
head over to app.quickchat.ai and start
with your own project so good luck