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:
- 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:
- Go to Overview.
- Edit the node you want to trigger the chat, and set the JS Message to Intercom: New: #session#.
When a customer lands on this node, the chat box is opened and populated.
- On the hosting page, include this script before the </body> tag:
It’s that easy!
From the Zingtree Gallery, you can see two examples:
Zingtree has powerful built-in analytics. In this series, we’re taking a closer look at some of these in-depth reports and how they help you learn even more about how customers use your trees.
Traffic Map Reports
The Traffic Map report shows a visual overview of the amount of traffic to each node in your particular decision tree. Set in the Zingtree Designer view, you can quickly access a complete view of the content in your decision tree nodes, as well as a breakdown of the traffic to each, shown in both number of clicks and percentage of total traffic.
To access the this report, go to Overview > Reports and select Traffic Map from the dropdown menu. You can specify an exact date range to pull the results from before clicking “Show Report.”
Because your report generates automatically in the Zingtree Designer, you can easily see how much traffic your tree nodes received at-a-glance — the thicker, heavier lines indicate more traffic, while the thinner lines show the least visited nodes.
Select “Buttons” to show or hide button labels from your view, depending on your preference.
If you’re looking at a more complex tree, get a closer or further view with the Zoom In / Zoom Out buttons.
And use the scroll bar to pan up / down or left / right as needed, which is also particularly helpful for larger decision trees.
Learn more about our powerful reports and analytics:
Reach out to us any time with questions!
Google Analytics is an industry-leading web analytics tool that gives you greater insight as to how users are interacting with just about any online or mobile property. Zingtree can use Google Analytics to allow you to get even more robust and powerful tracking data.
As part of this series, we will guide you through some of the Google Analytics basics, as well as information about how you can integrate Zingtree into your reporting process in a strategic way.
To integrate Zingtree with Google Analytics, you’ll need just two things: a Zingtree account and an existing Google Analytics account. If your organization doesn’t currently use Google Analytics, you can create a brand new account for free. Please follow these easy instructions to integrate your trees with Google Analytics:
Pro Tip! If you’d like to track your trees separate from your main website or support portal data, please set up a new Google Analytics property and use that to integrate with Zingtree.
Key Metrics: Data to Track
Google Analytics offers a lot of features and functionality, some of which may not be relevant to your organization. However, there are several key metrics that are applicable to many using Zingtree.
See how users are interacting with your trees, including the total number of sessions (or visits) and time spent on each tree, by going to Audiences > Overview.
See what devices are utilizing your trees by heading over to Audiences > Mobile > Overview.
Use the Behavior > Overview report to see when your trees are most commonly visited. This will give you insight into the most common days that your decision trees are in use, and may help you bulk up your staff on days with consistently higher activity.
See your most popular tree nodes and more by visiting Behavior > Site Content > All Pages. For the most user-friendly view, we recommend switching the Primary Dimension from “Page” to “Page Title.”
Want more information about Google Analytics? Check out some of these resources:
Have any questions? Please reach out to us at any time.
One of the most requested features for Zingtree interactive decision trees is to have the ability to collect key customer information from users while they are navigating your tree. So, we made it happen!
With Zingtree’s data entry feature, you can do things like…
- Add form fields to your trees (text, list boxes, check boxes, radio buttons, dates and numbers).
- Include form data dynamically in other parts of the tree (i.e. you can ask for a name in the first node, and have that name appear in other parts of the tree).
- Export form data into any other system, including Help Desk or CRM applications.
For example, your decision trees can gather data like this:
Try the Form Fields and Data Entry Demo tree from the gallery. This will ask you for some information, echo it in other parts of the tree, and finally inject it into a standard HTML form.
How to Include Data Entry Fields in your Tree
Here’s how to add a Data Entry field to a node:
- Edit a question node from Overview or Designer.
- Click Add next to Data Entry Fields.
- A new Data Entry field dialog appears. Select the type of data you want to collect, and enter a variable name and a label which the end-user will see.
- Select Required to make this field require an entry before proceeding.
- For radio buttons and list boxes, you can enter the option choices as well. If you are using scoring nodes, you can enter a score variable, and a score to assign to each choice.
- Click Add Field when finished.
Inserting Form Field Data into Other Parts of the Tree
Once the end-user adds data to a form field and then clicks a button, this data can appear anywhere in the tree’s content, question or title areas. The trick is to use the variable name, surrounded by # characters. For example, after adding a text input field named name, insert text like this into a node to show the value of name:
Hello #name#! Welcome back.
The #name# part will be replaced with whatever was entered previously into the name field.
Injecting Zingtree Form Data into Other Systems
Once your form fields are set up and your tree is running, the entered data can be injected into any other form. Here’s how to do it:
- Make sure the variable names in your Zingtree form match the variable names on the form you want to inject data into.
- When opening the URL for the destination form, make sure to include &session_id=#session# in the link URL.
- In the destination form, include this piece of code:
<script id="zingtree_field_id" value="session_data" src="//zingtree.com/api/zingtree.js">
When the destination form is opened, it will include the data from the Zingtree session in the fields that match.
The Form Fields and Data Entry gallery tree shows a full example. Click all the way through, and you’ll see an HTML page with Zingtree forms data present.
- The form fields button in the editor is not available in Designer. You’ll need to use Overview, Edit Node to access it.
- Tech note: If you’re hand-coding the HTML for your forms, each form element must have a class of zt-data to be recognized and saved.
Any questions? Reach out to us at any time.
Zingtree has powerful built-in analytics capabilities. In this series, we’re taking a closer look at some of these in-depth reports and how they help you learn even more about how customers are using your trees.
Session List Reports
This Zingtree report allows you to quickly and easily see every session for any given decision tree in your organization. Broken down in an easy-to-absorb list, you can navigate to each specific end-user session to learn more about how people use your tree, as well as get an overview of the amount of time users spent.
To access the Session List report, go to Overview > Reports and select Session List from the dropdown menu. You can specify an exact date range to pull the results from before clicking “Show Report.”
Once the report has generated, you can filter by Source/Agent to be shown sessions specific to an agent or other source. The Session List will give you a complete overview of every session within your filtered view, showing duration, clicks, results, and score when applicable.
The icons in your Results column will show you the exact end-result of each session: Customer was given a solution, Inconclusive, or Customer was unable to solve the problem.
Clicking on a specific Session # in the far left column will allow you to see complete click-by-click details for every node visited, as well as all data collected from that session.
Learn more about our powerful reports and analytics:
Reach out to us any time with questions!
Making sure you are seeing the full context is best for complete understanding. Our interactive decision trees come with advanced hosting/publishing capabilities that allow your customers and end-users to easily see, and then understand, where they are in the process.
History: See Every Step
Our History feature allows your customers to view every step taken while using your decision tree. With this publishing option, users can easily click on a link and go back to any previous node visited.
When implemented, it will display the path history information like this:
Breadcrumbs: Your Tree’s Flow
Our Breadcrumbs feature shows the exact progression of nodes that appeared during your customer’s journey through your tree. With this publishing option, users can also click on any link and automatically jump back to another point in their decision tree journey.
When implemented, it will display the sequence information like this:
Setting Up History & Breadcrumbs
1. Login to your Zingtree account, go to My Trees and head to the decision tree you want to publish with history and/or breadcrumbs shown.
2. Click to open Publish.
3. Select the tabbed “Have Zingtree host your Tree” option, then click on the Advanced Hosting Options button shown below.
4. Select Show History and/or Show Breadcrumbs, depending on the information you’d like to display.
That’s it! Your customers and end-users will now see their decision tree history and breadcrumbs, and be able to easily identify where they are (and where they’ve been) in your tree.
Any questions? Please reach out anytime!
Please Note: History is available only for Zingtree-hosted trees and the Agent Portal. Breadcrumbs are for Zingtree-hosted trees only.
Our customer Mike P. is a graphic designer, and he suggested we add some special effects to our trees. We thought this would be cool, and with a little research and a few days of coding, we’re happy to announce two new transition effects: Fade and Slide. You can also set a speed for each effect.
Here’s what the Fade effect looks like:
And here’s the Slide effect:
Here’s how to add these effects to your trees:
- Go to the Publish tool, and choose Advanced Options for either Zingtree Hosted or Embedded.
- Choose an effect and a speed from the menu:
- Try it!
Got any other ideas for special effects? Let us know!
P.S. Thanks Mike!