Qi Addons for Elementor

Qi Addons for Elementor - the largest free collection of Elementor widgets

Learn More
Sign up for our newsletter and be the first to get all the latest Qode news and updates.
BACK TO TOP

How to Create a Chat Room in WordPress

How to Create a Chat Room in WordPress

Growing a website is a daunting task. In fact, scratch that, even creating a website is hard enough. But once you get it off the ground, you are invariably faced with getting people to visit, and more: to keep returning. A good way of retaining users is doing more for them. Sure, your content is already great, but they are, for the most part, just passive recipients. What if you gave them a way to interact with each other through your website?

If you have an active community, you might want to cater to their desire to interact and discuss your content with a chat room, right there on your website. And this tutorial is what it’s all about. But before we get right down to the nuts and bolts of setting up a WordPress chat room, we’d like to discuss the reasons why you might find it useful in more detail. If you feel sure that you could use a chat room, feel free to scroll down to the section you need.

Qode Themes: Top Picks
Bridge New Banner
Bridge

Creative Multi-Purpose WordPress Theme

Stockholm WordPress Theme
Stockholm

A Genuinely Multi-Concept Theme

Startit WordPress Theme
Startit

Fresh Startup Business Theme

Why Add a WordPress Chat Room?

Well, first of all, it’s an interactive feature. A chat room converts your users from recipients of your content to participants in a discussion of relevant topics. This is also a good way to learn what your visitors are interested in, and provide them with more of the kind of content which sparks the most interesting discussions.

While a chat room is primarily for your visitors, it is not exclusively so. You could (and should!) supply it with a moderator in order to facilitate and moderate their communication, but also be a point of contact between your visitors and the content creators and admins of your website. A crafty moderator can even spot and address potential issues before they even arise in earnest, leading to a better user experience – a key factor in converting casual visitors to regulars.

A chat room has its downsides, too. As a data gathering tool, while useful, chat rooms will only give you an insight into what the most communicative, most extrovert of your visitors think. It‘s too easy to look no further than the low-hanging fruit. Additionally, if left unmoderated, a chat room might turn into a toxic cesspool of vile abuse. If you don‘t have the staff to monitor your chat rooms in real time but still want to allow your visitors to interact, why not consider a forum plugin instead? And if connecting with your users is more important to you then their own interactions, we suggest you look into live chat software.

Still, a direct approach and interactions between users make chat rooms a useful tool in community-building. If you think your visitors will appreciate a place to interact with each other and possibly reach out to you more directly, a chat room might be just the thing you need.

How to Install And Configure a Chat Room Plugin

WordPress does not have a chat room functionality by default. But, as is often the case, this functionality can be provided by a plugin. The plugin we will be using is Wise Chat. Once you have installed and activated the plugin, you will need to configure it. You can reach the configuration settings from your WordPress dashboard. Navigate to Settings/Wise Chat Settings.

Settings Wise Chat Settings

Even in the free version of this plugin, there is a slew of settings for your WordPress chat room. We‘ll go over the most important ones.

In the General screen, under General Settings, you have the option to Collect User Statistics if that is useful for your business. Of course, it goes without saying that you should obtain prior and informed consent of your users to do this. The legal details of dealing with user data vary from jurisdiction to jurisdiction, with GDPR being the standard in Europe, but you can easily set up an opt-in form or a disclaimer in the form of a pop-up or even on the same page as your chat room.

General Tab Collect

Scrolling down, under Chat Access Settings, you will find the option to Disable Anonymous Users (i. e. only allow logged-in users to use your chat room) as well as options to make the chat read-only for anonymous users or users in certain kinds of roles.

Disable Anonymous Users

Finally, at the bottom of the screen, you will have the option to Enable Opening Control, making the chat room available only on the days and in times specified.

Enable Opening Control

In the Messages Posting screen, you can set the maximum length of messages, and enable or disable links, Twitter hashtags, and emoticons.

Messages Posting

This screen also deals with user notification options (sounds and title notifications), attachment settings (images and other files), and YouTube video settings, which you can play within the chat window.

The Moderation screen deals with moderation settings: you can leave the chat room completely unmoderated, or you can also allow various users (by role) to delete messages and kick or ban users.

Moderation Settings

Scrolling down on the same screen, you will find the options for Spam Reporting. You can allow all or only some users to report spam on your chat channels, and customize the notification email.

Spam Reporting

Next down in the selection menu you will find the broad range of Appearance options. Here you can select a theme and define the look and feel of your chat window, message windows, and even usernames, assigning different colours to different kinds of users (admins, subscribers, editors…). This is also where you configure font sizes and colours as well as date formats additional CSS, if needed.

Appearance

On the Channels screen, you can set limits to user numbers in channels, or private chat rooms.

Channels

If you want to make sure your chat room is family-friendly, you can disallow specific words on the Filters screen. You can also set the replacement text for each of these situations, making it clear that a user has used a filtered word. Be aware when configuring it, though: many users will be annoyed if innocent words or phrases are banned by accident (a situation known as the Scunthorpe problem).

Filters

The Bans screen will allow you to ban users yourself for however long you like, and even set up an automatic banning system based on disallowed words or flooding (a large number of messages in a short space of time).

Bans

Banned IPs will not be allowed to post messages on any channel for a set amount of time. On the Kicks screen, however, you can kick IPs: these users will not be allowed to publish any messages or see the chat until you unkick them.

Kicks

Finally, on the Localization screen you can Enable Custom Localization. Once checked, this option will allow you to customize all the text which appears to the users of your WordPress chat room. You can use it to translate all the default text into a language preferred by your users, but also to make it fit your website’s writing style better.

Localization

The Advanced screen will let you configure user authentication, chat engine, and other topics of possible interest to admins and web designers. They are not for the general user. The configuration options which we have not touched upon in this tutorial are mainly reserved for the Pro users.

Whatever changes you make from the default, click Save Changes underneath each section.

How to Create a Chat Room Page in WordPress

So, you have installed Wise Chat and configured your chat room. How do you make it accessible to your users?

With Wise Chat, it‘s very easy. Once you configure your chat room, you can embed it into your website using the [wise-chat] shortcode. As an aside, we will say that the developers have made it easy and quick to use this plugin even if you don‘t want to take your time going through all the configuration options by adding parameters to this shortcode. The allowed parameters list with detailed instructions can be found on the developer‘s website, but we only suggest using it if you don‘t want to stray too far from the default values.

Insofar as chat rooms are concerned, we suggest you set them apart from the rest of your website, with clear links, and a handy reminder to chat rules, making it obvious to your users that they are entering a shared space.

We will start with creating a page. You can do this by simply navigating to Pages/Add New on your WordPress dashboard.

Add New Page

Here you can do what you like to make your chat room stand out. We will add a title and some ground rules, but this is also a good place for a disclaimer of some sort, if you feel you need it.

Our Chat Room Page

Then, we will simply select the plus sign to add a shortcode block. Elementor users can use the shortcode element, while Classic Editor users can simply place the shortcode wherever they like while using the HTML view of their page editor.

Shortcode Block

We will then paste the [wise-chat] shortcode and click Publish to open our chat room.

Paste Code

And just like that, your chat room is open for business. Hello there, website visitors! Feel free to join the conversation.

Chat Room Preview

In Conclusion

And that is how you set up a WordPress chat room. As we said, it‘s easy enough, and even the free plugin we‘ve chosen has a comprehensive set of options designed to make your visitors‘ interactions dynamic and safe. If you feel your website can benefit from it, why not let your users exchange opinions freely and dynamically? They will appreciate it.

Post your comment

Comments0