How to add Comm100 Live Chat onto a WordPress site

Comm100 gives you the flexibility to add live chat onto your WordPress site. You can add live chat by either:

Install the Comm100 Live Chat WordPress plugin

The Comm100 Live Chat & Chatbot plugin enables you to easily add a chat button to each page of your WordPress site with a few clicks.

To install the plugin, follow these steps:

  1. Log in to your WordPress account.
  2. Go to the Plugins menu and click Add New.
  3. Type Comm100 in the search bar to find the Comm100 Live Chat & Chatbot plugin.
  4. Click Install Now to install the plugin.Picture 6.png
    After the successful installation, the Install Now button changes to Activate.
  5. Click Activate to activate the plugin.
  6. Go to Plugins > Installed Plugins and search for the Comm100 Live Chat – Chat Plugin for WordPress plugin.
  7. Click Settings.
    Picture 2.png
    WordPress navigates you to the Live Chat > Account Setup page.
    Note:  You can also directly navigate to Live Chat > Account Setup page from the navigation menu.
    kb-nwp-011.png
    1. If you are an existing customer.Comm100 asks you to provide an email and password to connect your Comm100 account to WordPress, and activate Live Chat on your WordPress site.
      Note: Comm100 verifies for an existing Comm100 account using your user profile email address.
      1. On the User Sign In screen, type your username and password, and click Sign in.kb-nwp-022.png
        A message: Comm100 Live Chat account connected with WordPress successfully appears.
      2. Click Explore Now.kb-nwp-023.png
      3. On the Comm100 Integration screen, you can view the Site Info details such as Site ID, Plan, Email, and your current Campaign.kb-nwp-044.png
      4. On the Campaign area, you can click the Change link to select a campaign from the drop-down list if you have multiple campaigns created on your account.kb-nwp-055.png
        Note:
        • If you are using our Team plans, you can only have one campaign on your account.
        • If you select a campaign with a static button, you’ll see Comm100 Live Chat is available in Widgets. Then you can drag the widget to your sidebar and make it active. After that, you will see the chat button shown on your sidebar.
      5. From the Quick Access area, you can:
        • Customize the appearance of your chat button and chat window to match your brand. To learn more on how to brand and configure your live chat campaign, see this article.
        • Take a look at the Live Chat campaign on your Site.
        • Launch your Agent Console and start answering chats from your website visitors.
        • Evaluate agent performance, monitor chat quality, and gauge customer satisfaction for both real-time and long-term planning.
        • Find self-serve answers about how to get started with live chat, how to add ticketing channels, troubleshoot FAQs, and more.kb-nwp-066.png
      6. You can click Get Online & Chat to monitor and chat with your visitors from Agent Console. To learn how to go online and take chats on Agent Console, see this article.kb-nwp-077.png
    2. If you are a new customer, Comm100 signs you up for the Comm100 Bot Free and Comm100 Omnichannel Enterprise Edition plan and connects you to WordPress to activate Live Chat on your WordPress site. You receive an email on your user profile email address with Comm100 account access details for successfully connecting to the Comm100 Live Chat account. You also receive a password for your new Comm100 Live Chat account on your profile email address.
      1. The Create a Comm100 account screen appears with your pre-filled email.
      2. Click Sign up.
        Note:  By signing up, you agree to Comm100’s EULA and Privacy policy.
        kb-nwp-b.png
      3. The Thanks for signing up screen appears. A temporary password is generated for your account and is sent to your profile email address.
      4. Click Explore Now.kb-nwp-c.png
      5. On the Comm100 Integration screen, you can get online to chat with your visitors, view your site info details, change your campaign, and quickly access some modules from the Quick Access menu.kb-nwp-d.png

After you have successfully added the Comm100 Live Chat plugin onto your WordPress site, the live chat button appears on your WordPress site. Now, your customers can reach you by clicking the live chat button, and you can chat with them from the Agent Console.

Note: If you want to connect a new Comm100 account, you can reset the previously connected account by clicking the Reset my Comm100 account link on the Comm100 Integration screen.

kb-nwp-088.png

 

Place the Comm100 Live Chat code

You can also manually insert the Live Chat code to get live chat up and running. The Insert Headers and Footers is a simple plugin that lets you insert Comm100 Live Chat code to your WordPress site.

To insert Comm100 Live Chat code to a WordPress site, follow these steps:

  1. Log in to your WordPress account.
  2. In your WordPress admin area, go to the Plugins menu and click Add New.
  3. In the Add Plugins page, type the plugin name Insert Headers and Footers in the search bar.
  4. From the listing, click Install Now next to the plugin.

    WordPress will start to download and install the plugin. After the successful installation, the Install Now button changes to Activate.
  5. Click Activate to start using the plugin.
  6. From the Settings menu, click Insert Headers and Footers.
  7. Paste the Comm100 Live Chat code to the Scripts in Footer box.
  8. Click Save

Now you have successfully added a chat button to each page of your website. Your website visitors can click on the live chat button to chat with you instantly after you get online from Agent Console.

Yet you do not necessarily have to go back to your WordPress admin panel every time to chat with your visitors. You can easily get online through our live chat apps for both PCs and mobile devices.