To install the Olark chat widget on your website, you’ll need to first log into your Olark account. Once you are logged in, click on the Settings section from the menu on the left, and then click Installation:

install-ss

Our standard installation method requires you to copy and paste a small javascript snippet immediately before your site’s closing </body> tag. Click on the blue Get embed code button to see and copy that snippet, which should look like this:

<!-- begin olark code -->         
  <script type="text/javascript" async>        
   ;(function(o,l,a,r,k,y){if(o.olark)return;        
   r="script";y=l.createElement(r);r=l.getElementsByTagName(r)[0];        
   y.async=1;y.src="//"+a;r.parentNode.insertBefore(y,r);        
   y=o.olark=function(){k.s.push(arguments);k.t.push(+new Date)};        
   y.extend=function(i,j){y("extend",i,j)};        
   y.identify=function(i){y("identify",k.i=i)};        
   y.configure=function(i,j){y("configure",i,j);k.c[i]=j};        
   k=y._={s:[],t:[+new Date],c:{},l:a};        
   })(window,document,"static.olark.com/jsclient/loader.js");        
   /* Add configuration calls below this comment */        
   olark.identify('YOUR_SITE_ID');</script>        
<!-- end olark code -->  

You can also use the following link to quickly see your account’s Site ID and embed code: https://www.olark.com/settings/code

Using a content management system? Be sure to click on the Add Olark as a CMS plugin section from the Installation page to select and see your platform’s installation process:

Install as a plugin

Once you’ve copied and pasted your Olark embed code into your site’s source code, you’ll be ready start chatting live on your site!

Important: In order to answer chats, you need to connect to the Olark chat console or set up a desktop IM chat client. View tutorials for all our supported IM chat clients.