Integrations

1. Email forwarding

You can use HelpCrunch as one place to receive your incoming support emails from your customers and send replies back to them right from your HelpCrunch account. To do that, you’ll have to set up email forwarding from your support mailbox to your HelpCrunch agent email that you used on sign up or when invited as an agent.

Here is a step-by-step guide on how you can do it:

  • Open your support mailbox and go to email account settings.
  • Enable email forwarding to your HelpCrunch agent email. It has the following form agent.name@domain.helpcrunch.com. For example, if a domain is business.helpcrunch.com and agent name is John Doe, the email to redirect will be john.doe@business.helpcrunch.com.
  • Depending on your email server you may or may not receive a confirmation message in your HelpCrunch account. go to All Chats to see if there is a message there. If so, please follow the instruction in the message to confirm the email forwarding.

Once it’s done all new messages will be automatically forwarded to your HelpCrunch account and appear as new chats in your HelpCrunch account, where you can send replies back to your customers using Send by Email option. It is possible to set an alias for a sender’s name and email. To do this, go to My Account tab and change Email Address field to your support mailbox. This email will be shown to your customers when you reach them via email.

2. Slack Integration

You can connect HelpCrunch to Slack and get notifications in a chosen channel whenever a customer hits you a message. These real-time alerts won’t let you miss any important conversations and leads.

This is how you can integrate Slack in 30 seconds:

  1. Log in to your HelpCrunch account, go to Settings, and choose Integrations in the left-hand column.
  2. Click Add to Slack in the MANAGE INTEGRATIONS section that appears.
  3. You’ll be redirected to the Slack website, where you’ll need to do a couple of further steps. First, write your Slack team name and click Continue.
  4. Fill in the form with your Slack credentials.
  5. Next, select the channel where you want to receive HelpCrunch notifications. We recommend creating a separate slack channel for that.
  6. Now, click the green Authorize button to complete the integration.

Perfect! You’ll stay updated about incoming messages in HelpCrunch without having to switch between windows and accounts.

3. GTM Integration

You can use Google Tag Manager (GTM) to add HelpCrunch to all pages of your website in one go. It’s convenient as you won’t have to change the source code of your site. The setup is super easy and takes only a couple of minutes.

If you already use GTM, go straight to the Installing HelpCrunch through GTM section. Otherwise, first follow this short guide to create a GTM account.

How to install GTM

  1. Log in to your Google account and enter the GTM dashboard.
  2. Choose Create Account, give it a name (e.g. your company name), and click Continue.
  3. To set up a container for your tags, enter your container name, select Web, and click Create.
  4. You will see the Terms of Service Agreement. Read and click YES to accept.
  5. Add the code from the container to every page of your website. Click OK.
  6. Great! GTM installation is complete.

Installing HelpCrunch through GTM

  1. Go to your GTM dashboard and click on New Tag.
  2. Proceed by choosing Tag Configuration icon in the next window.
  3. Select Custom HTML Tag from the list of tags on your right.
  4. Paste the HelpCrunch code into HTML field and click Save.
  5. Now click on the Triggering icon at the bottom.
  6. Select the All Pages trigger and click Save.
  7. Now you must give a name to your tag (for instance, your website’s name). Once you’ve done that, click Save.
  8. To complete the installation, click Publish in the right top corner of your dashboard.
  9. Check if everything’s correct and click Publish again.

Well done! HelpCrunch is now installed across all pages of your website.

4. Fluid Integration

With Fluid App, you can make HelpCrunch look like a genuine Mac desktop application, so you can directly launch it from your desktop, Dock or Launchpad without sifting through different tabs in your browser.

Integrating Fluid with HelpCrunch is a piece of cake – just follow a couple of quick and easy steps.

If you’re new to Fluid, first install it in two clicks. If you use it already, jump to Creating a HelpCrunch app section below.

Installing Fluid

  1. Go to Fluid App and download the free version.
  2. Install Fluid and move it to your Applications folder. To make it appear in Dock, just drag and drop it there.

Creating a HelpCrunch app

  1. Launch Fluid and fill in the form below. Write HelpCrunch’s URL and name, and choose the Applications folder for saving your HelpCrunch Fluid app. Now, click Other from the drop-down menu and upload HelpCrunch icon to Fluid.
  2. Note. To get our icon, just right click on the logo here below and save it to your computer.

  3. To complete the process, click Create.
  4. Wohoo! You’re all set! HelpCrunch is now available to you as a standalone application.

    You can launch HelpCrunch anytime from your desktop, Dock or Launchpad – it will be always on hand.

    5. Shopify Integration

    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:

      • log in to your HelpCrunch account, then go to SettingsYour Website
      • copy the JavaScript code from the text box that appears

    7. You can press Preview button and see our chat.
    8. Click Save icon at the top right-hand corner of the page.
    9. Your HelpCrunch chat is now up and running.
    10. 6. WordPress Integration

      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.

        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

      6. Go back to WordPress and paste the code in the text field in HelpCrunch settings. Click Save Changes.
      7. Now you can see our chat widget in the bottom right corner of your website.

      8. Click on it and the chat window will open.

      7. Tumblr Integration

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

      7. Click the green Update Preview button.
      8. Finally, click Save to complete installing HelpCrunch.
      9. Go to your blog page and you’ll see the HelpCrunch chat at the bottom right corner.
      10. 8. Squarespace Integration

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

          9. PrestaShop Integration

          Add HelpCrunch to your HelpCrunchch 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 a 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!
          7. 10. Jimdo Integration

            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.
          8. Refresh your website and you will see the chat there.

          9. Done! The chat is up and running.

            11. 3dcart Integration

            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.
            7. Now you can see our chat widget at the bottom right corner of your store.

            8. Click on the chat button to open the chat.

            Success! You’ve installed HelpCrunch on your store!

            12. SpaceCraft Integration

            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.

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

              13. OpenCart Integration

              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!
                1. 14. Big Cartel Integration

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

                    15. Google Analytics integration

                    You can easily track HelpCrunch chat/widget events with Google Analytics. For this, just go to your website or application and insert the following tracking codes inside your HelpCrunch JavaScript code snippet.

                    For example, if your Google Analytics function is “ga” (default one) you will need to add these codes after HelpCrunch (‘showChatWidget’);

                    Track when your customer sends a message in chat:

                    HelpCrunch('onCustomerMessage', function (event) {
                    ga('send', 'event', 'customer', 'sendChatMessage’);
                    });

                    Track when your customer opens the chat:

                    HelpCrunch('onChatOpen', function () {
                    ga('send', 'event', 'customer', 'opensChat’);
                    });

                    Track when your customer closes the chat:

                    HelpCrunch('onChatClose', function () {
                    ga('send', 'event', 'customer', 'opensChat’);
                    });

                    Track when your customer receives a new message:

                    HelpCrunch('onNewUnreadMessages', function () {
                    ga('send', 'event', 'customer', 'getsNewMessage’);
                    });

                    If you want to track any other event in Google Analytics – please contact us in chat from your HelpCrunch admin account and we will arrange it for you.

                    16. Magento 1.x Integration

                    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.

                      If you’re doing installation through our setup wizard, use the code from the 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

                    5. Go back to your Magento website admin panel and paste the code into the text field at HelpCrunch settings tab. Then click Save.
                      HelpCrunch page in Magento 1 admin panel
                    6. Now you can see our chat widget in the bottom right corner of your website:
                      HelpCrunch widget at Magento 1 frontend