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.
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: