HelpCrunch

HelpCrunch is a customer communication platform that provides live chat, messaging, and knowledge base tools for websites.

Key features include:

Live chat for website visitors
Automated messaging and chatbots
Shared team inbox for customer conversations
Knowledge base and help centre tools
Customer profiles and conversation history

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

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

Account creation

Create an account on the HelpCrunch website at HelpCrunch.

After creating your account and configuring your workspace, HelpCrunch will provide a JavaScript widget code that is used to display the live chat widget on your website.

Theme installation

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

<script type="text/javascript">
  window.helpcrunchSettings = {
    organization: "your-organization",
    appId: "YOUR_APP_ID"
  };
</script>
<script type="text/javascript">
  (function(w,d){
    var s=d.createElement("script");
    s.src="https://widget.helpcrunch.com/";
    s.async=1;
    d.getElementsByTagName("head")[0].appendChild(s);
  })(window,document);
</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 HelpCrunch script just above the closing </body> tag
Select Save changes

After the script has been added, the HelpCrunch chat widget will appear on your website.

If you only want the chat widget 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 HelpCrunch 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.

Recommendations

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

HelpCrunch

Account creation

Theme installation

Adding the HelpCrunch widget to specific pages

Recommendations

Menu