Embedding your live chat channel on your own website

With Paphus Live Chat you can embed your live chat channels on your own website. It is quite easy to embed a channel, and only takes a few lines of HTML code. You can embed a channel to provide help or service for your website, or to connect with people on your blog.

The embedding HTML code can be copied from your channel's Embed page under Admin.

The simplest solution is to embed a channel inside your webpage using an iframe. Here is some simple code to embed the LIVE CHAT libre chat room in an iframe.

Code to embed a channel in a iframe

<iframe src="http://www.paphuslivechat.com/livechat?embedded=true&id=259&chat=true&background=fff" width="550" height="600" frameborder="0" scrolling="auto"></iframe>

The embed tab provides 5 different embedding options. You just need to select the embed option and click "Get Code" to see the results. You can also make up your own option using your own code, or modifying the generated code.

Another option is to put a button or link on your website that open the channel in another window. This can be done using a little Java Script code.

Code to popup live chat in a window

<script> function popupwindow(url, title, w, h) { var left = (screen.width/2)-(w/2); var top = 100; window.open(url, title, 'scrollbars=yes, resizable=yes, toolbar=no, location=no, directories=no, status=no, menubar=no, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left); return false; } </script> <form onsubmit="popupwindow('http://www.paphuslivechat.com/livechat?embedded=true&id=259&chat=true&background=fff', 'child', 700, 500); return false;"> <input style="color:#d5d5d5;background-color:#009900;cursor: pointer;font: 13px/30px Arial, Helvetica, sans-serif;height: 40px;border: 0;margin: 10px 10px 0 0;font-weight:bold;" type="submit" name="chat" value="Chat Now"> </form>

This code will produce the following:

So that's it, you should now be able to embed your channel on your website or blog.