Skip to main content
Adding Live Chat to Your Website
Updated over a year ago

Engage your customers by setting up automated greetings and providing real-time assistance with LiveChat. The LiveChat feature will appear on most Uscreen pages including the home page, catalog page, content pages, and author pages. The chat feature will not appear on the checkout pages, sign-in page, or customer dashboard for security purposes. You can create a LiveChat account here.

LiveChat.gif

In LiveChat, navigate to Settings and under Channels > Website open the Install LiveChat code manually section. Copy this code.

Now, let's install this code into your Uscreen storefront.

Navigate to Website and click on the Options Icon (three dots). Click on Edit Code.

Under Layouts, select theme.liquid.

Now LiveChat wants us to add this right below our closing </body> tag

The code looks something like the one below.

<!-- Start of LiveChat (www.livechatinc.com) code -->  <script type="text/javascript">   window.__lc = window.__lc || {};   window.__lc.license = 11716542;   (function() {   var lc = document.createElement('script'); lc.type = 'text/javascript'; lc.async = true;   lc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.livechatinc.com/tracking.js';   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(lc, s);   })();  </script>  <noscript>  <a href="https://www.livechatinc.com/chat-with/11716542/" rel="nofollow">Chat with us</a>,  powered by <a href="https://www.livechatinc.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a>  </noscript><!-- End of LiveChat code --></body>  

It should be right at the bottom. Create a new line and paste your code in and Save Changes.

The LiveChat widget will appear on your storefront:

mceclip0.png
Did this answer your question?