Thoughts on live chat 
Sign up free | Pricing | Tour | About | Contact
Contributors
Tags


Filed under

customization

 
May 17, 2008
 

Hab.la, all the colors of the Rainbow

I just finished implementing a feature to make it easy to customize all the colors used in your Hab.la window to match your site’s look and feel. AND you can do it without writing a line of JavaScript! (Let’s see another FREE livehelp solution beat that! ;-) )

Anyone with the Hab.la code on their website can log into the their My Hab.la page, and than customize the colors of their Hab.la window using the color customizer. As a user all you have to do is set the colors using the handy ‘color selector’ and press ‘save’. That’s it!

And if you want a new color scheme tomorrow, just come back to the Hab.la website, and change it. No need to touch the source code of your web-page at all!

In other less happy news, I realized that there was a race condition pushed out in last-night’s Hab.la update. I fixed the race condition in the recent push. Essentially it was causing Hab.la to display the “invalid site ID” error, when everything was actually kosher.

Filed under  //   color   customization   hab.la   javascript   livehelp  
Posted by Olark 

Comments [0]

November 18, 2007
 

Hab.la Color Customization Tool V 0.2

Ok, so the last version of my color customization tool was pretty much unusable. I have improved the old customization tool to make it compatible with IE6, while adding a few text fields so you can change the default text found in Hab.la. Now users who don’t like to look at code can change hab.la’s look and feel using a very simple customization interface.

Hab.la Customizer V 0.2

Filed under  //   customization   dynamic   feel   frontend   javascript   look   tool  
Posted by Olark 

Comments [0]

November 5, 2007
 

Sizing the Chat Window

Recently we’ve been launching a lot of small bug fixes. Fixes for some older versions of IE, slowing down the polling frequency for the average user and more. However, to keep the people who are really looking for more features happy I’ve added a really simple method of resizing the Hab.la window. (note, you cannot dynamically resize the window at will – YET), but you can make it bigger or smaller depending on your needs.

The code

<script type="text/javascript" src="http://static.hab.la/js/wc.js"></script>
<script type="text/javascript">
c = wc_config();
//c.setInline(1); // If you don't want it to float
c.setWidth(500);
c.vars["convo_height"] = 300; // make the conversation box bigger

wc_init("___YOUR__ID____",c );
</script>

I created a quick example of this at: http://static.hab.la/test/bot.html#

Where you can use Hab.la to chat with a fun Chatterbot. (Sometimes it doesn’t respond, but that’s due to some bug in the chatterbot, that I don’t have time to fix right now)

Hab.la Inline

The previous example still uses the standard floating hab.la, if you’d like to place hab.la somewhere on a page, perhaps inside your existing layout you can use pretty much the same process, here’s the code for it:

<script type="text/javascript" src="http://static.hab.la/js/wc.js"></script>
<script type="text/javascript">
c = wc_config();
c.setInline(1);
c.setWidth(600);
c.vars["convo_height"] = 300;
c.vars["start_expanded"] = 1;
c.vars["enable_buttons"] = false;

wc_init("________CODE______",c );
</script>

<h1> HTML code above window </h1>
<div id="habla_window_div">

</div>

http://static.hab.la/test/bot_inline.html

See it in action.

Filed under  //   customization   height   inline   javascript   width  
Posted by Olark 

Comments [0]