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, 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