How to Install a Chatbot on Any Website

Hey! I’m spending 30 days building a series of tutorial videos and blog posts demonstrating how to use strategic tech tools that benefit startups. This is my tutorial on Chatbots. If you’re interested in learning more about my project, you can view the full project here.

Chatbots are a revolutionary new way of connecting businesses with their customers.

They’ve become a vital part of many high functioning businesses. The ability to connect with each other automatically is beneficial for both the company and the consumer.

The company now has an organized area to answer questions and gain feedback. They no longer have to search through endless rows of reviews and emails and to answer simple questions.

Alternatively, the consumer now has a quick and easy way to contact the company and get valid answers directly from the source. There’s nothing more frustrating than having to fill out an entire contact form just to ask a simple question. Or search through a long FAQ’s page looking for a helpful answer.

People are busy, no one has the time for that. If your only form of contact is difficult and hard to find you’ll lose interest and essentially, you’ll lose potential business.

That’s why chatbots are so helpful. A chatbot sits in the corner of your website. Once you’re ready to ask a question, you just tap on the icon, and you’re automatically connected with a representative.

Here’s an example of what a chatbot could look like. But they come in all sorts of different shapes and styles tailored to the companies design.

There are several different apps that allow you to create a chatbot but I chose Drift because it’s easy to use and allows you to customize it exactly how you want.

I also appreciate that Drift allows you to add the chatbot to any website, unlike the Wix chatbot that is tailored strictly to Wix websites.

Before I start, click here for a quick video overview of the entire tutorial that you can watch.

Step #1: Create a Drift Account

This part is pretty simple. Just set up an account through drift and choose how you want your chatbot to look. Don’t stress it, you can always go back and change it later. Now go to settings, scroll down to app settings, and click on “Drift Widget”.

This will give you various options on how to edit your widget which is a valuable page to come back to if you change your mind about the style later.

Step #2: Installation

To install, you’ll want to scroll down and click on the install button. It will give you several options but the one you want to click on is “Java Script”.

Next, you’ll click “copy“ and then you can head over to your website.

Each website builder is different but generally, they’ll have an add button with an option to enter an HTML. I used Wix to demonstrate. If you’re looking for a good easy website builder I suggest Wix. Here’s a blog I wrote on how to use it.

The next step is to click on the add button and an option will show up to enter a code or a website address. Here you’ll want to paste that Java Script you copied earlier.

It should look like this. Then just click the “apply” button.

And there you have it, a fully functional chatbot, all that’s left t do is move it to your desired area, and you’re good to go!

For fun, try testing it out! Make sure your website is either published or in preview mode. Then type something out in your chat and send it. You’ll get a notification through Drift and you can head back over to the Drift website and click on conversations. (You can also download Drift on your phone to reply on the go.)

Chatbots are such a great way to connect directly with your customers and now you’re fully prepared to build one. So get started!

For additional information, be sure to check out the tutorial video I made on how to install the Drift/Chatbot.

Hello! I’m 18 and I love to read, draw, and play the piano.