Website Chatbots can help people complete any task, from getting answers to frequently asked questions and signing up for email lists.

Not only do chatbots provide a great conversational customer experience, but they also free up room for your employees to focus on more important tasks and jump into chat experiences only when necessary.

But the main complaint with chatbots is that they are often too complex to build. They require detailed coding experience or hiring developers at expensive premium rates.

On top of that, they produce robotic, monotone, and boring conversations that people aren’t thrilled with.

Until now.

Here’s how to build a fully-functioning website chatbot in just two minutes that you can use to fuel your lead gen and even jump in the conversation to provide a great human touch.

Ready? Let’s jump in.

Chatbot 101: Setting up Your Website Chatbot in 2 Minutes

Setting up chatbots shouldn’t cost an arm and a leg. And it shouldn’t require hiring a developer, either.

Not when you’re a small business, and not when you need to be able to fire up chatbot campaigns quickly.

Using Landbot.io, you can.

From the Landbot.io homepage, create your free account by clicking to sign up or hitting “Yes! Create my bot.”

website chatbot

After a painless signup ‘process’ (if you could even call it that), you will land on the Landbot dashboard (pun intended).

Here you can either pick from a templated bot structure that Landbot has already developed:

Or you can develop different formats of bots for Whatsapp, Facebook Messenger, API, or your website.

In this tutorial, we’ll show you how to create a new Landbot.

Select “Create a new Landbot,” and from here you will be directed to the new bot editing dashboard:

website bot

Creating a new chatbot is extremely simple on Landbot.

As you’ll notice, there is already a start message that engages users:

The text in the highlighted box is what your chatbot will say when engaging a new user.

Hello there!

Feel free to change this if you would like.

Below that are your “buttons.” Buttons are simple ways that users can respond to your bot. Given that this is a welcome sequence, keeping it simple with a single answer helps to speed up the process.

To add a new sequence to your welcome message, simply drag the green arrow from a given response:

In this case, we only had “Hi!” as the user response, so you will want to drag the green arrow from the “Hi!” button.

Next, select “Simple Message” as your new block type.

To edit, (1) click first on the new message box. (2) Next, type an introductory welcome message and (3) lastly, hit “Apply” to save your new message.  

Now drag the green arrow / dot again from your latest message block:

This will allow you to form another block type:

For your next chatbot block, ask your users a question about how they arrived on your website.

To do this, click “Ask A Question” and select “Buttons” from the question type list:

(1) Now use the text box to type the question you want your bot to ask the user.

(2) Select button responses that the user can respond with

(3) And hit apply when you are done!

After apply the changes, you will see the new chatbot string applied to your bot:

Next, you have multiple options on how to continue building your bot.

You can either:

  1. Drag the green arrow from individual answer options, like “Google” and “Facebook.”
  2. Drag the green arrow from “Any option (default)” to give the same continued string to any answer.

So, what’s the difference?

By dragging multiple arrows from different answers, you can tailor the conversation to different customer segments.

For instance, dragging the green arrow from Google, you could ask your users if it’s the first time they are visiting your website:

But for Facebook, you can create an entirely separate string for that segment of your traffic:

Why would you want to do that? Because different customer segments respond better to different messaging. Cold Facebook traffic who is just getting to know you will respond to a vastly different campaign than brand-aware users from Google.

To keep this bot simple, let’s finish building off your Google-based traffic. For first time site visitors, let’s create a new question. From the list, select “URL” as your option.

Since they are new users, try directing them to your blog to get familiar with your brand and the content that you create.

Because they are new, they aren’t yet brand aware and will benefit from learning more about your business.

For your regulars who went through the chatbot sequence, select a simple message as your box type and let them know that you are here to answer any questions.

If you are feeling extra adventurous, go back and create a new string for Facebook visitors!

Voila! You’re done!

Now you can test your chatbot directly within the editor to make sure it flows just like you expected.

To do so, click the “Preview” button on your dashboard:

From here, you can directly engage the new chatbot you just made as if you were a real customer on your website. Just follow the different answer strings and queries to see how you did in the building process and identify any possible errors that you will need to fix. You can even test the bot with the mobile device feature. To get started, hit “Preview.”

Congrats! You just created a working chatbot for your website in two minutes flat.

While you can make them more simple or more complex in nature, this is a fantastic start to easy chatbot building.

Want to make a detailed lead qualification bot? You can.

Want a simple traffic segmenting bot? No problem.

On Landbot the possibilities are endless.

Plus, once you’ve created a few chatbots, you can copy and paste them as templates so that you aren’t repeating your work over and over.

Now that you’ve got the chatbot created, what’s the next step?

Let’s embed it on your website. Here’s how.

How to Embed Your Chatbot on Your Website

Embedding your chatbot on your website is a great way to interact with your customers and drive more leads.

With Landbot, adding a chat functionality to your site is super easy.

In the chatbot building dashboard, click to the “Share” step in the creation process. From here, select to embed the chatbot on your website:

Here you can select between four different styles:

    1. Fullpage: have the chabot engage the user and take up the entire screen
    2. Popup: have the chatbot popup upon entrance (or after a certain amount of seconds)
    3. Embed: display your chatbot as an embedded function
    4. Live Chat: have your chatbot display as a live chat message in the corner of the users screen.

If you select livechat as your landbot display type, this is what it will look like when you customize the entrance:

If you are ready to place your new Landbot on your website, you have two options:

  1. Copy and paste the code in the <body> section of every page on your website that you want the bot to work on
  2. Email your developer instructions on how to apply the snippet of code

And that’s it! Once you’ve applied the code, your Landbot will be ready to interact with users and collect valuable lead information or assist them in their journey.

Utilize Human Takeover When You Get Notifications of New Chatbot Leads in Slack

After embedding on your website, you will start to drive a big amount of chat messages from users navigating your site.

It’s natural for them to gravitate towards chatbots because they can solve problems fast.

You can stay on top of your chatbot messages by setting up notifications of new leads directly in your Slack channel to signal you for human takeover.

Human takeover is a feature in Landbot where you ping a real rep from your business to jump into the conversation when the chatbot can longer assist.

For instance, if you don’t have complex chatbots developed yet, you can signal human takeover when a user needs detailed help or tricky situations like payment issues.

To set up Slack notifications and human takeover, go back into your bot sequence and determine the appropriate time to get notified. Once determined, hit the integrations tab on the left side of your dashboard:

From here, select Slack from the integrations list. Remember: if you want to create bots for other uses, you can easily loop in these integrations like mailchimp to add leads to your email list or Stripe to manage payments!

Now customize the notification that you will receive in your Slack account and which channel it will be directed to. You can also opt for an email notification to make sure that you get notified on multiple channels.

Once you have setup Slack notifications, it’s time to enable human takeover to allow your agents to provide a human touch.

To do so, select the “Power-Ups” tab on your dashboard:

Next, select human takeover to add it to your chatbot sequence:

Connect it to your Slack notification as the next step in the sequence:

web chatbot

And that’s it! Now when you get a notification on Slack of a customer in need, you can quickly answer it and provide insights.

While customized chatbots can provide amazing experiences, live human takeover can help you solve complex problems fast.

Find a good balance between chatbots and human takeover to limit your time dealing with low-level service and provide better customer service to complicated issues.

Customize Your Chatbot Branding For a Better Experience

You’ve built a chatbot in just two minutes, installed it on your website, and even customized it for Slack notifications and human takeover.

So, what’s next?

A great next step in perfecting your chatbot is giving it a consistent branding for a better customer experience.

You want the chatbot to match your website branding and color scheme to reflect a consistent experience.

With Landbot, you can fully customize your chatbot in a variety of ways.

To bring up design elements, select “Design” from the chatbot building dashboard. On the left side you will see a large list of customization features:

With design templates, you can select from already created Landbot templates to match brand colors or company styles like Job, Event, and Grace.

If you prefer more control over the customization, fully customize your brand colors from the base to the background to headers, chat bubbles, and forms:

When customizing, don’t forget to add your company logo and header logo text to the chabot:

And for all of those advanced users out there, we have advanced customization options for custom style sheets and custom scripts:

Branding your chatbot is a great step to making the live chat experience more seamless.

Conclusion

Chatbots are becoming an extremely popular way that users connect with businesses.

Whether it’s getting help with frequently asked questions or signing up for an email list, chatbots can solve user problems and fuel your lead generation strategy.

They are diverse and can be customized for virtually any need.

On Landbot’s dashboard, you can create chatbots in just two minutes using the easy drag-and-drop platform. With predefined variables and dozens of customization routes, your chatbots can be as complex or simple as you see fit.

Connecting to multiple popular integrations like Slack, Stripe, and MailChimp, you can create diverse sequences that notify you of new leads, send those leads to your email marketing, and even manage payment information.

Utilize live human takeover to jump into chat conversations for more complex situations. AI can only get your bot so far and humans prefer to talk to humans. Use your chatbot as a way to start conversation and then jump in to provide the human touch.

Customize your bot branding to make a seamless experience and improve customer satisfaction rates.

Chatbots don’t have to be hard to build. And they don’t have to be boring and robotic to talk to.