How to Install Comm100 Live Chat to Magento Site

Integration of Comm100 Live Chat extension to your Magento store allows you to talk with your store visitor. You can watch the visitors' activities in real-time and make informed decisions on what actions are needed to close the sales.

With its integration, you can quickly access the customers' information, including order history and real-time information of their cart within the agent console.

Configuration

Following are the steps to configure the Comm100 Live Chat extension:

  1. Visit the Comm100 Live Chat page on Magento Marketplace.
  2. Purchase the app from the Marketplace.
    Note: On purchasing the app, you can see the extension's technical details: Component name and Component version. Additionally, you can download the Comm100 Live Chat extension as a .zip file.
    Screen Shot 2020-08-26 at 1.03.38 PM.png
  3. You can install the Comm100 Live Chat extension in your Magento admin panel using Composer commands.
  4. After installation, you need to activate the installed extension by navigating to System > Extension > Integrations and click Activate.
    Screen Shot 2020-08-17 at 9.52.00 AM.png
  5. After the activation, you can configure by navigating to Magento admin panel > Stores > Configuration > Comm100 Live Chat > Settings.
    Note: If the Comm100 Live Chat extension is not activated, you are notified here. Only after its activation, you can proceed with the configuration.
    Screen Shot 2020-08-25 at 10.45.26 AM.png

Connecting the Comm100 Live Chat account

If the current Magento admin’s email account does not exist as an agent email account in Comm100, the live chat extension for Magento automatically creates a new account using the current Magento admin’s email. It connects Comm100 Live Chat to Magento after a Live Chat campaign is selected for your store (refer to step # 5 onwards of the following procedure).

Note: Login details containing the User ID and Password are sent to the Magento admin’s email address.

If a Comm100 account already exists for the Magento admin, then you must connect your existing Comm100 account by doing the following steps: 

  1. Under Magento admin panel, navigate to STORES > Configuration > Comm100 Live Chat > Settings. Comm100 Live Chat account Connect page appears.
    Screen Shot 2020-08-17 at 9.58.42 AM.png
  2. Enter your Email and Password of your Comm100 Live Chat account.
  3. Click Connect.
  4. After your Comm100 Live Chat account is connected, the Select campaign page appears.
  5. Select campaigns from your Comm100 account for your Magento store.
    Screen Shot 2020-08-17 at 10.00.09 AM.png

    Screen Shot 2020-08-17 at 10.02.37 AM.png
  6. Click Get Online & Chat. You are redirected to the Agent Console. Now, you can start chatting with the visitors of your Magento store.
    Screen Shot 2020-08-25 at 10.48.07 AM.png
  7. You can also download the Comm100 applications by clicking the Download APPs link.
  8. You can also select other options from the following link:
    • Customize your chat window and chat button: Used to customize the chat window and chat button as per your need from the Comm100 Control Panel.
    • Configure Magento Integration Settings: Used to configure the Magento integration settings from the Settings page of Magento integration from the Comm100 Control Panel.
      kb-magento -01a.png
    • Integrate with another Comm100 Account: Used to connect using a different account. You need to enter the account details to connect with another account. You are automatically disconnected after connecting with another account.
      Screen Shot 2020-08-17 at 10.07.32 AM.png

After the integration is complete, the live chat button appears on your Magento store. Now, your store visitor can reach you by clicking on the chat button, and you can chat with them from the Agent Console.
Screen Shot 2020-08-17 at 10.10.32 AM.png

While chatting with your customers, you can do the following actions in the Magento tab of your Comm100 Live Chat Agent console:

  • View the customer information
  • View the customer shopping cart updates and their real-time notifications
  • Check the order history of the customers
  • Suggest complementary products by sending the product list

Screen Shot 2020-08-17 at 10.11.48 AM.png


Installing the Comm100 Live Chat extension in your Magento admin panel using Composer commands

You can install the extension using the Composer commands in three different ways:

Note:

  • MAGENTO_HOME - is the path to your Magento home directory. For example "/var/www/public_html/". 
  • magento - is the Magento application name to your Magento home directory.
  • comm100 - is the folder name where the files are unzipped.
  • comm100/live-chat - is the composer name.
  • Comm100_LiveChat - is the module name.
  • GitRepo - https://github.com/Comm100/magento-extension
  1. The file extension name from Market Place (Recommended).
    Copy the extension name from the Market Place and run the following ssh commands:
    1. composer require comm100/live-chat
    2. php bin/magento setup:upgrade
    3. php bin/magento module:enable Comm100_LiveChat
    4. php bin/magento setup:static-content:deploy
    5. php bin/magento setup:di:compile
    6. php bin/magento cache:clean
    7. php bin/magento cache:flush
  2. Git repository path.
    Run the following ssh commands:
    1. composer config repositories.comm100gitrepo vcs GitRepo  Repo --
    2. composer require comm100/live-chat
    3. php bin/magento setup:upgrade;
    4. php bin/magento module:enable Comm100_LiveChat
    5. php bin/magento setup:static-content:deploy
    6. php bin/magento setup:di:compile
    7. php bin/magento cache:clean
    8. php bin/magento cache:flush
  3. Local repository path.
    Upload the zip file in any folder of your local machine and run ssh commands:
    1. composer config repositories.localartifact path Magento_Home/magento/comm100
    2. composer requires comm100/live-chat
      Note: You need to be in the Magento_Home/magento folder to run composer require comm100/live-chat.
    3. php bin/magento setup:upgrade
    4. php bin/magento module:enable Comm100_LiveChat
    5. php bin/magento setup:static-content:deploy
    6. php bin/magento setup:di:compile
    7. php bin/magento cache:clean

To manually upload the Comm100 live chat extension as a zip file, do the following:

  1. Upload the zip file to the Magento installation directory.
  2. Create the directory structure: <magento install dir>/app/code/Comm100/LiveChat.
  3. Unzip the file under <magento install dir>/app/code/Comm100/LiveChat.
  4. Check if you are in <magento install dir> and have sufficient rights to run the Magento update.
  5. Use the command /bin/magento setup:upgrade to install the extension.