Wix chat button integration

First of all you need to have a button created so you can get its integration code. Once you have the code you can log in to your Wix dashboard and navigate to Settings->Tracking & Analytics where you need to click on New tool in the upper right corner and select Custom.

On the opened window you need to:

paste your button code into the "Paste the code snippet here:" field
select All pages under Add Code to Pages:
under the drop down pick Load code on each new page.
select Body - start under Place Code in:.

Old/alternative way

You can embed the chat script using the HTML App. It has it's own quirks but it can work.

With the HTML App you can add your own HTML code or embed another site onto your Wix site. To add the HTML App: From the left side of the Editor, click the Add icon > click Apps > click HTML.

Click the HTML App to select it > from the pop-up menu, click Settings > under Mode,
choose HTML Code or Website address > enter the code from the bellow yellow box and click Update.

When entering the button code you must insert it also with <body></body> HTML tags or the button would be added to <head> section where it will not be displayed. So the code must be added like this:

<body>
<script type="text/javascript">
(function(d, src, c) { var t=d.scripts[d.scripts.length - 1],s=d.createElement('script');s.id='la_x2s6df8d';s.async=true;s.src=src;s.onload=s.onreadystatechange=function(){var rs=this.readyState;if(rs&&(rs!='complete')&&(rs!='loaded')){return;}c(this);};t.parentElement.insertBefore(s,t.nextSibling);})(document,
'https://YOUR_OWN.ladesk.com/scripts/track.js',
function(e){ LiveAgent.createButton('BUTTON_ID', e); });
</script>
</body>

Besides this special way of adding code you also need to set the size of the HTML element/app which you are adding to fit your chat window since it will open in the same element as the button is. Therefore it should be set to at least 350x450 pixels but you might need even more to fit it nicely.

To attach the button to side of the website so it scrolls with it you must pin it. However you should remember that the element will occupy its space of 350x450 so if your side uses whole width for clickable elements then it is possible that the button's HTML element will be over the clickable element which will render it inusable pretty much.

Please note that we do not have any specific plugin to integrate with Wix and unfortunately this is the best how it could work due to the way how Wix works.

Wix chat button integration

Old/alternative way

Other Articles