Help and support

Resources that will teach you everything about LiveChat.
by Jacob Firuta

Magento: adding LiveChat to your site

You can easily add a live chat feature to your Magento-based web shop by following this guide. This will give your online visitors a chance to chat with you in real time straight from your shop.

Installation

To install LiveChat on your Magento site, you need to follow these few, simple steps:

  1. Download the LiveChat module for Magento.
  2. Unpack it to your Magento installation directory.
  3. A new LiveChat tab will appear in your Magento panel, click it to proceed.
  4. Enter your LiveChat login and press Save.

Congratulations! A LiveChat module has been installed. Now, you can add a chat button to your Magento site.

If the LiveChat tab doesn’t show up immediately, try restarting your Magento cache. Read more about Cache Management.

Adding a chat button

You can add a chat button to your Magento site in order to give your online visitors a chance to talk with you. To do this, follow the steps below:

  1. Log in to your Magento admin panel and select the CMS tab and click on Static Blocks.
Selecting static block

  1. Click on Add New Block button located at the top-right.
  2. Input the Block title as “LiveChat”, Identifier as “livechat” and set Status to Enabled.
New block general info

  1. Click on Show/Hide Editor.
Hiding editor

  1. Go to Chat buttons section.
  2. Click Install next to the existing button (or click Add a chat button and then Add a graphical button, to add a new one).
  3. Copy the Installation code of the button.
Copying chat button code

  1. Paste the code in the Magento editor.
Pasting button code

  1. Finalize by Clicking on Save block at the top-right.

You’re half way there. Now, you need to add the newly created block as a widget on your site. Do this in the following way:

  1. Once more click on the CMS tab and select Widgets.
Selecting widget

  1. Click on Add New Widget Instance at the top-right.
  2. Choose CMS Static Block as Type, and base/default as Design Package/Theme and select Continue.
Setting widget

  1. Set Widget Instance Title to “live chat button”.
Adding widget title

  1. Click Add Layout Update and select on what pages the button should be displayed (we suggest All pages).
Widget display

  1. Choose on which portion of the page the button should display.
Block reference

  1. Click on Widget Options.
  2. Choose Select Block and pick your newly created LiveChat block.
Selecting block

  1. Finish by clicking on Save in the upper right corner portion of the page.

The button will now display on your Magento site and your visitors will be able to access you through chat.

What’s next?

Now, all that is left to do is to log in to our web application, or download one of our applications and start chatting with clients! You can also check our Knowledge base for many useful tutorials and guides.