Live chat is an incredibly useful way to connect to our customers, both for offering support and for getting insights into new product ideas we may never have thought of ourselves. We are happily using Intercom, which allows us to track chat and email conversations with each customer.

For technical inquiries, we use Zingtree Data Entry forms to get the tree ID, node and URL of any problem reports. To save our customers some typing, and make it faster for us to answer questions, we’ve built our own Contact page using Zingtree. For technical and sales inquiries, the decision tree leads to an endpoint that opens Intercom chat, with information about the problem already pre-populated.

Once you submit a technical question, here’s what appears in Intercom:

Demos:

• Zingtree’s Contact Us page
• Basic Zingtree + Intercom chat demo

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

    

   

   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>

It’s that easy!

Source Code:

From the Zingtree Gallery, you can see two examples:

• Examine the Zingtree Contact Us tree.
• Examine the basic Intercom Demo tree.
  
  

Live chat is an incredibly useful way to connect to our customers, both for offering support and for getting insights into new product ideas we may never have thought of ourselves. We are happily using Intercom, which allows us to track chat and email conversations with each customer.

For technical inquiries, we use Zingtree Data Entry forms to get the tree ID, node and URL of any problem reports. To save our customers some typing, and make it faster for us to answer questions, we’ve built our own Contact page using Zingtree. For technical and sales inquiries, the decision tree leads to an endpoint that opens Intercom chat, with information about the problem already pre-populated.

Once you submit a technical question, here’s what appears in Intercom:

Demos:

• Zingtree’s Contact Us page
• Basic Zingtree + Intercom chat demo

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. Under More, set the JS Message to Intercom: New: #session#.
   

    

   

   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>

It’s that easy!

Source Code:

From the Zingtree Gallery, you can see two examples:

• Examine the Zingtree Contact Us tree.
• Examine the basic Intercom Demo tree.

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

New User Experience