How Do I Embed My Chatroom Onto My Website?

One of the more frequent questions we see is people wondering how do they embed their chatroom on their website, and more often than not, it’s run off of WordPress. Although I wrote this while going through the steps on a site using WordPress, the process should be similar on Drupal, Joomla, or any other CMS.

One thing to note before starting is that you need to be able to post HTML, and not have it filtered. If you are using wordpress.com, or WPMU and are not the site/super admin, your HTML is filtered and you will not be able to see the chat box when you post the post/page you’re trying to put it onto. If you cannot post HTML, it will not work because it will treat the code as text instead.

Having said that, here are 5 easy steps to embedding your chat onto a site.

  1. Get the embed code from our website. At the very minimum, you should change the channel name. Unless you know better dimensions for your site’s layout, it might be best to leave the default size; you can always change that later (it is just two variables in the embed code).
  2. Add a new Page or Post like you normally would, and give it a title. While still in the visual editor (if you use it), feel free to add anything that you would like above and/or below the chat box and associated items.
  3. Next, if you aren’t already in HTML mode, click on the HTML button.
  4. Paste in the code you copied from step 1 in the appropriate place (depending on if you added text for above/below [step 2]). At this point, you will see the code, which may not make sense to you. Click the Save Draft button, then Preview.
  5. Depending on your theme, you might need to change the size of the chat. Once you are happy with how it looks, Publish the post.
Still have questions? Feel free to ask in #help, or post in the forums

Flash Client Upgrade

We have, for quite a while now, offered TFlash as our web based IRC client. This was originally written as a quick replacement for the Java client we used previously. TFlash has, however, stood up to the test of time and has proved to be a very popular client amongst users.

We have now decided that it is time to upgrade TFlash to make it bigger and better. To this end, we contracted Mike Parks (BigRedPimp) of thinkrightgames.com to carry out the work. He is an incredibly experienced Flash developer and has made an exceptional job of the new Flash Client.

Today we have launched this new client and it should now be embedded on all of the sites that had the old Flash client embedded.

Development of the client started in early December and, since then, a team of testers have tirelessly tested it and removed bugs. We thank them for their help. If you do however find a bug, please report it using the address at the top of the new flash client.

BigRedPimp has put in a huge amount of effort with this project and we thank him unreservedly for his time and for doing this project for such a low cost. We are glad to call him a friend of GeekShed.

If you have any questions about the new Flash client, please come and see us in #help on irc.geekshed.net.

You can see the new TFlash at http://www.geekshed.net/chat/