Olark Advanced WordPress Integration

Olark Chat is a very popular, clean, easy to use live chat solution that can be customised to fit with your website.
You can see who is on your site, what they’re looking at and where they’ve been. Wouldn’t it be even better if you could pull more data back from your WordPress install (data only available if the user is logged in)? Data such as yes they are logged in, their name, email address any other data you wish that is stored against that user for example if you have WooCommerce then the billing address or company name could be sent back to the chat operator screen as soon as the chat starts.

Just don’t freak you visitor out by saying ‘hello Dave’ when they start a chat!

First you need your ‘Site ID’ from https://www.olark.com/settings/code and edit the code

$olarkcode = "1111-333-22-4444"; where 1111-333-22-4444 is your site ID.

Add the following code you your functions file:

[pastacode lang=”php” manual=”function%20add_olarkchat()%20%7B%09%0A%09%24olarkcode%20%3D%20%221111-333-22-4444%22%3B%0A%0A%3F%3E%0A%09%3C!–%20begin%20olark%20code%20–%3E%0A%09%09%3Cscript%20data-cfasync%3D%22false%22%20type%3D’text%2Fjavascript’%3E%2F*%3C!%5BCDATA%5B*%2Fwindow.olark%7C%7C(function(c)%7Bvar%20f%3Dwindow%2Cd%3Ddocument%2Cl%3Df.location.protocol%3D%3D%22https%3A%22%3F%22https%3A%22%3A%22http%3A%22%2Cz%3Dc.name%2Cr%3D%22load%22%3Bvar%20nt%3Dfunction()%7B%0A%09%09f%5Bz%5D%3Dfunction()%7B%0A%09%09(a.s%3Da.s%7C%7C%5B%5D).push(arguments)%7D%3Bvar%20a%3Df%5Bz%5D._%3D%7B%0A%09%09%7D%2Cq%3Dc.methods.length%3Bwhile(q–)%7B(function(n)%7Bf%5Bz%5D%5Bn%5D%3Dfunction()%7B%0A%09%09f%5Bz%5D(%22call%22%2Cn%2Carguments)%7D%7D)(c.methods%5Bq%5D)%7Da.l%3Dc.loader%3Ba.i%3Dnt%3Ba.p%3D%7B%0A%09%090%3A%2Bnew%20Date%7D%3Ba.P%3Dfunction(u)%7B%0A%09%09a.p%5Bu%5D%3Dnew%20Date-a.p%5B0%5D%7D%3Bfunction%20s()%7B%0A%09%09a.P(r)%3Bf%5Bz%5D(r)%7Df.addEventListener%3Ff.addEventListener(r%2Cs%2Cfalse)%3Af.attachEvent(%22on%22%2Br%2Cs)%3Bvar%20ld%3Dfunction()%7Bfunction%20p(hd)%7B%0A%09%09hd%3D%22head%22%3Breturn%5B%22%3C%22%2Chd%2C%22%3E%3C%2F%22%2Chd%2C%22%3E%3C%22%2Ci%2C’%20onl’%20%2B%20’oad%3D%22var%20d%3D’%2Cg%2C%22%3Bd.getElementsByTagName(‘head’)%5B0%5D.%22%2Cj%2C%22(d.%22%2Ch%2C%22(‘script’)).%22%2Ck%2C%22%3D’%22%2Cl%2C%22%2F%2F%22%2Ca.l%2C%22’%22%2C’%22’%2C%22%3E%3C%2F%22%2Ci%2C%22%3E%22%5D.join(%22%22)%7Dvar%20i%3D%22body%22%2Cm%3Dd%5Bi%5D%3Bif(!m)%7B%0A%09%09return%20setTimeout(ld%2C100)%7Da.P(1)%3Bvar%20j%3D%22appendChild%22%2Ch%3D%22createElement%22%2Ck%3D%22src%22%2Cn%3Dd%5Bh%5D(%22div%22)%2Cv%3Dn%5Bj%5D(d%5Bh%5D(z))%2Cb%3Dd%5Bh%5D(%22iframe%22)%2Cg%3D%22document%22%2Ce%3D%22domain%22%2Co%3Bn.style.display%3D%22none%22%3Bm.insertBefore(n%2Cm.firstChild).id%3Dz%3Bb.frameBorder%3D%220%22%3Bb.id%3Dz%2B%22-loader%22%3Bif(%2FMSIE%5B%20%5D%2B6%2F.test(navigator.userAgent))%7B%0A%09%09b.src%3D%22javascript%3Afalse%22%7Db.allowTransparency%3D%22true%22%3Bv%5Bj%5D(b)%3Btry%7B%0A%09%09b.contentWindow%5Bg%5D.open()%7Dcatch(w)%7B%0A%09%09c%5Be%5D%3Dd%5Be%5D%3Bo%3D%22javascript%3Avar%20d%3D%22%2Bg%2B%22.open()%3Bd.domain%3D’%22%2Bd.domain%2B%22’%3B%22%3Bb%5Bk%5D%3Do%2B%22void(0)%3B%22%7Dtry%7B%0A%09%09var%20t%3Db.contentWindow%5Bg%5D%3Bt.write(p())%3Bt.close()%7Dcatch(x)%7B%0A%09%09b%5Bk%5D%3Do%2B’d.write(%22’%2Bp().replace(%2F%22%2Fg%2CString.fromCharCode(92)%2B’%22′)%2B’%22)%3Bd.close()%3B’%7Da.P(2)%7D%3Bld()%7D%3Bnt()%7D)(%7B%0A%09%09loader%3A%20%22static.olark.com%2Fjsclient%2Floader0.js%22%2Cname%3A%22olark%22%2Cmethods%3A%5B%22configure%22%2C%22extend%22%2C%22declare%22%2C%22identify%22%5D%7D)%3B%0A%09%09%2F*%20custom%20configuration%20goes%20here%20(www.olark.com%2Fdocumentation)%20*%2F%0A%09%09olark.identify(%3C%3Fphp%20echo%20%22’%22.%24olarkcode.%22’%22%3B%20%3F%3E)%3B%2F*%5D%5D%3E*%2F%3C%2Fscript%3E%3Cnoscript%3E%3Ca%20href%3D%22https%3A%2F%2Fwww.olark.com%2Fsite%2F%3C%3Fphp%20echo%20%24olarkcode%3B%20%3F%3E%2Fcontact%22%20title%3D%22Contact%20us%22%20target%3D%22_blank%22%3EQuestions%3F%20Feedback%3F%3C%2Fa%3E%20powered%20by%20%3Ca%20href%3D%22http%3A%2F%2Fwww.olark.com%3Fwelcome%22%20title%3D%22Olark%20live%20chat%20software%22%3EOlark%20live%20chat%20software%3C%2Fa%3E%3C%2Fnoscript%3E%0A%09%3C!–%20end%20olark%20code%20–%3E%0A%3C%3Fphp%0A%09%0A%09echo%20’%3Cscript%20type%3D%22text%2Fjavascript%22%3E’%3B%0A%09echo%20%22olark(‘api.chat.onBeginConversation’%2C%20function()%7B%22%3B%0A%0A%09if%20(%20is_user_logged_in()%20)%20%7B%0A%09%09%24curruser%20%3D%20wp_get_current_user()%3B%0A%09%09echo%20%22olark(‘api.visitor.updateEmailAddress’%2C%20%7BemailAddress%3A%20’%22.%20%24curruser-%3Euser_email%20.%22’%7D)%3B%22%3B%0A%09%09echo%20%22olark(‘api.visitor.updateFullName’%2C%20%7BfullName%3A%20’%22.%20%24curruser-%3Euser_firstname%20.%22%20%22.%20%24curruser-%3Euser_lastname%20.%22’%7D)%3B%22%3B%0A%09%09echo%20%22olark(‘api.chat.sendNotificationToOperator’%2C%20%7Bbody%3A%20’**%20Logged%20in%3A%20YES%20**%20’%7D)%3B%22%3B%0A%09%7Delse%7B%0A%09%09echo%20%22olark(‘api.chat.sendNotificationToOperator’%2C%20%7Bbody%3A%20’**%20Logged%20in%3A%20NO%20**%20’%7D)%3B%22%3B%0A%09%7D%0A%09echo%20%22%7D)%3B%22%3B%0A%09echo%20’%3C%2Fscript%3E’%3B%09%09%0A%7D%0Aadd_action(‘wp_footer’%2C%20’add_olarkchat’%2C%2010%2C%201)%3B” message=”functions.php” highlight=”” provider=”manual”/]

Further enhancements can be made such as if you are using WooCommerce then the phone number could be populated:

[pastacode lang=”php” manual=”echo%20%22olark(‘api.visitor.updatePhoneNumber’%2C%20%7BphoneNumber%3A%20’%22.%20%24curruser-%3Ebilling_phone.%20%22’%7D)%3B%22%3B%0A%0A%0Aecho%20%22olark(‘api.chat.sendNotificationToOperator’%2C%20%7Bbody%3A%20’**%20Company%20name%3A%20%22%20.%24curruser-%3Ebilling_company%20.%22%20**%20’%7D)%3B%22%3B” message=”functions.php” highlight=”” provider=”manual”/]