Official Developer & Setup Guide

Documentation &
Custom Trigger Guide

Everything you need to install World of Chat Messenger, configure your cloud socket settings, and wire up custom chat triggers across your WordPress site.

1

Installing the WordPress Plugin

World of Chat Messenger installs just like any standard premium WordPress plugin with zero external database requirements.

  • Step 1 Download your plugin ZIP file from your My Account subscriber dashboard.
  • Step 2 In your WordPress admin dashboard, navigate to Plugins → Add New Plugin → Upload Plugin.
  • Step 3 Choose the downloaded ZIP file and click Install Now, then click Activate.
  • Step 4 Go to Settings → Chat Messenger in your WordPress admin to enter your license key.
⚡ 0% Database Strain Guarantee
The plugin does not create any heavy custom database tables and performs zero AJAX short-polling on your server. All active conversations are handled by our dedicated external WebSocket cloud infrastructure.
2

How to Create Custom Chat Triggers

By default, a sleek floating bottom bar appears on your site. However, to maximize visitor engagement and eliminate banner blindness, you can turn any button, navigation menu link, or text link on your website into a live chat trigger.

Method A: Adding Class to HTML

Simply add the class open-chat to any anchor tag, button, or container element:

<!-- Custom Header Button -->
<a href="#" class="open-chat">
  💬 Chat With Community
</a>

When clicked, the link automatically prevents page reload and maximizes the chat drawer immediately.

Method B: In the WordPress Block Editor

You can turn any standard Gutenberg Button block into a chat trigger without editing code:

  • 1. Click on your Button block.
  • 2. Set the Link URL to #
  • 3. In the right sidebar, expand Advanced.
  • 4. In Additional CSS Class(es), type: open-chat

Method C: In Your Main Navigation Menu

Add a direct “Live Chat” tab to your top header navbar (Appearance → Menus):

  • 1. Add a Custom Link with URL # and Text “Live Chat”.
  • 2. Click Screen Options (top right) and check CSS Classes.
  • 3. In the menu item’s CSS Classes field, enter open-chat.

Method D: JavaScript API

If you are building custom themes, modals, or app interactions, trigger the messenger programmatically:

// Programmatically open & maximize
if (typeof window.maximizeChat === 'function') {
  window.maximizeChat();
} else {
  document.getElementById('chat-messenger-launcher')?.click();
}
💡 Live Example On This Website
Look at the orange “Chat Now” button in our top-right header! It uses this exact trigger method to maximize the messenger window on-demand without any initial page speed penalty.
3

Load Modes & Performance Tuning

Inside your WordPress admin (Settings → Chat Messenger), you can configure how the chat initializes on page load:

Click-to-Load Mode (Recommended for 100/100 Core Web Vitals)

Carries 0KB of initial render-blocking script weight. The WebSocket socket engine is loaded only when a visitor clicks a trigger button or the bottom chat bar. Ideal for publishers, blogs, and SEO-driven platforms.

Auto-Connect Mode

Automatically establishes a WebSocket background connection after the initial page rendering completes. Ideal for dedicated community portals where immediate live user counts are desired.

Need Help or Custom Integration?

Our developer team is available to assist you with setup, custom CSS themes, or server configurations.

Contact Developer Support →