Install the Rake live chat widget html code

This video shows you how to install a Rake omnichannel customer chat visitor widget on your website.


Rake offers a WordPress plugin and simple java script to make installation easy and fast for any type of website. Installation options include when the widget will be seen on a website, auto-opening, page selection and more.

Video transcript recap:
Let's find the live chat widget HTML code so that we can put the Rake omnichannel customer chat widget on our website. We're in our Rake workspace. And as we often do, we'll go to our workspace editor. As we start to work through some of the early onboarding we'll probably live in conversations a lot, but for now we'll go to workspace editor and we will go to live chat, widgets. You see, we already have a widget created. It was automatically created. You do not need to create your own widget. We'll go ahead and click on it. And you'll see a blue oval here "show code". And it really is that simple, we'll click show code. And here is the entirety of the code that we need to put into our website. I'll simply click on copy code. If you have someone that handles your website and helps you make updates to your website, you can enter their email address here and hit send, and they will receive the code in an email. We'll go ahead and put an email address in here just so we can show you that.
We'll click send, but remember we have copied the code. And so we have it on our clipboard right now, and let's go over to a website editor and install the code. Everyone's website editor looks different. We'll show you what the website looks like before we add the code slash widget. There is no widget showing here. Let's go over to our website editor, for this demonstration, we're using a platform called web flow and we don't typically put the widget in the head, but we'll put it in the body of the site. Remember I have the code on my clipboard, so I'll just use Control V (CTRL+V), or I could have, right clicked and hit paste. So now the code is there and we can hit save now and publish. Everyone's, website editor is going to be a little different and in the documentation for Rake, you can look for how to install a widget with GoDaddy, how to install a widget with Wix websites, we've got all of those steps written out. So let's check and see if our widget now appears. It likely should show in this area right here. We'll just hit refresh on our browser.
And it does, there is our widget. In the next video, we can talk about how we customize this widget. Perhaps we want it to not be a tab. Perhaps we want to change the colors. We can do all of that but before we leave, we'll go ahead and send one test message. This is a test chat, just hit enter. We'll go back to our workspace and there we have it. We can move this blade out. And there's our first inbound message. We can click GO here. You can see that it's waiting right now. We hit start. Now we're engaging with the widget. It really is this simple. I type, now as an agent or I now work at the business, "hello, thanks for the test". I'll press enter on my keyboard, and we'll take you back to the experience and sure enough, Duke has said hello, thanks for the test. So it really is that simple, just install a little bit of code and the widget is working immediately.

Learn more with a free
guided tour.
Book a DEMO today.

Pick your time.
No obligation.
Work efficiently,
Engage everywhere,
Connect your company!
Rake workspace rendered in laptop and mobile phone