Intercom.io Chat Integration

  • Updated
  • Zingtree can open an Intercom chat from a decision tree, with information about a customer's issue already pre-populated.

    Once your customer submits a question, here’s what appears in Intercom:

    Intercom chat with Zingtree

    Requirements:

    • Your tree must be embedded on your website.
    • You need to have the Intercom chat client in place on the page that contains your tree.

    How to open an Intercom chat session, and include the Zingtree transcript and data entry:

    1. Under More, set the JS Message to Intercom: New: #session#.

       

      2022-04-06_14-44-43.png

      When a customer lands on this node, the chat box is opened and populated.

    2. On the hosting page, include this script before the </body> tag:
      <script src="//zingtree.com/api/chat/intercom.js"></script>

      If your page is not already loading jquery, you'll need to also add this script before the </body> tag:
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

    It’s that easy!

  • Zingtree can open an Intercom chat from a decision tree, with information about a customer's issue already pre-populated.

    Once your customer submits a question, here’s what appears in Intercom:

    Intercom chat with Zingtree

    Requirements:

    • Your tree must be embedded on your site.
    • You need to have the Intercom chat client in place on the page that contains your tree.

    How to open an Intercom chat session, and include the Zingtree transcript and data entry:

    1. Go to Overview.
    2. Edit the node you want to trigger the chat, and under the Other tab set the JS Message to Intercom: New: #session#.

       

      2022-04-06_14-49-02.png

      When a customer lands on this node, the chat box is opened and populated.

    3. On the hosting page, include this script before the </body> tag:
      <script src="//zingtree.com/api/chat/intercom.js"></script>

      If your page is not already loading jquery, you'll need to also add this script before the </body> tag:
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>


    It’s that easy!

  • Throughout 2022 Zingtree will be upgrading customers to our new faster and more modern user experience! Here's how to tell which experience your Zingtree Authors are currently using.

    Log in to your Zingtree Author account and navigate to My Trees. How does your current My Trees page look?

    Zingtree Classic

    2022-02-25_12-24-51.png

    New User Experience

    mceclip0.png

Was this article helpful?

0 out of 0 found this helpful

Have more questions? Submit a request