Does your business have multiple audiences?

Online businesses can improve community engagement by identifying and interacting with specific audiences visiting their website.

It’s not hard to understand that businesses have different types of customers, but far too often our online community is treated as one homogeneous group.

CHANCES ARE YOU HAVE MULTIPLE AUDIENCES

Think of who you expect to visit your website. Depending on the type of website you are managing, be it a promotional website for a product or service, a special interest blog, or a community center for dispersing updates and information, you are likely to have multiple audiences.

With few exceptions, your website will at least have new visitors and returning visitors. The wants and needs of these two groups can be drastically different. A new visitor is typically looking through a narrow lens to determine if the website is worth their time. They need obvious information quickly and efficiently. A returning visitor has already established trust with your brand and is likely to browse greater amounts of content.

And there can definitely be more audiences than that!

Many websites regarding professions will give general information about their subject for casual browsers and more technical information for those in that profession who use the site as a resource.

This model is also used for special interest sites are more.

dog website — Your website could be for dogs and for dog lovers. This is an example of multiple audiences.

Consider a website for dog lovers. There are people who want information on training their dog to sit, and people who want information on how to enter their dog for an agility show. Both love dogs and would enjoy pictures of cute dogs or dogs doing funny things.

However, without identifying the differences in the dog loving audience some visitors would be bored of rudimentary information and others would leave if the information was beyond the scope of their interest.

MULTIPLE AUDIENCES ARE GOOD FOR GROWTH

Engaging multiple audiences in one platform can be a challenge.

Ignoring these differences, even the best scenario only generates a fraction of the engagement the site could have if the two groups were able to engage in ways fit for them.

If you are trying to increase your website’s engagement, which I think we all are trying to do, consider categorizing your audience and communicating to specific groups as a top level priority.

Your online community is made up of real people, not just numbers. Ask yourself or your team who you are trying to reach.

What do your visitors want the first time they visit your site compared to the 100th?
What do field experts want compared to novices?
What does your website offer to engage other business owners to collaborate?
What “levels” of participation are recognized in the design of your website?

All of these are good places to start, but every website is different and so should be the categorization of your visitors.

WHAT WE DO FOR MULTIPLE AUDIENCES AT RUMBLETALK

At RumbleTalk, we recognize our product is for business owners and online communities. However, not all visitors will fit this profile and we want to leave them with a good impression too.

For new visitors (including those that are unlikely customers) we focus on making our landing page easy to understand and memorable so that even if that one person doesn’t buy our service they are likely to recommend someone who may.

For our customers, we work hard to make our product user friendly and are constantly upgrading our technology to be more effective.

But wait, that’s not all! We’ve also designed our product to tackle this issue for our customers.

RumbleTalk chats have many great features, and among them is the ability to operate multiple chats on one website.

We understand that some websites face outward and seek open and public community building. Other websites face inward and offer community discussion as an exclusive benefit. Your website may be an umbrella for several topics, and need issue-specific communication.

RumbleTalk chats are capable of providing separate spaces for multiple audiences simultaneously.

Integrating one or multiple chats into your website may be the answer to meet the needs of your specific and separate audiences.

The first step is determining if you have multiple audiences. After that, we are here to help you create and engage with your customers.

THANKS

Thank you for reading and if you have a moment, let us know what you think.

Posted on February 14, 2016October 2, 2016 by Editor 0

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

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