Ok, just to be clear, the documentation on customizing hab.la is really really out of date. Please refer to the blog.
That said, here’s a quick snippet taken from one of our user’s sites showing how to customize the chat window on hab.la.
Example Code
<script type="text/javascript" src="http://static.hab.la/js/wc.js"></script>
<script type="text/javascript">
config = new hbl.hwindow.config();
config.vars["before_chat_text"] = "Active9 Live Help";
config.vars["hide_not_available"] = 1;
config.palette['titlebg'] = '#0563bd';
config.palette['titlebg_highlight'] = '#4598e8';
config.palette['buttonbg'] = '#0563bd';
config.palette['buttonhi'] = '#4598e8';
config.palette['link'] = '#4598e8';
config.palette['linkhi'] = '#000000';
config.palette['local'] = '#0563bd';
wc_init("YOUR CODE", config);
</script>
I’ll definitely get on adding some more documentation, but until then you can play with the above settings :-)
Comments [0]