September 23, 2019
WordPress WooCommerce – INCREASE SALES – Add Live Chat to your eCommerce Website (Zopim)

WordPress WooCommerce – INCREASE SALES – Add Live Chat to your eCommerce Website (Zopim)


Hello, everyone. In this tutorial, I’m
going to show you a great way to improve your conversion rates on your eCommerce
site, and that is by including a live chat area on your site like the one you
see here. So many customers are like coming and viewing many products they may have
questions about products. They may have pre-sale questions. The best and
easiest thing for them to do is click on the live chat area there. They can input
their details, their name, e-mail, phone number, and a message, and you’ll be able
to chat with them directly in real time. I will actually give you a live demo of
how this interaction works at the end of this tutorial after I’ve installed
everything, but follow me step-by-step and you can do it too. By the way, if you
haven’t already, check out my other great tutorial on how to setup an eCommerce
website like the one you see here step-by-step for next to nothing. You
can start using all the great features I teach in my tutorials. Let’s get started. Firstly, just click on the link in the
description below. It should take you to this website here. It’s a live chat
service that allows you to install … to easily install a live chat feature onto
your websites. So first thing to do, sign up for an account. Just enter your
name, e-mail address, agree to the terms, and click the Sign
Up button. That will send you an e-mail to your e-mail address with a confirmation
link. So make sure you go to your e-mail, and confirm your account. Then, you’ll
be able to log in. And after you log in, this is what your dashboard will look
like. So let’s go straight into setting up the live chat widget. Go down to the
Widget section. Now this here is the code that you will need to insert into your
eCommerce site. I’ll show you how to do that a little bit later after we’ve set
everything up. Now in the Appearance tab, just note that before we start, there
will be a few features that are restricted to paid accounts. So a few
things will be disabled, but you will be able to do the majority of things that
we need. Okay. So let’s start with the chat window. You can customize the top
title and this here is a preview of what your chat window will look like. So let’s
customize these little bits and pieces. You can change a theme color. One good
idea is to match the theme color to your eCommerce store color. Okay. You can choose from a small window – medium or
large. In the free version, this is disabled and will stay at medium. You can
actually choose the position of the widget to either the bottom left or the
bottom right of your website. I prefer the bottom right because that is where
most websites have their little live chat window located in that area there. It’s just a
convention which people are used to. It’s not in the way of other things, but it’s
there if people need it. It’s easy to find. So I would recommend leaving this in the
bottom right. Now the chat bubble itself, you can change the background color if
you want to. That feature is disabled in the free version. You can change the
title. By the way, this chat bubble is actually the bubble that people see
before they click on the live chat. So when they when they come into your
eCommerce store when this page loads, they will actually see this. Only when
they click here will the actual chat window open up. So you can customize the
title, then down to the concierge. The display
title is this little title over here, and the byline is the one under it. Cool. Now when
the chat is minimized, you can actually customize what is written over here.
This is the message that will be shown if you’re actually offline and unable to
attend to any chats that opened. Your only online when you are logged into
your ZOPIM dashboard here. You’ll see … I’ll actually show you a demo later, so you’ll understand that
shortly. For now, when you’re ready, click Save Changes. Then, go to the Forms tab.
Okay. Here you’ve got two options. You can either show a pre-chat form, which is
what you see here, or you can turn that off. Now if the pre-chat form is on, you can
actually select whether to request that the user enters their phone number or
not, like you see there. You can allow them to log in using their social
accounts. As you can see, here the user will be
able to edit the name and e-mail address. That’s what they will actually see
when they first come to your … through their first open up your chat window. You
can have a pre-chat greeting, and the rest of these features are actually disabled on the free account.
now the offline form, you can customize what you would like people to see if there is no nobody online to be
able to respond to a chat. So what happens is they can actually leave their
details – name, e-mail, phone number if you wish, and a message, and you will be
e-mailed this information directly into your e-mail inbox. Cool. When you’re happy with
that, click Save. That’s all as far as settings go. You can have a look at the
other settings if you like. Most of them are disabled for the free account, but
that’s fine because we’ve got pretty much everything we need set up and ready
to be able to install this live chat widget onto our eCommerce store. Okay.
So the next thing we need to do, go back to the Getting Started, and we want to embed this
live chat code onto our eCommerce website. To do this, firstly log into your WordPress Admin
Dashboard. Once you’re logged in, there are a couple
of ways that you can add the ZOPIM code onto your eCom website. So in plugins, you can
either Add New, search for the ZOPIM plugin, install and activate that, and then
follow the instructions that it gives you. Alternatively, there’s another way.
I’m going to use the alternate way because it’s just a little bit easier
for me, and that is I simply want to copy this code. I … Currently, I’m running the
Mystile theme. If you followed my tutorial on how to setup an eCom
store, you would be running this one as well or you may be using Storefront if you’ve
watched that tutorial. All you want to do is go into your Theme settings, and then go
down … and you should see an area for tracking code. This box allows you to
import any code that you need added to your website. It could be your analytics
code or it could be any other code. Basically, it’s added onto a website such
that it is on every single page because it’s really important that when you add
this code, it appears on every page of your site, not just the Home page. So this
will do the job. If you enter that code, copy and paste into the tracking code
area. As you can see, this will be added to the footer template of your theme.
Essentially, that means that it will show on every single page. Then, go down and
save changes. Cool. Now let me just refresh my website, and
let’s see what happens. There you go. As you can see, there is a live chat area
that appears on the bottom right. So a person can be browsing your eCom store looking to
buy something. Maybe they’ve come across a particular item and they’re not too sure.
They see that, “Hey, you’re online”, and the live chat is open. There you go. Then,
the person would start chatting. What would happen then is in your ZOPIM dashboard, you would
actually see that there’s a request here for a live chat. As a admin, you would
be able to respond to that. As soon as you respond to that, the customer would be
able to see your response in the chat window. That’s essentially how it
works. Now the user can thumbs up, thumbs down, close the chat, etcetera,
etcetera, and the good thing is each one of your chats will actually be stored in
your chat history. I believe that’s this area here. Yep. There you go. So any chats that you have
or that your staff has will be stored within this chat history. So I hope
that’s been helpful for you. I hope I’ve been able to show you how to easily add
a live chat to your eCom store. Please thumbs up this video. It really helps me.
Leave a comment below if you have any questions and subscribe to my channel.
Also, let me just show you some of the restrictions of ZOPIM with the free
account. Currently, we have a free account. So we can only
have one chat at any one time. From what I understand, there is only one agent that
can reply. However, if you’ve got a large business, you can see that these
limitations are lifted. You can have unlimited chats, and you can have more
agents attending to all of your customers. So that’s completely up to you,
how you would like to go ahead with this ZOPIM product. But for now, I hope that’s really
helped. Pleas, thumbs up, subscribe and ask any questions below.
Thanks for watching.

17 thoughts on “WordPress WooCommerce – INCREASE SALES – Add Live Chat to your eCommerce Website (Zopim)

  1. Hi, I set up a domain with your tutorial over a month ago, but now I want to change the name, is it possible? when I ask hostgator it seems too complicated for me to follow. Would like your help with this one thanks very much.

  2. Hi, Great Tutorial. I have implemented it and subscribed your video too.
    But i need to modify like auto pop up the chat window if the customer is browsing my web site. How to do that. It will be great help if you answer.
    Thank you

  3. thanks to you i now own website even an ecommerce site, i appreciate you sir. please is there a way to add refferrals plugins to my online site (like giving out loyalty to customers) also i cant see the opim link here

  4. hi, can we just ask the customer given us name and email.  Can the phone option be deleted.  Reason I am outside US.  I cant called them due I am still got other things to do.

  5. Dear sir,
    I am using WordPress and theme is Sydney. I unable to use this LIVE CHAT. Please let me know how to edit in pluglins

  6. ็Hi emediacoach , thank you very much for your nice and easy to follow tutorial, i enjoy every VDO of yours, i have a small request i wonder if you could do a dating site tutorial using WP and the plugins available, Thanks and thumbs up

  7. Thanks for sharing this great post. It will be a great help for those who are working on ecommerce website. For more details Click Here – http://bit.ly/2hVNv8e

  8. can i use it for multi market place ?? (multi seller and buyer could chat separately ??)

    reply asap please thanks for this video

Leave a Reply

Your email address will not be published. Required fields are marked *