How to Add Multiple Group Chat Rooms to your WordPress Web Site

More than 40% of RumbleTalk public chat platform account holders need more than a single chat room. The RumbleTalk platform allows you to create one or Multiple Group Chat Rooms. We have created a special wordpress chat plugin with the option to add easily more than one chat room.

If you choose not to use the wordpress chat plugin, then the below explanation will help you do so in a direct copy and paste mode.

Each group chat has a unique two-line code.
There are two unique id’s in the code, the second one is called the chat hash (see below e.g kuck@y26).

The code can be found in the chat settings or in the embed code tab (in settings).

Embed chat room code

Now, if self-created websites written in html/html5 (or any other language like php, paython, rubi..etc) require adding multiple group chats it is simple to copy each of the chat room codes and add it to your website html.

Adding a Group Chat to WordPress

There are 2 options to add a chat room to your WordPress website.

Use the RumbleTalk Plugin for WordPress
Directly embed the code.

If you are using RumbleTalk plugin you are limited to one chat room.

The plugin was designed to allow users to add a group chat in no time. Creating the account and getting the chat code is done automatically by the plugin. You can see the instructions here for installing a single chat using WordPress plugin.

Directly Embed Multiple Group Chat in a WordPress Web Site

Adding a direct group chat for a WordPress website is done by going into your admin panel and copying the code as describe above. It is the same for multiple group chats.

Now, you can paste it to your post or page in WordPress Text-mode.

Embed chat in wordpress

Click preview to see your WordPress page or post to see the chat size.

Note: the chat room will adjust itself to a the space you give it (it will consume all space). Sometimes your chat will not fit the desired size. What you can do is define the exact size by putting a div around the pasted code and add the overflow type for responsive settings.

For example:

Instead of,

write:

<div style=”height: 500px;”>
<div id=”rt-de278e71fdfc53d2635140fb2595e42b” style=”overflow: hidden;”></div>
<script language=”JavaScript” type=”text/javascript” src=”//www.rumbletalk.com/client/?kuck@y26″>
</script></div>

You may contact us at any time to get more info about multiple group chat.

Multiple Group Chats

Posted on February 2, 2016October 13, 2021 by Editor

Day trader chat room, Why you need one?

Day trader chat room, Why & Why you should care?
In the financial market, there are different types of trading method and strategy. One of which is called active trading, they are investors and traders who normally buy and sell the same stock in the short term period. Active trading uses a careful watch of the stock movement and wait for the right moment to execute the planned strategy.

The strategy is employed by investors and traders to optimize the profit in a short period of time, rather than buy and hold strategy: holding a stock for a long period of time. Active trading holds a stock in a short period, sometimes in within minutes, then analyze the market. Based on the careful analysis, an action is taken to either sell or buy at the right time to gain maximum profit.

Active trading strategy has several style, and the most well-known and employed by most active traders is day trading. The name day trading suggest that day trader is a trader who open and close the trade within the same day. One key distinctive character of day trader is to never hold a position overnight. Day trader sells all their stock in possession before the market ends, in order to avoid down market gap, a situation where a stock is opened at lower point than its yesterday closing point.

The risk of day trading is high, but so is the reward. What is the most needed resources for day trading?

Information Sharing Using A Group Chat

A day trader must rely on the information and act upon the current information of the stock movement. Day trader activities apply analysis on both technical and fundamental data as their main weapon. A communication between traders and related parties is also required to enhance the analysis, because sharing data between traders in a group or a team will benefit the whole activities.

Rumble Talk provides day trader chat room advantage. With top-notch security and ease of setting, day trader will always be able to share and obtain latest information among their team or trading group. It is common in a trading group for having multiple talents and skills. Some are savvy in technical analysis, some are good with fundamental analysis and some are excellent in predicting the trend based on both analysis. It is a very good thing for those talents to be able to communicate each other, especially when the team members are located in several locations.

As an innovative platform for web chat, Rumble Talk give day trader chat room advantage. Rumble Talk allow you to add group chat to your team website or even your Facebook page. It is very easy to have chat room in your team website, because you can embed the code in your website and voila! You now have a chat room.
Rumble Talk understands that most of day traders are doing day trading activities as a full time job. Day traders spend all day in the computer buying and selling stocks, and sometimes diversifies into other market, such as currency, stock options, and futures. Therefore a excellent analysis is required for day trading to make precise decision. Day traders should never make emotional decision, therefore sharing information and data with trusted fellow traders is critical. Rumble Talk provide day trader chat room advantage for that information sharing among your trusted circle.

The actual Group Chat

Rumble Talk chat room is Html5 chat room. All you need after you added it (embed) to your website is browsing to the page you placed it and it will show immediately . You can access your chat room from any device, whether a laptop, desktop computer, tablet computer and even smartphone. You will always be able to chat with your trading circle anywhere, anytime. Even though you are in the coffee shop having some coffee, you always receive the latest and updated information among your fellow traders through your smart phone or your tablet.

day trade chat with attach stock chart example — Add charts, images and videos to your Day Trader Chat

Register now to have your own stylish web chat for your trading team. After your registration, we will provide you the code which you can copy and paste to your web site, or even to your Facebook page. You can now have your chat room anywhere you want it. There is also so many themes for your chat room to make your chat room stand out.

Private chat between chatters

Rumble Talk even provide you the private chat room within your chat room. This is useful when you want to have a private consultation or private conversation between you and fellow traders, or between trader and investor. This is another day trader chat room advantage provided by Rumble Talk.

private chat example with live call options — Private one on one Day Trader Chat

Do you notice the Audio Call button on the top right hand side of the private chat?
You can click on the button to have a audio conversation, just like you are using Skype.

You can also have Video Call with someone in the chat room. Next to the Audio Call button, you will see a Video call button.

Audio and video call buttons for day traders — Call other Chatters

Just click on a button and you will be able to have a video conversation. As for now, these features are available only on Firefox and Chrome browser.

Now, we have seen how Rumble Talk platform is able to give day trader chat room advantage, where sharing information and data between colleague and team is very easy. You can even have a private conversation in the chat room and even audio and video call. It is so simple and convenient. All these are benefits for day traders to be more prepare, better equipped and fully armed for every trading day.

>> Get your own Day Trader Chat

Posted on January 17, 2016October 13, 2021 by Editor

Customize Your Chat Box Style With CSS

One of the most beautiful things in an HTML5 chat box is the ability to fully customize your own chat room. If you are a chat room administrator, you may choose a chat box theme from a variety of themes in your admin panel.

As an administrator, you have a full access to customize your chat box using simple admin panel actions. These options enable you to change the following:

Background color
Background image
Text color, size, and font

You can access the customize menu at the bottom of your dashboard. In there you will find settings. Click on it and you will have the customization page appear before you.

Admin panel chat box configuration

Now, let us try to customize our chat room box.
If you look at the customization page, you will find 7 customization designs for your chat box. The customization settings consist of 6 basic customizations and 2 advanced customizations using CSS.

Basic chat box customization

There are 6 basic components which you can customize accordingly. They are:

General & Background – provide general settings: layout, background, and text.
User List – enables you to customize the size of your user list, background, text, border and color with padding and margin.
Chat Area – for customizing text, border, and color with padding and margin in the chat box area
Message – border, background, padding, and margin.
Dialog Boxes – this is a setting to customize the popup message, enables you to customize background, border, along with padding and margin
TextBox – setting for the bottom text box, height, background, text, border, padding, margin

Please check the following guide for further explanation:
Changing background in your chat box

Advanced customization with CSS

Advanced CSS customization provides more control to customize your chat box. In the CSS customization, you will be required to have a knowledge of CSS.

There are two CSS customizations you can use for the chat room: CSS, for standard web chat (PC, laptop browsers) and mobile CSS for your chat box through mobile.

To change color appearance, you can use either a color-hex code or a RGBA (Red-Green-Blue-Alpha) value. For instance: a maroon color would use one of the following codes:
Color-hex #5a1414
or
RGBA (90, 20, 20, 100)

The following lists are the most common customization CSS parameters and their variable for changing appearance:

1- Changing icon and color of users

.guest-default-image
Function: Changing default image of guest users
Syntax:
.guest-default-image {
background: url(http://your_image_here);
}

.user-image
Function: Changing size of user icon in user list
Syntax:
.user-image {
width: 60px;
height: 60px;
}

.message-user-image
Function: Changing size of user icon in chat list
Syntax:
.message-user-image {
width: 24px;
height: 24px;
}

.user-image
Function: Hiding user icon in user list
Syntax:
.user-image {
display: none;
}

.message-user-image
Function: Hiding user icon in chat area
Syntax:
.message-user-image {
display: none;
}

.admin .message-user-name
Function: Changing admin color in the chat
Syntax:
.admin .message-user-name {
color: your_color;
}

.admin .user-name
Function: Changing admin color in the user list
Syntax:
.admin .user-name {
color: your_color;
}

2- Changing text in chat box area

.message-user-name
Function: Changing user name appearance in chat area
Syntax:
.message-user-name {
font-weight: bold;
color:rgba(90, 20, 20, 100);
text-shadow: -1px 0 black, 0 1px black,
1px 0 black, 0 -1px black;
}
The above will change your user name into bold maroon color.

.message-text
Function: Changing message text color in chat area
Syntax:
.message-text {
color:#3c5a78;
}
The above code will change your message text into blue text.

After customizing your chat room you can save the setting and see the result in your embedded chat box:
Chat box css for web chat

3- Some useful mobile CSS parameters

The following CSS parameters can be used for mobile chat when you access your chat box through your mobile devices such as smartphone or tablet.

Combination of .user-image and .message-user-image
Function: Changing default image of guest users
Syntax:
.user-image,
.message-user-image {
width: 0 !important;
padding-right: 32px;
background-image: url(“url_to_your_image_here”);
background-repeat: no-repeat;
}

Combination of .admin .user-image and .admin .message-user-image
Function: Changing default image of admin user
Syntax:
.admin .user-image,
.admin .message-user-image {
background-image: url(“url_to_your_image_here”);
}

.top-bar and .bottom
Function: color of top and bottom bar
Syntax:
.top-bar {
background-color: #5e2e2c!important;
}
.bottom {
background-color: #5e2e2c!important;
}

The above will change your top and bottom bar into a brown color. Find the result in your smartphone or tablet
chat box css for mobile chat

Its very simple to customize your chat room….
Now, you can play around and change your chat box appears to be as fancy as you want. This functionality will give you a totally different chat box to serve your purpose.

Posted on January 17, 2016April 17, 2018 by Editor