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](/wp-content/uploads/2019/09/wise-chat-pro-private-chat-button.png)
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.