How to hide popup chat and use only embed chat in Drupal

How to hide popup chat and use only embed chat in Drupal

If you want to use only Embed Chat and hide popup chat from all the pages on your website, then please follow these steps :-

  • Go to the DrupalChat configuration page within your Drupal site and look for the section DrupalChat Visibility as shown below. In the text box, mention the pages on which you want to use Embed chat. This will make sure that chat is loaded only on the pages on which you want to use embed chat. Refer to this link to read about it in detail.

 

 

 

  • Next step is to hide the popup chat from the pages on which you are using embed chat. This can be done by adding an additional class to your existing embed code.  Class drupalchat-hide-popup-chat should be added to your embed code <div>. Your Embed should like as shown below :-
           <div 
              id="drupalchat-embed-chatroom-0" 
              class="drupalchat-embed-chatroom-container drupalchat-hide-popup-chat"
           ></div>

That's it. You are good to go.