LiveChat

LiveChat is a customer communication platform that provides real time chat tools for supporting visitors on your website. It provides a website chat widget to offer assistance and manage conversations from your LiveChat account.

Key features for LiveChat include:

Real-time live chat
Canned responses
Visitor monitoring
Chat routing
Customisable chat widget

LiveChat integrates with ShopWired by adding a into your ShopWired theme so the chat widget appears on every page of your website, to enhance customer support on your ShopWired website.

ShopWired can only provide support to you on the instructions provided in this help guide, for assistance with your LiveChat account contact LiveChat support directly.

Account creation

Create an account on the LiveChat. LiveChat provides an installation script for use on your website.

Theme installation

LiveChat provides an installation script which must be added to your ShopWired theme for the chat widget to load across all pages, similar to the example below:

<script> window.__lc = window.__lc || {}; window.__lc.license = 1234567; window.__lc.integration_name = "manual_onboarding"; window.__lc.product_name = "livechat"; (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=true; 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); </script>

The script shown above is provided as an example only. You must copy the exact script provided in your own account, as the script and any ID values will be unique to your website.

Add this script to your theme’s master.twig file:

Navigate to Website > Themes
Select the code editor option for the theme you want to install it on
Add the script just above the closing </head> tag

Use this method to display the LiveChat widget on every page of your website.

Recommendations

Test across devices

Check widget display and behaviour on desktop and mobile to confirm a consistent visitor experience.

View a live preview