html5-chat wp plugin

HTML5 Chat WordPress Plugin – Add Real-Time Chat to Your Website

In today’s digital landscape, community engagement and real-time interaction are essential for growing websites, blogs, forums, and membership platforms. The HTML5 Chat WordPress plugin was created to bring dynamic web-based chat functionality to WordPress sites — enabling site owners to embed real-time conversation rooms, webcam chats, and interactive experiences with just a shortcode. Although this plugin was officially closed on WordPress.org due to security concerns, understanding its features, uses, and lessons for your site remains valuable for anyone exploring chat solutions.


What Is the HTML5 Chat Plugin for WordPress?

The HTML5 Chat plugin was a free extension developed by proxymis that allowed WordPress users to easily insert a full HTML5-based chat system into their site or blog. Once installed, the plugin would automatically connect your WordPress install with the HTML5-Chat cloud service, where the live chat framework ran.

Sites could embed the chat interface inside posts or pages using a simple shortcode — making it an attractive and low-effort option for adding real-time interactivity, whether for community forums, hobby groups, chat rooms, or niche communities.


Key Features & Capabilities

Here are the main features that made the HTML5 Chat plugin appealing to WordPress users:

🗨️ Browser-Native Real-Time Chat

The plugin used HTML5 and WebRTC technologies to provide browser-based real-time communication. Users could send text messages, and depending on integration, even use webcam chat functionality — all without installing flash or third-party software.

🔗 Simple Integration With Shortcode

After activation, site administrators simply received a connection password via email and could embed the chat interface by adding the plugin’s shortcode to any WordPress page or post. This simplicity was ideal for non-technical users.

👥 Guest & Registered User Support

The plugin supported both guest users and registered WordPress users. It also mapped WordPress roles to chat roles (e.g., administrator as admin, author as moderator), which helped integrate the chat experience with existing site membership workflows.

💬 Customizable Chat Interface

Through the external HTML5-Chat platform, site owners could configure the look and feel of their chat rooms, choose public or private rooms, and implement basic moderation features — providing flexibility for community management.


Why HTML5 Chat Was Popular

Before its closure, HTML5 Chat had several strengths that appealed to WordPress site owners:

✅ Quick Setup & Easy Use

Unlike many self-hosted chat systems requiring complex server setups or database tweaks, HTML5 Chat was plug-and-play. Activate, paste the shortcode, and your chat was live. This made real-time interaction accessible even to beginners.

🌐 HTML5 & Cross-Platform Compatibility

Because it used core HTML5 technologies (and optionally WebRTC), the plugin worked across modern browsers and devices without the need for plugins or downloads.

💡 Great for Communities

For community-focused websites, adding live chat boosts user engagement and time on site — key metrics that can improve SEO, return visits, and conversions.


The Security Closure

While the HTML5 Chat plugin had innovative elements, it’s important to understand why it’s no longer available on WordPress.org:

🔒 Plugin Closed for Security Reasons:
According to the official WordPress.org directory, the plugin was closed and is no longer available for download due to a security issue identified in early 2025.

Security advisories from external sources also noted a Stored Cross-Site Scripting (XSS) vulnerability affecting versions up to 1.04. This flaw could allow malicious script injection via the plugin’s shortcode if exploited.


What This Means for Your WordPress Site

Given its closure and documented security issues, it’s not recommended to install or continue using the HTML5 Chat plugin on live sites — especially those handling user data or high-traffic environments. Outdated plugins with unpatched vulnerabilities pose risk of site compromise.

However, the concept of embedding real-time, HTML5-based chat remains valuable, and there are secure alternatives to consider (see below).


Safe Alternatives to HTML5 Chat

If your goal is to add live communication to your WordPress site, there are solid alternatives that combine performance, security, and support:

Live Chat & Community Plugins

  • Live Group Chat Plugins – Provide integrated chat rooms and private messaging.
  • Dedicated Messaging Solutions – Such as community plugins with integrated messaging functions (e.g., BuddyPress with extensions or third-party services integrated via plugins).
  • Customer Support-Focused Chat Tools – Like Tidio or Chaty, which support live support chat and visitor engagement widgets.

These solutions prioritize up-to-date code, active maintenance, and compatibility with current WordPress versions.


Best Practices for WordPress Chat Integration

To get the most out of real-time interactions on your site, follow these recommendations:

🔁 Use Updated, Actively Maintained Plugins

Only install chat plugins that are tested with the latest WordPress releases and maintained by reputable developers.

🛡️ Prioritize Security

Real-time chat involves user input and activity. Ensure your chosen solution has strong sanitization, moderation tools, and is backed by a development team focused on security.

📱 Mobile & Browser Compatibility

Chat features should be responsive and functional across modern browsers and devices — something native HTML5 solutions excel at.

📈 Track Engagement Metrics

Use analytics to measure chat usage, participation rates, and conversions tied to community activity to optimize your site strategy.


Conclusion

The HTML5 Chat WordPress plugin made an early effort to bring instant messaging and webcam chat to WordPress sites using modern web standards. While its closure for security reasons means you shouldn’t install it on live sites today, the core idea remains relevant: real-time communication enriches websites and builds active communities.

If you’re looking to enhance engagement on your blog, membership platform, or community portal, explore secure chat alternatives — and ensure they’re regularly updated and compatible with WordPress’s evolving ecosystem.

html5 with Drupal7

This is very similar to Drupa8/9 plugin

you can download it from this link

Create a new field called “gender”

go to : configuration->Account setting, Managed field

Add new field called “gender” (list text)

and put them values : male female

Install the plugin

Go to structures/blocks

and enable Content / html5chat

then edit the chat parameters with your own html5 chat account data

Restrict that block to chat page

Create a new page

and set the URL alias as chat

Congratulations: you just created your html5-chat inside yoursite.com/chat page

chamaelon

Integrate HTML5 chat with chameleon software online

Here is the step to integrate html5 chat with https://www.chameleonsoftwareonline.com/

Create html5chat.php on root and paste there this code:

<?php
if (empty($_GET['cmd']) || $_GET['cmd'] != 'lang')
    $area = "login";
include("./_include/core/main_start.php");
include("./_include/current/menu_section.class.php");
$_GET['display'] = get_param('display', User::displayProfile());
$where = ' u.user_id = ' . to_sql(guid(), 'Number');
$webmasterid = xxxxx;
$password = "yyyyyy";
$id = $GLOBALS['g_user']['user_id'];
$avatars = glob("_files/photo/" . $id . "_*_m.jpg");
$avatar = (count($avatars)) ? "//{$_SERVER['SERVER_NAME']}/" . $avatars[0] : '';
switch($GLOBALS['g_user']['gender']) {
case 'C':
$gender = 'male';
break;
case 'F':
$gender = 'female';
break;
default:
$gender = 'male';
break;
}
$myuser = array(
    'username'  => $GLOBALS['g_user']['name'],
    'password'  => $password,
    'gender'    => $gender,
    'role'      => $GLOBALS['g_user']['role'],
    'image'     => $avatar,
    'profile'   => base64_encode("//{$_SERVER['SERVER_NAME']}/users_online.php?display=profile&uid=$id&offset=1")
);
$json = json_encode($myuser);
$encoded = file_get_contents("https://jwt.html5-chat.com/protect/" . base64_encode($json));
?>
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Webcam Chat</title>
    <style>
        html, body {
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
    <script src="https://html5-chat.com/script/<?=$webmasterid?>/<?= $encoded ?>"></script>
</body>
</html>

Replace xxxx and yyyy by your webmasterid and your html5-chat password account.

html5 chat and weebly

You can easily add html5 webcam chat to weebly.
(weebly is a free online website creation tool, wix like)

In weebly, it is extremely simple to integrate the chat:

  1. Create a new page (called “chat” for instance)
  2. Insert a code integration element inside the page
Weebly element to be inserted

insert that :

<div style="width:100%;height:640px">YOUR_HTML5CHAT_SCRIPT</div>

And that’s all: you will have a chat of 100% width and 640px height inside your chat page !

here is the <div> container and the html5 script

Html5chat for phpBB: Extension HTML5 Chat

You can now easily integrate your html5 chat into phpBB. Here are the steps:

Download

You can download the phpBB html5 extension form here

Requirements

phpBB 3.2.6-RC1+ PHP 7+

Features

Adds some preliminary data and a header link to a custom page.

Quick Install

You can install this on the latest release of phpBB 3.2 by following the steps below:

  • Create toxyy/html5chat in the ext directory.
  • Download and unpack the repository into ext/toxyy/html5chat
  • Enable HTML5 Chat in the ACP at Customise -> Manage extensions.

Uninstall

  • Disable HTML5 Chat in the ACP at Customise -> Extension Management -> Extensions.
  • To permanently uninstall, click Delete Data. Optionally delete the /ext/toxyy/html5chat directory.

License

GPL-2.0

joomlaSite

Joomla update

The html5 Joomla plugin was updated.

It now works with jomsocial and allows to retrieve avatar and gender

It corrects bugs and adds the correct role mapping:

It handles now the default Joomla roles

  • Administrator
  • Author
  • Editor
  • Guest
  • Manager
  • Public
  • Publisher
  • Registered
  • Super Users

You can download it from: https://extensions.joomla.org/extension/html5-chat/

Installation process

  1. In Joomla top menu: Extensions->Manage->Install
  2.  Choose the tab “install from URL” and set the value to  https://html5-chat.com/joomla/html5chat.zip
  3. Go to menu Extensions->plugin and find html5chat (or search for html5chat)
  4. Enable plugin that  html5chat plugin (status check)
  5. click on html5chat plugin. You should then enter the webmasterid and Password
    enableJoomlaYou can get these data when you register the plugin at : https://html5-chat.com/register
  6. Create an article/page that will contain the chat. Inside that page, insert
    [html5chat width=”100%” height=”800px”]

You will now have the html5 chat inside that page article.

Step by step Joomla Installation

Oxwall and html5-chat integration

Official plugin

There is an official html5-chat plugin made by oxwall team (Skalfa LLC)

https://developers.oxwall.com/store/item/1554

which does the job.

How to make it full screen ?

This plugin embeds the chat into the 

<div class="owc_content">

and whose size can be too small for the chat. The idea would be to make it full screen (and just keep the header). For that you need to edit some files

in /ow_includes/config.php change the OW_DEV_MODE to false (this allows to empty cache), after the manipulation, you will set it back to true

define('OW_DEV_MODE', true);

in /ow_plugins/html5-chat-com/views/controllers/chat_index.html add these lines after {style}

{style}

.ow_content {
    position: absolute;
    top: 69px;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%!important;
}

div.ow_footer {
    display:none;
}

check it: if everything is ok, then set back the OW_DEV_MODE to false

define('OW_DEV_MODE', false);

To retrieve users roles in Oxwall, use:

$authService = BOL_AuthorizationService::getInstance();
$roles = $authService->findUserRoleList($userId);
wowonder

html5 chat and wowonder script

How to integrate html5 chat with social wowonder script ?

Edit .htaccess and add that line

RewriteRule ^html5-chat$ index.php?link1=html5-chat [NC,QSA]

Edit index.php and add these lines

case 'html5-chat':
    include('sources/html5-chat.php');
    break;

create sources/html5-chat.php  :

<?php if (empty($wo['user'])) {
    header("Location: " . Wo_SeoLink('index.php?link1=welcome'));
    exit();
}
$webmasterid = YOUR_WEBMASTERID;
$password = 'YOUR_SCRIPT_CHAT_PASSWORD';
$user = array(
    'username'=>$wo['user']['username'],
    'image'=>base64_encode($wo['user']['avatar']),
    'gender'=>$wo['user']['gender'],
    'role'=>($wo['user']['admin']==1)?'admin':'user',
    'password'=>$password
);
$encrypted = file_get_contents("https://html5-chat.com/protect/".base64_encode(json_encode($user)));
?>
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Chat</title>
</head>
<body>
    <script src="https://html5-chat.com/script/<?=$webmasterid?>/<?=$encrypted?>"></script>
</body>
</html>
<?php exit();?>

Just change these 2 parameters:

YOUR_WEBMASTERID : your script webmasterid

YOUR_SCRIPT_CHAT_PASSWORD : your script password

then navigate to : https://www.yoursite.com/html5-chat.php

Regards

Wix and html5 chat

wixHow to integrate html5-chat into Wix ?

Wix a a very popular CMS hosted system used by millions of websites.
It is very easy to manage for people who do not have any computer knowledge.

Problem is, you cannot integrate html5-chat into wix: The reason for that limitation is that Wix does not allow neither to insert html code nor Js into his pages, or more precisely, it creates a sandbox iframe to embed the html or JS.

Problem of that iframe, is that this iframes does not have rights to access webcam : now days moderne browsers needs special permissions on iframe to access features as webcam, micro or geolocation.

The only way to have its own html5 chat on wix platform is to create an external link (target=”_blank”) that points to our chat:

<a href ="https://html5-chat.com/chat/yourWebmasterid" target="_blank">My own chat</a>

We hope Wix will change that soon. Meanwhile, we advise to use… wordpress which is for sure the best CMS ever.

phpsocial

html5 chat and phpsocial integration

PHP social is a cool social “facebook” like script.  It is not free but has a moderated price of 49$.

We suppose we want to get a chat page in full screen, auto loggedon and called “chat”.

(You need to be registered and loggedon on netswing.fr to test it)

ex: https://www.netswing.fr/chat

How can we integrate HTML5-chat into php social ?

Step1 : edit .htaccess and add this line

RewriteRule ^chat/?$        index.php?a=chat          [NC]

Step2 : edit config.php and add

'chat'        => 'chat',

Step3: download this script: chat , unzip it and edit it and change the 2 lines: webmasterid and password

$webmasterid = xxx;
$password = 'xxxx';

Step4: FTP upload chat.php to /sources folder

Step5: Test that your chat works fine on https://www.netswing.fr/chat

 

Here is the source of chat.php 


<?php
function PageMain() {
/*
* Change these 2 parameters and put your webmasterid and your chat password here
*/
$webmasterid = 'xxxxx'; // your webmasterid number
$password = 'yyyyy'; // your chat password
//

global $TMPL, $LNG, $CONF, $db, $user, $settings, $plugins;
if(!isset($user) || !isset($user['idu']) ) {
header("Location: ".$CONF['url']."/index.php?a=welcome");
}

$json = json_encode(array('id'=>$user['idu'], 'username'=>$user['username'], 'image'=>$CONF['url'].permalink('/thumb.php?t=a&w=112&h=112&src='.$user['image']),
'gender'=>($user['gender'] == 1) ? 'male' : 'female', 'role'=>'user', 'profile'=>$CONF['url']. '/profile/'.$user['username'], 'password'=>$password));
$encoded = file_get_contents("https://jwt.html5-chat.com/protect/".base64_encode($json));
ob_start();?>
<script src="https://jwt.html5-chat.com/script/<?=$webmasterid?>/<?=$encoded?>"></script>
<?php
$script = ob_get_clean();
echo $script;
exit;
}