All Collections
Advanced Settings
How to add a live chat widget to your event
How to add a live chat widget to your event

How to implement a live chat button using a third party service.

Updated over a week ago

If you want to give your attendees the option to chat with you during the event, you can implement a live chat button via a JS script. Various companies offer a free trial of their chat software.

These have in common that after you register for their free trial or basic plan, you will receive a script containing your widget (button).

  1. Sign up and receive the script from the chat provider of your choice.

    Here are some examples:

2. Obtain the chat widget Java Script and copy this from their website

3. Go to the backhand of Krowden and go to Advanced > Cusomisations scripts > JS and add it.

Example:

$(function(){

var footer = $('.userfooter');

var disclaimer = $('<div class="disclaimer col-md-8 col-md-offset-2 text-center"></div>');

disclaimer.append('<a href="http://startups.livechatinc.com"> <img src="https://cdn.livechatinc.com/website/media/img/resources/logos/logo-livechat-256x93.png" width="250" height="91" alt="LiveChat for Startups"></a>');

footer.prepend('<br/>');

disclaimer.prependTo(footer);
});

window.__lc = window.__lc || {};

window.__lc.license = 13048248;

;(function(n,t,c){function i(n){return e._h?e._h.apply(null,n):e._q.push(n)}var e={_q:[],_h:null,_v:"2.0",on:function(){i(["on",c.call(arguments)])},once:function(){i(["once",c.call(arguments)])},off:function(){i(["off",c.call(arguments)])},get:function(){if(!e._h)throw new Error("[LiveChatWidget] You can't use getters before load.");return i(["get",c.call(arguments)])},call:function(){i(["call",c.call(arguments)])},init:function(){var n=t.createElement("script");n.async=!0,n.type="text/javascript",n.src="https://cdn.livechatinc.com/tracking.js",t.head.appendChild(n)}};!n.__lc.asyncInit&&e.init(),n.LiveChatWidget=n.LiveChatWidget||e}(window,document,[].slice))

4. Let us know in the chat so we can approve the script and implement it.

5. Click on the Preview button to see the button appear in the bottom corner.

Attendees can now chat with you from inside Krowden during the event!

Example:

Did this answer your question?