Wordpress Group Chat Room Plugin, HTML, Buddypress, BBpress

Exclusive members chat with message screening for a safer and controlled WordPress chat experience

RumbleTalk Wordpess Plugin

Download and Install the group chat plugin.

Go to WordPress plugin directory.

Install "RumbleTalk chat" plugin.

Activate your group chat plugin.

Activate your wordpress addon plugin to enable your group chat

Register and Create your chat.

Go to Wordpress Settings, to RumbleTalk Chat and register (email and password).

Register in your wordpress plugin to get your chat hash code

If you have already an account, click on the "Already have account?". Now add your 2 fields token hyper link and add your account token (two fields that can be found in your admin panel under Account).

Register in your wordpress plugin to get your chat hash code
Register in your wordpress plugin to get your chat hash code

This is your chat hash code

After registering, your chat code (hash) will show in the chatroom code field. Your hash is a unique string for every chat room.

* In case you do not get the hash code, you will need to manually register at RumbleTalk Site and get your code.

Initial Setting of your chat room

Now for the setting of your chat room plugin.

Add Chat room - create more chat rooms.

Members - Connect your chat to your members users base. This will let your members to auto login to your chat without the need to login.

Size - Control the chat width and height. Note, in some wordpress themes the size of the chat might be smaller or longer than expected.
In that case, see troubleshooting below.

Floating - If you want your chat to show as icon in the lower right corner.

Settings - Change the look & feel of your chat, create moderators, put the chat offline and much more.

Force login - Users are forced to login before entering the chat.

Set and Control the width and height of your group chat room

In this step you can control any aspect of your chat. Choose the width and height, the type of chat notmal or floating (toolbar chat). You can integrate your own users base with a click. Finally you can customer the chat behaviour as you like by clicking the setting option.

Now add your Group Chat Room to your page or posts

To add RumbleTalk group chat to your site, go to a page or post in your wordpress admin.

Click the Add Block setting (represented by a blue box with the plus sign).

Embed the chatroom in your site

Place a Shortcode block.

Embed the chatroom in your site

Copy your RumbleTalk Unique Chat Code to the shortcode block.

Embed the chatroom in your site

Paste your code to the Shortcode block.

Embed the chatroom in your site

That’s it! Take a look at your new chat.

See the group chat in your site

Go to your website to the page you just added the chat, you should see the chatroom in your page.

See how your chat room looks like

Troubleshooting 1 - Registration does not work

If you could not complete your registration (meaning you have no hash code shown in your plugin settings), you should go to rumbletalk.com.
Sign-in and get your chat code. Than you will return to the plugin go to the "I already have my RumbleTalk Chatroom code" and manually add your chat hash code.

Troubleshooting 2 - Chat is too long

In some wordpress themes there is an issue to control the size of the chat. As elastic chatroom, it will expand to the max size you allocated for it. In case the chat height is too small or too long, you will need to do the following:

  1. Remove RumbleTalk plugin.
  2. Than copy the following code (java script).
  3. Add the chatroom code below directly into the text code(not the Visual mode) of the page.
  4. Copy and paste the code below into your html, make sure you replaced the chatcode with your own chatroom code.

<div style="max-width: 600px; height: 500px;">
<div id="rt-17d4adfcb486bf55ea7627a692361510">
<script language="JavaScript" type="text/javascript" src="https://rumbletalk.com/client/?chatcode"></script>
</div>

Troubleshooting 3 - Add the chat to the Footer

Advance users: for advance users that wish to add the group chat into every page of the website. There is a possability to add the code a to the footer file of wordpress.

<div style="max-width: 600px; height: 500px;"><div id="rt-17d4adfcb486bf55ea7627a692361510">
<script language="JavaScript" type="text/javascript" src="https://rumbletalk.com/client/?chatcode&1"></script>
</div>

Troubleshooting 4 - API Users base Login Issue

If you want to use your own users base for automatic login. you should make sure your settings is correct. Read more here.

Troubleshooting 5 - Video on plug-in settings