Help and support

Resources that will teach you everything about LiveChat.

Adding LiveChat to your Magento 2 shop

by Justyna Kraszewska

With this integration you’ll be able to set LiveChat in your Magento 2.x store and to track information about your visitors’ purchases.

Custom params in chat window

Installation

There are two alternative ways to install this integration, pick the one you prefer and complete its steps.

Option 1:

  1. Create LiveChat folder in your main Magento directory (/app/code/).
  2. Download Magento – LiveChat package.
  3. Unzip the package to /app/code/LiveChat/ folder.
  4. Change its name from magento-livechat-master to LiveChat.
  5. Log in to your Magento admin panel and go to System > Cache Management and Flush Magento Cache there.

Option 2:

Make sure you have Composer installed. You can install it by entering
curl -sS https://getcomposer.org/installer | php
in your main directory in Magento.

Next, go to the Magento main directory on your server and enter the following commands:

  1. php composer.phar require livechat/module-magento-livechat:dev-master
    to install LiveChat package
  2. php bin/magento module:enable LiveChat_LiveChat
    to turn on the integration module
  3. php bin/magento setup:upgrade
    to update the settings
  4. php bin/magento setup:static-content:deploy
    to export the static files
  5. php bin/magento cache:clean
    to clean the cache.

Connecting the accounts

Now’s the time to connect your LiveChat account to your Magento store.

  1. Choose Stores tab from the black menu on the left, and then enter the Configuration section.
Accessing configuration section in Magento
  1. Select LiveChat and connect your account by providing your LiveChat login email. Confirm by clicking the on grey Connect button.
Connecting LiveChat account

If you don’t have a LiveChat account yet, click on Create LiveChat account for free link and choose your login email and password. Then click on Create an account button.

If you create a new LiveChat account, a new goal will automatically added it will be scored every time a customer places an order.
  1. You will see a pop-up alert informing that you need to refresh the cache. Click on Cache Management to enter the section in which you will be able to do that.
Cache alert in Magento
  1. Validate Configuration and Page Cache there.
Validating cache in Magento

All set! You should see a confirmation that Magento store is now connected with LiveChat account.

LiveChat and Magento 2 connected

Down this page you can manage the custom parameters that will be passed to your chat window. They are all enabled by default. If you want to turn some of them off, click on the drop-down menu next to the parameter and choose Disable.

Managing custom params

Make sure your Page Cache is disabled. You can check on that in your Cache Management section.

Disabling page cache in Magento
The Page Cache should be disabled to pass variables from Magento to your LiveChat properly. Leaving this option as ‘Enabled’ will block the possibility for your LiveChat to refresh your customers’ cart value in real time when adding new products to it – you will see the same value through the entire conversation.

From now on the chat tool will be available to the customers of your Magento 2.x store. You will also see information about their purchases beside the chat window.

Looking for tutorial dedicated to 1.X version of Magento? Don’t worry, we have it too! Just click here and learn how to add LiveChat to right version of your Magento store.
Did you find this helpful? Yes No
Thanks for your feedback.
40% of people found this helpful.