Private Chat Button

Private Chat button feature

The feature allows to open a private chat window in Wise Chat Pro as a result of clicking a custom link located somewhere else on the page. In the example below: user clicks Chat Message button and private chat window opens in Wise Chat Pro.

Wise Chat Pro private chatting
BuddyPress setup

BuddyPress setup is easier because there is no need to create the link HTML code directly.

1. First, make the chat visible on a member’s profile page. You can do it by adding Wise Chat Window widget into a sidebar which is displayed on member profile pages.

2. Switch the chat into Facebook-like mode mode: go to Settings / Wise Chat Pro Settings page and click General tab. Then set Mode to Facebook-like chat

3. Enable users list, private messages and offline users features: go to Settings / Wise Chat Pro Settings page and click Appearance tab. Then enable options: Show Users List, Enable Private Messages and Enable Offline Users

3. Enable BuddyPress integration: go to Settings / Wise Chat Pro Settings page and click General tab. Then enable Enable BuddyPress option

4. Display Chat Message button on member’s profile page: go to Settings / Wise Chat Pro Settings page and click Appearance tab. Then enable Show Chat Button On Member Profile option

5. Go to a member’s profile page and click Chat Message button to open private chat window.

Notice:
Above functionality will work only if the following requirements are met:

  • Wise Chat Pro must be visible on members profile pages
  • Private chat window will open only if the user is present on the users list

These are crucial.

Custom setup

Custom setup requires a minimal knowledge of HTML language.

1. Select or create a page (or post) where you want to add Chat Message link. The link will open a private chat window to the specific user. Find ID of that user and use it in the next step.

2. Create the link and add it to the template:

<a href="#" class="wise-chat-send-message" data-user-id="<?php echo class_exists('WiseChatHelper', false) ? WiseChatHelper::getDirectChannelId(12345) : ''; ?>">Open Private Chat</a>

Required elements of the link:

  • data-user-id attribute – this is ID of the user that the chat will open private message window to
  • wise-chat-send-message class – the class is used to recognize the link by the chat

3. Make the chat visible on the page you selected in step #1. You can do it by adding Wise Chat Window widget into a sidebar which is displayed on the page or add a shortcode there.

4. Switch the chat into Facebook-like mode mode: go to Settings / Wise Chat Pro Settings page and click General tab. Then set Mode to Facebook-like chat

5. Enable users list, private messages and offline users features: go to Settings / Wise Chat Pro Settings page and click Appearance tab. Then enable options: Show Users List, Enable Private Messages and Enable Offline Users

6. Enable BuddyPress integration: go to Settings / Wise Chat Pro Settings page and click General tab. Then enable Enable BuddyPress option

7. Visit the page you created in step #1 and click Chat Message button to open private chat window.

Notice:
Above functionality will work only if the following requirements are met:

  • Wise Chat Pro must be visible on the page containing Chat Message link
  • Private chat window will open only if the user is present on the users list

These are crucial.