CMS Installation Guide

Shopify

Installing HelpCrunch in your Shopify store lets you assist customers immediately, maximizing sales and reducing cart abandonment.

This is how you can do it in a few steps:

  1. Log in to your Shopify account and click on Online Store under SALES CHANNELS.
  2. Select Themes from the list on the left of the page.
  3. Click the More Options icon at the top right corner.
  4. Choose Edit HTML/CSS from the drop-down list.
  5. Click theme.liquid file in the Layout folder.
  6. Scroll down to the closing </body> tag and insert your HelpCrunch chat code just before it.P.S. To get the code:
      1. Log in to your HelpCrunch account, then go to SettingsYour Website
      2. Copy the JavaScript code from the text box that appears
      3. You can press the Preview button and see our chat.
      4. Click Save icon at the top right-hand corner of the page.
      5. Your HelpCrunch chat is now up and running.

WordPress

If your website is based on www.wordpress.org you can easily integrate it with HelpCrunch via a native plug-in and start chatting with your visitors in a flash.

Note for wordpress.com users. Unfortunately, this platform doesn’t support any third-party scripts so HelpCrunch chat widget won’t work there. But no worries – you can migrate from wordpress.com to wordpress.org by following a simple guide.

So how to integrate HelpCrunch and a WordPress-powered website?

  1. Go to your website and open Plugins → Add New.
  2. Find the HelpCrunch plug-in by typing helpcrunch in the search field at the top-right corner of the page.
  3. WordPress will display the plug-in. Click Install Now.
  4. Next, click Activate to launch it.
  5. Now you’ll need your HelpCrunch installation code.
  6. If you’re doing installation through our setup wizard, use the code from html box there.
    If you’re installing through your HelpCrunch account, go to Settings → Your Website and copy your code snippet for CMS / E-commerce.CMS / E-commerce code
  7. Go back to WordPress and paste the code in the text field in HelpCrunch settings. Click Save Changes.

Now you can see our chat widget in the bottom right corner of your website.

Click on it and the chat window will open.

Important note! If you are using WordPress caching plugins, like “WP Super Cache”, “WP Rocket”, “Hyper Cache” or similar – you need to clear website cache after installing HelpCrunch chat.

Tumblr

If you have a blog on Tumblr, you can use HelpCrunch to chat with your visitors in real time, receive valuable feedback and get more followers!

Let’s get you started:

  1. Log in to your Tumblr blog, go to Account and choose Edit Appearance from the drop-down list.
  2. Next, click Edit Theme in the Website Theme section.
  3. In the new window, choose Edit html under the Custom theme.
  4. Now, log in to your HelpCrunch account, go to Settings →Your Website and copy your JavaScript code snippet.
  5. Go back to Tumblr, scroll down the box with the code and paste the HelpCrunch code snippet before the closing tag.
Note: Insert the code by using hot keys (Cmd + V for Mac and Ctrl +V for PC), as pasting by mouse click won’t be active.

  1. Click the green Update Preview button.
  2. Finally, click Save to complete installing HelpCrunch.
  3. Go to your blog page and you’ll see the HelpCrunch chat at the bottom right corner.

Squarespace

Integrate HelpCrunch with your Squarespace website to amp up your marketing and watch your audience participation soar.

Adding HelpCrrunch chat widget is a breeze. Just follow these super-short steps.

  1. Log in to your Squarespace account, go to your website and open SETTINGS in the left-side menu.
  2. Select Advanced in the WEBSITE section.
  3. Next, choose Code Injection in ADVANCED settings.
  4. To get the code, go to the HelpCrunch website, log in to your account, open Settings →Your Website and copy your Javascript code snippet from the box.
  5. Go back to Squarespace and paste this code into the Footer section.
  6. Finally, click Save at the left top corner of the page to complete installing HelpCrunch.
  7. Once done that, you’ll see the HelpCrunch chat at the bottom right corner.

PrestaShop

Add HelpCrunch to your Prestashop store to help people live, just like you would if they visited your shop in person. This will let you capture leads, resolve queries and engage customers before they abandon their carts.

Here are the steps you need to follow to integrate HelpCrunch with your Prestashop:

  1. Select your footer.tpl file from the theme folder.
  2. Save the footer.tpl file to your hard drive and open it in any text editor.
  3. Now, log in to your HelpCrunch account, go to Settings →Your Website and copy your JavaScript code snippet.
  4. Go back to Prestashop and paste the HelpCrunch code snippet just before the closing </body> tag.
  5. Next, place a {literal} tag right below the <script type=”text/javascript”> and a {/literal} tag before the closing </script> tag of the HelpCrunch code snippet.
  6. Finally, save all the changes you’ve made. That’s it! Now you can chat with your customers in real time and close more sales!

Jimdo

Use HelpCrunch to communicate with visitors on your blog, store or website on Jimdo. No need to play with the code – just a couple of copy-and paste-clicks and you’re done!

This is how you can add HelpCrunch:

  1. Log in to your Jimdo account, go to the bottom of the page and click Add Element.
  2. Next, click on blue button More Elements and Add-ons.
  3. Find Widget/HTML and click on it.
  4. You’ll see an html box where you’ll need to paste the HelpCrunch code.
  5. To get the code, log in to your HelpCrunch account, go to Settings →Your Website and copy your JavaScript code snippet.
  6. Go back to Jimdo and paste the code into the html box. Click Save.
  7. Refresh your website and you will see the chat there.

Done! The chat is up and running.

3dcart

If you run an online store on 3DCart, HelpCrunch will let you answer visitors’ questions in real time, resolve issues, and help customers make purchases, minimizing cart abandonment.

Here’s what you need to do to install HelpCrunch:

  1. Log in to your 3DCart dashboard and go to Settings → Design →Themes and styles.
  2. Click on the More button at the top right-hand corner of the page and choose Edit Template (HTML) from the dropdown.
  3. Next, select the webpage you want to edit, click on the gear icon and press Edit in the dropdown. You’ll see a box with html code.
  4. Now, log in to your HelpCrunch account, go to Settings →Your Website and copy your JavaScript code snippet.
  5. Go back to 3DCart and paste the code into the html box just before the closing </body> tag. Click the green Save button at the top right-hand corner.
  6. Finally, click the green View Store button at the top left-hand corner of the page.

Now you can see our chat widget at the bottom right corner of your store.

Click on the chat button to open the chat.

Success! You’ve installed HelpCrunch on your store!

SpaceCraft

HelpCrunch gives you a complete toolset to communicate with your SpaceCraft visitors, identify hot prospects, convert them into loyal customers and drive sales.

To install HelpCrunch on your SpaceCraft website:

  1. Log in to your SpaceCraft account. Click the gear icon at the top center of your dashboard.
  2. You will see the SETTINGS window. Choose Users & roles.
  3. Click Edit on the right side from your username.
  4. Assign yourself developer rights by ticking the Developer box. Then click Save.
  5. Log out of your account and log in again to activate the changes you’ve just made. You’ll see the developer icon next to gear icon on your dashboard.
  6. Proceed by selecting CONTENT next to the gear icon.
  7. Choose Footer under the Global Content section.
  8. Click the green + icon.
  9. Select HTML tab from the options that appear.
  10. Now log in to your HelpCrunch account, go to Settings →Your Website and copy your JavaScript code snippet.
  11. Go back to SpaceCraft and paste the code into the html box. Click SAVE.
  12. Click PUBLISH at the top right-hand corner of the page to complete installing HelpCrunch.
  13. Refresh your SpaceCraft page. You’ll see the HelpCrunch chat at the bottom right corner.
  14. Click on the chat button to open the chat window.


Well done! You’re now ready to use HelpCrunch to improve customer satisfaction and grow your revenue!

OpenCart

Add HelpCrunch to your OpenCart account to offer immediate help to people who are navigating your store. Engage visitors, maximize sales and build customer loyalty by delivering the best real-time support.

  1. Log into your OpenCart account and go to Catalog → View → Theme.
  2. Choose the footer.tpl file in the Theme folder.
  3. Save the footer.tpl file to your hard drive and open it in any text editor.
  4. Now, log in to your HelpCrunch account, go to Settings → Your Website and copy your JavaScript code.
  5. Go back to the footer.tpl file and paste the HelpCrunch code snippet just before the closing </body> tag.
  6. Finally, save the changes you’ve made to the file. That’s it! Now you can chat with your customers in real time and close more sales!

Big Cartel

Move your online sales the next level by adding a HelpCrunch live chat to your Big Cartel store. Proactively engage people who are just looking around on your shop, help customers make purchases, cross-sell, upsell and resolve queries on the spot.

Follow these simple steps to install the HelpCrunch live chat in less than a minute:

  1. Log in to your Big Cartel dashboard and click on the gear icon at the top center of the page.
  2. Next, choose Options and activate the maintenance mode by ticking the corresponding box. Click Save.
  3. Choose your username in the top right corner of the page and click on Customize design in the drop-down list.
  4. Click on the angle brackets at the top left of the new window and then choose Layout from the Advanced settings.
  5. Now log in to your HelpCrunch account, go to Settings →Your Website and copy your JavaScript code snippet.
  6. Go back to your Big Cartel store. Paste the code into the html box just before the closing </body> tag. Click Done.
  7. Click Save and refresh your Big Cartel page. You’ll see the HelpCrunch chat at the bottom right corner.
  8. Click on the chat button to open the chat window.

P.S. Don’t forget to go back SettingsOptions again and disable the maintenance mode by unchecking the corresponding checkbox.

Great! You’re all set! Use HelpCrunch to convince your customers to buy from you and gain their trust.

 

Magento 1.x

You can easily integrate your Magento 1.x website with HelpCrunch via a native extension and start chatting with your customers.

  1. Download HelpCrunch native Magento 1 extension here
  2. Extract files from the downloaded .zip archive to your Magento 1 root directory.
  3. HelpCrunch will appear as a new tab in your Magento admin panel:
    HelpCrunch tab in Magento 1 admin panel
  4. Now you’ll need your HelpCrunch installation code.
  5. If you’re doing installation through our setup wizard, use the code from the html box there. (If not – skip this step)
  6. If you’re installing through your HelpCrunch account, go to Settings → Your Website and copy your code snippet for CMS / E-commerce.HelpCrunch page in Magento 1 admin panel
  7. Go back to your Magento website admin panel and paste the code into the text field at HelpCrunch settings tab. Then click Save.CMS / E-commerce code
  8. Now you can see our chat widget in the bottom right corner of your website:HelpCrunch widget at Magento 1 frontend

Magento 2.x

Integrate HelpCrunch widget to your Magento 2.x website and get automatic authorization for your customers in the chat by installing a native HelpCrunch Magento 2 module. You can find and install module for free via Magento Marketplace. Otherwise, you will need an access to your server with Magento 2 to install the module by Composer.

Getting HelpCrunch module for Magento 2 by Composer:

Go to the root folder of your Magento 2 website, and run next commands via Magento 2 user:


composer require helpcrunch/magento2-module:dev-master
php bin/magento module:enable HelpCrunch_HelpCrunch
php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy -f
php bin/magento cache:clean

Configuring your HelpCrunch Magento 2 module (after installing the module):

  1. To enable your HelpCrunch module you’ll need your installation code. If you’re doing installation through our setup wizard, use the code from the html box there. (If not – skip this step)HelpCrunch module wizard installation code
  2. If you’re installing through your HelpCrunch account, go to Settings → Your Website and copy your code snippet for CMS / E-commerce.HelpCrunch CMS / E-commerce code
  3. After you have found the installation code and installed the module, go to the Stores → Configuration at your Magento admin panel:
    Magento 2: Stores -> Configuration
  4. HelpCrunch will appear as a new tab in your Configuration section. You need to paste the installation code into the HelpCrunch settings string text field. Then click Save Config.
    HelpCrunch tab and page in Magento 2 admin panel Stores Configuration
  5. Then you need to go to System → Cache Management and press Flush Magento Cache button to make sure settings will apply to the frontend pages:
  6. Now you will be able to see the chat widget in the bottom right corner of your Magento 2 website: