LiveAgent

LiveAgent is a customer support platform that provides live chat, help desk, and customer communication tools for websites.

Key features include:

Live chat widgets for website visitors
Help desk ticket management
Multi-channel customer communication
Customer portal and knowledge base tools
Reporting and support performance analytics

LiveAgent integrates with ShopWired by adding a chat widget to the ShopWired theme or to individual pages so you can communicate with visitors through a live chat button on your website.

ShopWired can only provide support for the instructions in this help guide. For assistance with your LiveAgent account, contact LiveAgent support directly.

Account creation

Create an account on the LiveAgent website at LiveAgent.

After creating your account and configuring your contact widget, LiveAgent will provide a JavaScript widget script that is used to display the chat button on your website.

Theme installation

After configuring your chat widget, LiveAgent provides a widget script similar to the example shown below:

<!-- Start of LiveAgent integration script -->
<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.defer=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://example.ladesk.com/scripts/track.js",
function(e){
  LiveAgent.createButton('BUTTON_ID', e);
});
</script>
<!-- End of LiveAgent integration 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.

Navigate to Website > Themes
Select the code editor option for the theme you want to edit
Open the master.twig file
Add the LiveAgent script just above the closing </body> tag
Select Save changes

After the script has been added, the LiveAgent chat button will appear on your website.

If you only want the chat button to appear on specific pages, you can add the widget code directly to the page instead of installing it globally in your theme.

Navigate to Website > Pages or Website > Landing pages
Edit the page where the widget should appear
Locate the Tick here to enter additional custom HTML/JS/CSS setting option
Paste the LiveAgent widget code into the custom HTML field
Save the page

Use ShopWired's landing pages feature to add the widget to a custom page on your website.

If you want to add to a website page select the Tick here to enter additional custom HTML/JS/CSS setting to add the code.

Recommendations

Install the LiveAgent widget on a draft theme before applying it to your live theme
Use page-level installation if the chat button should appear only on support or contact pages
Keep a record of the LiveAgent account and button ID used for your ShopWired website
Test the chat button on your website to confirm that visitors can start conversations successfully

LiveAgent

Account creation

Theme installation

Adding the LiveAgent widget to specific pages

Recommendations

Menu