How to put Comm100 Live Chat on a Drupal site with Custom Block?

September 5th, 2018 | Setup & Getting Started

The Comm100 Live Chat Drupal Plugin allows you to install live chat on your website in just a few clicks. In addition to the plugin, you can also easily add live chat to your Drupal website using Custom Blocks. When your live chat campaign is using a Static Image Button, Adaptive or Text Link Chat Button type, you can add the chat button to your website by adding Custom Drupal Blocks which  allows you to put the chat button in a fixed position like the Header or Footer of your Drupal site.

Based on your Drupal version, please select the relevant steps below to add live chat to your site.

Install Live Chat on a Drupal 8 Website with Custom Blocks

  1. Log into your Drupal website admin panel.
  2. Navigate to the Block layout section under Structure.
    lckb-custom-block-for-drupal8-01
  3. Click the Place Block button next to Header .
    lckb-custom-block-for-drupal8-02
  4. Click Add Custom Block.
    lckb-custom-block-for-drupal8-03
  5. Add the Block Description, make sure you enable Source, select Full HTML as the Text Format, and click the Save button.
    lckb-custom-block-for-drupal8-04
  6. Select Header as the Region, and click Save block.
    lckb-custom-block-for-drupal8-05
  7. Block configuration has been saved.
    lckb-custom-block-for-drupal8-06

    Note: If you are using a Statics Image or Text Link chat button type, the live chat button will be displayed in the fixed Region where you placed the block. You can further Remove, Disable, Delete custom blocks in your Drupal account.

    lckb-custom-block-for-drupal8-07

Now Comm100 Live Chat has been added to your Drupal site successfully.

lckb-custom-block-for-drupal8-08

Install Live Chat on a Drupal 7 Website with Custom Blocks

    1. Install Comm100 Live Chat plugin to your Drupal website.
    2. Navigate to the Comm100 tab to get the code.
      Get Live Chat Code in Comm100 Tab

      Note: If you don’t see the code, please log into your Comm100 Control Panel and find the code under Installation > Live Chat Code.

      Click Help Link
    3. Navigate to the Blocks section under Structure.
      Blocks in Structure
    4. Click Add Block to create a new block for Live Chat.
      Add Block for Live Chat
    5. Input the block information and paste the live chat code into the block body.

      Note: Please select Full HTML as the Text format.

      Choose Full HTML
    6. Specify the block position under theme and on which pages the block should be displayed.
      Select Chat Button Position

      Note:  If you are using a Statics Image or Text Link chat button type, the live chat button will be displayed in the fixed Region where you placed the block. You can further Remove, Disable, Delete custom blocks in your Drupal account.

    7. Save the block and preview the Live Chat on your website to make sure it is working properly.
Static Chat Button Show on Drupal
Be the 1st to vote.