Adding an HTML Group Chat to your Website: A Tutorial

An HTML group chat is essential in this era. Adding an HTML group chat is as simple as copy and paste. It very popular in engaging your community, audience, or run a live online event.

So first, let’s define what an HTML group chat actually means.

An HTML group chat is a group chat that you can embed on your website without downloading any software. The only thing you need to do is embed a code that’s already pre-generated.

So, what are the different features to look for in a good HTML group chat? Let’s go tackle each one.

Why choose an HTML group chat

html group chat

Given the features above, an HTML group chat is widely customizable. It lets you connect your userbase (using JS SDK), add admins, change your chat design, and more. In combination with an accessible interface, HTML group chats are cutting-edge technology.

What are the differences between an HTML group chat and third-party messengers?

  • State-of-the-art service and not server-based.
  • No need to download executables.
  • Set admins and privileges.
  • Change chat types anytime.
  • Hold membership chat discussions and social chat.
  • No software updates and it does not eat your PC storage.
  • Ability to connect your userbase through REST API and SDK.

So, with those features above, you can see that embedding an HTML group chat is a step above a third-party messenger. You can try out the group chat if you’re not yet convinced.

Finding the perfect HTML group chat for your needs

As above, what are the top features you need to look for in an HTML group chat? Here are some that you can put at the top of your list.

1. Customizable looks

Since you’re embedding the group chat on your website, it’s good to have a variety of themes available. Your website also has a theme and your HTML group chat should fit in. Therefore, a good HTML group chat should have interchangeable skins, advanced customization, and CSS.

For example, you should be able to change your chat background, background color, etc.

html group chat

If you want more advanced options, then try your hand at CSS. It’s available for both web and mobile browsers.

We’ve also made available some CSS codes you can use for your chat room.

2. User-friendly interface

Since we’re not all experts in technology, your HTML group chat should have an admin panel where you can find all options, features, and settings that you need for your chat.

Additionally, the interface should be user-friendly. If you want to find a setting that you want to change, then it should be easy to find. In short, the platform should have a dedicated admin panel.

Here’s an example of how it should look like.

Lastly, your users will be using this as well. So, the chat interface should be easy to use.

html group chat

3. Easy to embed

Since we’re not coding experts, you should choose a platform that generates an embed code for you. All you need to do is to copy and paste the generated code on your website.


4. Different types and features to choose from

These are just some of the features that you need to look for in an HTML group chat.

Check out more here: Overview of main chat types and features

How you can add an HTML group chat on your website

You can find the 3 features above in the RumbleTalk platform, especially for beginners who need an embed code. We automatically generate it for you so it’s easier to embed on your site.

Therefore, you don’t need any technical knowledge to add a group chat on your website. Just copy and paste the given code.

Before you generate the code, you can adjust the width and length. In addition, you can choose from two options where your chat will appear.

  1. Embedded
  2. Floating

Let us show you how they look like. First, let’s see the embedded one.

Second, here’s the floating one.

The embedded chat is elastic. Therefore, it occupies the whole space that you embed it on.

The floating option lets users chat on the lower right corner of your page. When they click on it, the chat will appear and it will not disturb your page design.

It’s also available on third-party websites. Check out how you can integrate it: RumbleTalk Chat: Explore All Integration Instructions

More than just an HTML group chat

RumbleTalk offers different features for your different needs. It’s not only embeddable on a website, you can also use it on web and mobile browsers. You can use it for live events, conferences, group discussions, virtual meetings, etc.

Contact RumbleTalk today to know more!

Visit RumbleTalk and discover the platform.

Share Button

How To Use RumbleTalk WordPress Chat Plugin

Is WordPress your choice for hosting your website? If yes, then we’ve got a WordPress chat plugin that you can use easily.

Since WordPress sites are customizable, plugins are there to help you elevate your website.

In this guide, we’re going to show you how you can download the RumbleTalk chat plugin, how to use it, what you can do with the chat.

Hey, if you’re looking at how you can integrate it into other websites or domains, go to this article.

Install the chat plugin

It’s easy to install the RumbleTalk chat plugin on WordPress. Firstly, log in to your WordPress dashboard.

Secondly, go to Plugins > Add New.

wordpress chat plugin

Thirdly, search for RumbleTalk in the search bar. Click Install Now.

Lastly, activate the plugin.

wordpress chat plugin

Immediately after activating the plugin, you will see RumbleTalk Chat in your WordPress settings.

Using your new WordPress chat plugin

Now that’s all settled, you need to set-up RumbleTalk to use it as a chat. Therefore, you need to log-in (if you already have an account) or register (as a new user).

So, if you’re a new user, opt to create a new account.

You will need to provide the following:

  • Email
  • Password
  • Confirm password

After that, proceed to create your account.

If you already have an account, click on Already have an account at the bottom right corner. It will lead you to the Update Token settings.

As said in the settings, log in to your RumbleTalk admin panel. Click the link above so you can be redirected to the page.

Once you’ve logged in, click your profile name (it can be your username or email), select Account Setting, and then click the Integration tab.

rest api

You will see the following: Key and Secret. These are needed for you to update your token on WordPress. Copy and paste them on your WordPress settings and save.

Once saved, your RumbleTalk chat should be seen on your WordPress site.

Features you can do with the RumbleTalk WordPress chat plugin

Create chat moderators

Since you have many chatters in one chat room, it’s good to have a helping hand when you’re not online. Or, you can also set yourself as a moderator to use all admin rights.

Here’s how you can set chat moderators with the WordPress chat plugin.

  • Go to the RumbleTalk chat plugin settings, then click on Settings.

NOTE: The chat hash is blurred because you should always keep your chat hash private.

  • Click Users.
  • Then, choose Add new user.
  • Fill out the form. Choose admin with global access or admin for specific rooms only to set a chat moderator.

NOTE: If you set a user as admin for a chat room, then this will allow other WordPress users from your database to login with the chat automatically and set passwords only for the administrators.

With these easy steps, you now have moderators, who can help you monitor your chat. Who knows, you might even use the moderated chat as your preferred chat type.

Set auto login for WordPress users

Did you know that you can set your WordPress users to be automatically logged in when they use the RumbleTalk chat plugin? When you want your users to be logged in automatically, here’s what you need to do.

  • Go to the RumbleTalk chat plugin settings, and then click Settings.
  • To activate the auto-login feature, just click the Members box as seen in the example above.

Now, when your WordPress users are logged in, they can immediately start chatting.

NOTE: If the settings are acting up, you can repeat the process again and save.

RumbleTalk WordPress chat plugin

RumbleTalk integrates with WordPress seamlessly. If you’re still confused about how it works, you can watch this short video.

All in all, RumbleTalk allows you to use all the features you see in the admin panel. Even if you’re not using it directly on a browser, you can still use it to its full capabilities.

Here are some features you can try out when you first use the chat plugin:

  • Customize your chat design.
  • Add rooms, keywords, and moderators.
  • Try out the different chat types.
  • Create a minisite.

These are just some of the features that you can try, but there is much more when you use the chat plugin.

Discover the platform by trying out our demo.

In case you’re having issues with the plugin, connect with us. We’ll gladly walk you through the process.

Share Button

Essential Features You Need For Virtual Socializing

With all the things happening in the world right now, virtual socializing is your companion for connecting with other people. Virtual socializing lets you chat, call and send files to your audience, students, team, client, or anyone on the other end.

However, does it tackle all the points you need to address and be productive as you want it to be?

The features you need are here at your expense. With the right platform, you can expect virtual socializing to be successful.

Check out this list of features that RumbleTalk offers and see how it can help level up virtual socialization.

Features you need for virtual socializing

Group chat: messaging, sending files/images

Of course, group chats cannot be missing from virtual socialization. How can you talk to your team or client if you don’t have the right tool?

Group chats are perfect for virtual socializing since anyone can chat. If one of your team members need to say something, then they can send any message they want to relay.

Another feature of the group chat is that anyone can send files for sharing. RumbleTalk supports PDF, Word, Excel, and PowerPoint. Users can also share images and audio/video files.

convention online

Also, users can take selfies and record short audio and video messages that are playable in-chat.

All in all, a group chat lets you hold virtual socializations instantaneously.

Private chat: private messaging, one-on-one audio/video calls

The private chat has a number of features that you can use for virtual socializing: private messaging and one-on-one video calls.

virtual meeting

Another great feature is requesting private payments. This can be used for requesting payment from clients. Thanks to this, payments are made easy! No need to go to the bank or open any other app for an online transfer.

virtual socializing

If you’re interested in this feature, you can read this article.

Moderated chat: pre-approve messages, Q&A mode

The moderated chat has the same features offered in the group chat. However, think of it as an upgraded version since the moderated chat lets you pre-approve messages.

What does that mean? This means that admins can approve or delete messages before they get sent in the chat. Users will not be able to see messages from other users unless they have been approved by admins.

audience interaction

Therefore, you can use the moderated chat as a Q&A mode for virtual socializing. Switch up your virtual social session and let your team/clients ask questions about the topic you’re currently talking about.

Then, as the admin, choose the questions you want to answer. Your team/clients will see it once you approve it so messages won’t be as cluttered as in a group chat.

Read also: Moderated Chat for Live Events

Bonus features

Admin mode

In the group chat or moderated chat, you can enable admin mode. The admin mode is a feature that admins can use to force users to stop typing or sending messages.

mute button

When activated, only admins can talk with each other. Admins can take advantage of this feature to relay important announcements or notifications.

For example, if you’re the head of your team, you can use admin mode to address important topics in the chat before letting your team type in their comments.

To enable admin mode, go to your chat menu. One of the options there is admin mode. Click it to enable the feature. As seen in the example above, non-admin users will see it on their chat boxes so they cannot type or send messages.

For admin users, they will see it on the upper part of the screen. Therefore, they can still send messages in the chat.

mute button

Exporting chat transcripts

Want a copy of your chat today as a reference for future meetings? Then, you can export your chat transcript with RumbleTalk.

If you want to export your chat transcript, then open the chat menu. Click Export transcript and it will automatically download your chat transcript in HTML format.

export chat transcript

If you want to download your chat transcript in different formats, go to your admin panel > Settings > History.

Click Export and choose what extension you want to download your chat transcript.

You can export it in three ways:

  • HTML
  • CSV
  • Doc
virtual socializing

Want to know what other features admins can do in the chat? Check out this blog: Important Community Chat Features for Administrators

Virtual socializing made easy

We hope this blog helps you in your next virtual social session. If you’re looking for a platform for your next meeting, try RumbleTalk and see how the features work out for you.

Try the demo for free.

Share Button