Live Chat Integration: Intercom and Zingtree

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 end point 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  set the Parent Action to Intercom: New: #session#.When a customer lands on this node, this Parent Action is triggered.
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.