hi everyone welcome back to our new tutorial hope you guys are well so today in this tutorial
i am going to show you how you guys can add a real-time messenger in your website without any
code and here you can see that in our website this is the website and here you can see that
we have a real-time messenger icon here and i will add this messenger in our this website here also
and here you can see that i made this website completely from a sketch using bootstrap html
and css and if you guys want to check out this tutorial i will give a link of this tutorial in
the description below and you guys can find this tutorial in the suggestion box also
so check out this tutorial if you want
so now here you can see that in our this website we have a real time icon here if we now click on
this icon here you can see that i have already sent some messages so that i can check out this
messenger is working or not so yeah this messenger is actually working
beautifully and here you can see that i user send this hi
to me and now i am sending this display here and how we can do this so let's show you guys
in real time so now i will show you how you guys can add this messenger in your website
without any code so before we start if you guys are new in my channel then please please subscribe
like this video and press the bell icon for the future videos and if you guys have any
question about this video and any other video you guys can comment below so let's get started
so for doing this you just have to go to this website here is the link of this website i will
give this link in the description below you guys can find it here and here in this page
you have to create an account so click on this account here and now here i want to create a new
account so that's why i create a new drift account and then sign up with email you guys can sign up
with gmail account also and here you have to put your that email address where you want to receive
your visitors message so that's why you have to put your email address here
so i am putting my email address here that's it now you have to create a password here
that's it now click on this i am not robot and now click on create free account and now here in
this page you have to put your name here so i am putting my youtube channel names so this will be
type 2 etc that's it and now click on this continue and you have to put your company name
and company website and for me i am using that clue etc and for my company website i am putting
my youtube channel address that's it and now here you have to add an image here so that that image
can show in this icon here so that's why i choose a file that's it now click on this continue button
and now here you can see that we have icon here and you guys can customize this icon
by yourself and you guys can add many colors here so now i am putting this color and this icon here
and now click on this continue button and now here we have two options for installing this
in your website one is javascript code and one is wordpress and now i am using javascript code
so that's why click on this javascript so this is the code here and you just have to
click on this copy code and here you can see that paste this code below before the head
tag and go to your code editor and here you can see that we have our title here and underneath
this title we have to paste our javascript code that's it guys so this is our javascript code
now save and go to your website and now refresh so here you can see that
now we have a message box here so now let's type a message here hi
and if this message is now sent here and now go to your email and here you can see that you have
a new message visitor by drift and a click on this conversation here you can see that
hi tech2 etc you are added a conversation with site visitor here is some of what you missed so
here you can see that i was the site visitor and i typed hi so now we can chat with this visitor
in real time so for doing this click on this replay in drift so here you can see
that this is our dashboard here and here you can see that our first message was hi
and now here we can replay this message so let's replace this and then hello how can i
help you that's it now send go to our website and here you can see that we have two message here
now we can actually chat with our visitor in our real time and now let's reply this again
i need a website now send then now let's go to our drift conversation again and here you can see that
we have our message i need a website now let's replay this again and now i will reply please
give us more information that's it now sent and now go to our website yes here you can see that
we have received our message here and please give us more information so that's it guys here you can
see that we have added a real-time messenger in our website and we can chat with visitors
real time and this chat option is actually responsive and we can see these messages in
our responsive mode also here you can see that in our mobile screen view it is also working
well here here we can see that and yes guys by adding this messenger we can help our visitors
by answering their question and yeah that's it guys i hope you guys enjoyed this tutorial and
if you guys really enjoyed this tutorial then please please subscribe like this video and
press the bell icon for the future videos and if you guys have any question about this
video or any other video you guys can comment below and i see you guys in our next tutorial
i know