2 Ways to Add Live Chat to Any Website (In Minutes)

Reading time9 minutes
Igor Shekotihin
Igor Shekotihin
Head of International Growth

What’s the easiest way to add live chat to your website?

There’s a lot of hard work that goes into building great live chat software, but this doesn’t mean it’s hard to add it to your website. Quite the opposite!

We’ll show you the quickest ways to add live chat functionality to any type of website, whether it is a CMS like WordPress, a Shopify store, or a custom-built site (in minutes).

Why Add Live Chat to Your Website?

Before we find out how to add live chat to your website, let’s take a quick look at _why _you should add it.

1. Capture More Leads

Simply adding live chat to your website can increase the number of leads you generate by 40%.

Live chat lead generation chart

Image source

Plus, it’s super easy to put lead generation on auto-pilot with live chat. You simply have to set up a message that pops up when a visitor spends a certain amount of time on a specific page.

For instance: did a visitor spend two minutes on your pricing or resources page? Create a custom message asking if they need help choosing the right product or asset for their needs.

2. Get More Sales

Live chat can help you close more sales. In fact, 38% of consumers are more likely to buy from a website that has live chat. They are also more inclinde to return to the website.

3. Provide Real-Time Customer Support

Who likes to wait on hold, or send dozens of emails to different support agents? No one!

Chart "Why is live chat preferred?"

A whopping 79% of customers say they prefer live chat because they can get immediate answers to their questions.

Live chat helps you solve customers’ issues in real-time using a single touchpoint. This is exactly what your customers want.

4. Solve Problems Faster

Live chat is the fastest way to help your customers or leads. It’s not just about customer support issues.

JivoChat live chat window

It takes an average of 2 minutes and 40 seconds to respond to a live chat. But you can shorten that significantly by using canned responses -- you could go as low as 40 seconds!

5. Increase Engagement

Not sure what could be improved in your buyer or support cycle? Why not ask the people who know best -- your customers?

Live chat is the perfect way to collect feedback at the right time -- while your customers are still on your website and it’s fresh in their minds. This way, you can easily identify weaknesses in the sales and support process and also improve loyalty as customers feel their feedback is valued.

2 Ways to Add Live Chat to Your Website (In Minutes)

You don’t need a web developer to install live chat on a website.

In fact, it only takes a couple minutes to add a chatbox to your website and you can do it yourself!

1. Add Chat to Any Website with a Line of Code

Step 1: Create your free account on JivoChat:

JivoChat banner

As soon as you have an admin account, you will have access to the control panel.

Step 2: Enter the admin name and the name of the website where the live chat will be installed. You can also add a phone number (optional).

JivoChat form

Step 3: Download the agent app for desktop or mobile. You can access it through your web browser or skip this step entirely and download it later.

JivoChat download page

Step 4: Copy the chat code and install it on your website (or have your admin do it -- you can send it to them via email directly).

JivoChat installation page

You can always retrieve this code after the registration process is complete. Don’t worry if you misplaced it; you can always find it here.

That’s it - congratulations! You have added live chat to your website. You’re ready to chat with your customers using the agent app or the JivoChat browser-based app.

JivoChat software interface

2. Add Chat to Any Website with a Plugin or Integration

JivoChat can be integrated with almost all the popular CMS and ecommerce platforms: Shopify, WordPress, and Wix, but also with BigCommerce, Drupal, Joomla, Magento, PrestaShop, and others.

You can also connect it to your CRM or your favorite analytics tool.

Add Live Chat to WordPress with a Plugin

Option 1: Automatic Installation

Search for the JivoChat Plugin in WordPress. Choose the first result option ("JivoChat - a Live Chat for Your Site"). Click on "Install Now" and then activate it.

JivoChat plugin on WordPress

On the left WordPress navigation menu, click on JivoChat, add your login credentials and then click on "Install JivoChat now".

JivoChat interface

After you see the "Congratulations!" message, you can install or launch the Agent App and start receiving live chats!

Option 2: Install the JivoChat Code in the Footer File of Your WordPress Site

From your WordPress admin panel, go to Appearance >> Editor.

WordPress coding page

Select the file called «footer.php» and edit it.

WordPress coding page

Add the JivoChat code before the tag.

Code

Make sure to save the settings by clicking Update File.

The JivoChat code is available in the JivoChat app, in the Installation section: Manage -> Channels -> Settings -> Installation.

Add Live Chat to Shopify with a Plugin

Ecommerce sales and support success depends a lot on speed, hence the necessity of having live chat on your online store. This is why we have created a special Shopify plugin to help you install it quickly, without working with snippets of code.

Here’s what you need to do:

Step 1: Open the JivoChat web app or any of our desktop apps and log in.

If you don’t have a JivoChat account yet, you can skip this step (see how above). You can always create the account later

Step 2: Go to Shopify and open the JivoChat app in AppStore

Step 3: Click on "Get" to start installing the application.

JivoChat app

Step 4: Don’t have a JivoChat account yet? No problem! It can be automatically created using the same login credentials you have for Shopify.

You will receive your username and password via email.

JivoChat installation on Shopify website

Step 5: Already have a JivoChat account? You will receive the option to install the app.

JivoChat installation page on Shopify

All that’s left to do is for you to choose an existing channel in your JivoChat account from where you want the code to be installed on your website.

JivoChat installation page on Shopify

Already seen this bar?

Bar where it's written "JivoChat is successfully installed on your Shopify website".

It means that your Shopify store is chat-ready! Enjoy!


Customize and Configure Your Website Chat Widget

Now that you have added live chat to your website, let’s take care of making it look native and in-line with your branding and tone of voice.

The website chat customization has three main goals:

  • Supporting your business goals
  • Helping you stay "on-brand"
  • Making customer interactions faster and conversion-oriented

Change the background color, as well as the text color with a few clicks:

JivoChat interface to customize the live chat window color

The position of the widget (left or right) is just as easy to change:

JivoChat  page to choose the live chat window position

Add more personalization to JivoChat with a custom offline message that your customers will see when no agent is online or with pre-defined canned messages that agents can send with a single click.

JivoChat page to create pre-defined messages

Once your live chat widget matches your website design and branding, look at the more advanced options. For instance, triggers can be a massive business asset when used right.

When should the chat window open and what should the message be? You can create a single message that greets everyone, just to let them know there’s an agent on standby should they need any help.

Or, our favorite option, create custom triggers. For instance, if you notice that a visitor lingers on a page for several minutes in a session or comes back to the same category, you can ask:

Proactive live chat message example

Want to go even more in-depth with your personalization? You can create your very own custom widget, with your own proprietary colors and look. It’s quite easy:

Step 1: Download the initial files here.

Step 2: Copy the "jivosite" directory from the archive to the root directory of your site.

For example, if you use shared hosting it will be: …/Public_html/your_domain/jivosite

Page showing computer files

Step 3: Make sure that the initial script code is available.

Script code

Step 4: Add the code between the and tags on each page of your site:

Step 5: Make sure that the JivoChat code has been added to your website.

That’s it! Now you’ve got your very own custom live chat widget added to your website.

Connect Chat and Facebook Messenger

Offering unitary communication across all your channels is crucial for making your customers feel right at home. With JivoChat, you can bring all your communication platforms under one roof.

JivoChat interface options

Agents can use a single dashboard to connect with customers and reply to messages incoming from Facebook, your website, calls, and emails.

You’ll be able to connect with more leads and customers, since you can engage with them on the platform of their choice, be it Facebook, Telegram, or another channel.

JivoChat sotware chats page

You can connect live chat to Facebook in three easy steps:

Step 1: Go to your JivoChat dashboard

Step 2: From the communication channels menu, select Facebook

Step 3: Start receiving messages from Facebook directly in your JivoChat app!

Ready to Add Live Chat Functionality to Your Website?

There are few things easier and faster than leveraging live chat for more sales and better communication with prospects and clients.

Ready to add live chat to your website? Don’t worry about not being able to complete the installation on your own. We’re here for you 24/7. Just look for the live chat widget on our website.

Like what you've read?
Sign up and try JivoChat for yourself!
It's free and only takes a couple of minutes to download.