Zingtree Tags: zingtree

How to Embed a Decision Tree on Your Website

Interactive decision trees are most helpful and easily available to those who need them when included directly in your website. We made it easy to complete that ideal flow of customer interaction and self-help with options to embed your Zingtree decision trees wherever you may need them.

1. Embed Zingtrees into any web page

– Log in to your Zingtree account and go to My Trees.

– Tap on the decision tree you want to be embedded, then Publish.

Screen Shot 2016-02-15 at 9.44.04 AM

– You’ll see a few options for publishing your tree, including an embed code that you can paste directly into any web page, like this one below.

– Go to Advanced Embed Options to see how your Zingtrees look with different options in real-time, such as buttons vs. panels.

2. Add a pop-up decision tree as a clickable button.

You can also include decision trees on your site with a button, called a pop-up overlay.” You can easily customize the button color, text, and look of the trees, and include multiple trees on one page. Here’s just a few examples:

    
 

3. Use the Zingtree plugin for WordPress

Simply download and install the plugin to your WordPress account to quickly add Zingtrees to your website anytime!

Examples:

To embed a Zingtree into your web page, enter a short code like this with the ID of your tree:

[ zingtree id=”148196706″ ]

To display in “panels” style and add persistent buttons to the bottom of each page:

[ zingtree id=”148196706″ style=”panels” persist_names=”Restart|Submit Ticket” persist_node_ids=”1|5″ ]

To hide the name of the tree, and the back button:

[ zingtree id=”148196706″ hide_title=”yes” hide_back_button=”yes” ]

You can visit our FAQ for more information on embedding and available short code parameters.

Need more help? Just ask our resident experts!

 
This article has been updated to include pop-up overlays.

4 Reasons Why Marketing & Sales Need to Adopt Decision Trees

You’ll often hear us talk about how decision trees can save contact centers and support managers valuable time and expended energy, but did you know that this interactive toolkit can also benefit those in the marketing and sales world? With a simple question-and-answer flow, it becomes much easier for marketers and sales staff to boost their own productivity and efficiency, collect business-driving information and much more.

Here are just a few of the ways that building decision trees can boost your game.

1. Streamline Lead Qualification

Every B2B marketer and sales staff is well-versed in the importance of lead generation and qualification for the continued health of a business – without new interest being cultivated, a company simply cannot grow.

Placing these leads into a robust decision tree based on key classifiers for your ideal customer ensures that the most qualified leads are quickly delivered to the right person, for faster and more accurate follow-up. Including the types of content, communications and promotions to best serve to these potential new consumers, along with the correct flow of distribution for proper sales resources, is a great way to enhance the lead qualification process overall.

2. Build & Optimize Sales Funnels

It’s incredibly important, in any business or industry vertical, to focus on the customer’s complete path to purchase; the sales funnel is, in essence, a decision tree looked at in a slightly altered way. By designing your initial sales funnel (or any other process) in Zingtree prior to consumer use, you’ll quickly be able to spot and measure any inconsistencies or trouble areas through simple user testing. If your business or organization is struggling with their current sales funnel flow, creating and testing decision trees can vastly excel the improvement process.

3. Improve Procedural Standards

Following and improving corporate procedures, including procurement processes (acquiring or purchasing products/services from an external source), are another factor that should not be overlooked. By using decision trees to build internal codifying systems, getting employees to follow corporate procedures, and continually optimizing these processes, any company can effectively boost these procedural standards.

4. Narrow Down Designs

Marketers are always serious when design is involved; after all, how something looks is directly related to how a consumer perceives a product or service offering! Companies that use decision trees as part of a decision-making process can easily generate a Zingtree based on potential design (or copy) options to gather direct feedback on team preferences. Rather than communicating in longer form, a decision tree is ideal for collecting quantitative data to drive faster decisions.


 

Ready to get started? Sign up for a free trial or contact us to see how Zingtree can help improve your sales and marketing efforts.

This article was originally published on May 11, 2016, and has been updated for relevancy.

Sending and Receiving Data from Decision Trees with Webhooks

Our larger corporate clients have asked us for a way to be able to exchange Zingtree data with other applications. Some customers want to send data from a Zingtree session to another application or include data from another application in Zingtree.

Zingtree’s data exchange feature makes use of Webhooks with JSON formatted data. In fact, a lot of the tools we utilize work the same way.

Here’s an Example

To demonstrate how to send and receive data from your decision trees, we will walk through how to build a simple tree that asks for a USA zip code, and then shows the city and state for that zip code inside the tree.

Try this demo tree in the Zingtree Gallery here.

We will send data to a custom webhook we built, which takes a parameter of a zip code. It returns a JSON structure with the city and state info.  Here’s an example of the webhook in use:

http://zingtree.com/apps/webhook/filters/zippopotamus.php?zip=94960

If you click the link above, you’ll see these results:

{"zip":"94960","state":"California","state_abbreviation":"CA","city":"San Anselmo"}

The PHP source code for the webhook URL is here.

The variables #city#, #state# and #state_abbreviation# will now be usable by Zingtree. So to show the city, just enter #city# into the content area of any node.

Webhooks Process

Here’s a summary of how this works:

  1. Add the webhook to your organization’s apps.
  2. Include a call to the webhook in a node. When the node is visited, the call is executed.
  3. Any JSON variables returned by the call become Zingtree variables.

Adding the Webhook:

  1. Go to Account > My Apps.
  2. Click the Webhook button under My Apps.
  3. Enter a name for the webhook, and the URL as shown:The URL is:
     http://zingtree.com/apps/webhook/filters/zippopotamus.php?zip=#zip#

    #zip# will receive the zip code variable entered by the end-user.

  4. Click Add Webhook. This makes the hook available to your trees.

Calling the Webhook when a node is visited:

  1. Go to Overview, and edit the node you want to trigger the webhook call.
  2. Under Send Message To, select Webhook: Zip Lookup.

Universal Parameters

Every call to the webhook URL you provide always includes the following parameters:

  • node_id
  • session_id

Adding Security/Authorization

You can add an extra layer of security to your webhooks by passing an authorization token into the URL that launches your tree. The token is passed back to the webhook URL in the HTTP header.

To send the authorization token MYTOKEN, add this to the URL that launches the tree:

&auth_token=MYTOKEN

To check the token in your webhook, look at the X-Auth-Token value in the HTTP header.

Please note: The auth_token remains the same for the entire tree session.

Credits

The demo uses the free zippopotam.us postal code lookup service.


Any questions? We’re here to help – please reach out at any time via the feedback page or the orange chat window at the bottom right of our homepage.

This article was originally published on April 28, 2016, and has been updated for accuracy. 

The Most Simple Ways to Build an Interactive Decision Tree

Zingtree’s decision tree platform makes it easy to offer your end-users an interactive way to find answers, optimize workflows, and a whole lot more. Below, we’ll walk you through how to make a basic decision tree using our most popular methods of creation in order to help you get a closer, step-by-step look at how it’s all done.

How to Use the Wizard

The Wizard is our most-used creation tool, offering simple prompts to build your tree, question by question (and answer by answer). It’s one of the easiest ways to work through an accurate flow for your customers or users.

1. Log in to your Zingtree account, go to My Trees and select Create New Tree. Choose the option to fill out forms with the Zingtree Wizard.

2. After naming your decision tree, choosing your ideal display style and providing a description, just click the Create Tree button to move on to the next step.

3. Once you start the Wizard, you’ll see an entry screen that will prompt your first question and answer options, along with some main body content to give users context.

You’ll also be able to see a live preview of what the decision tree will look like, off to the right:

When you’re finished setting up your first question, click Save and Continue.

4. You’ll next be asked to fill out an unfinished part of your decision tree. Click to Offer a Solution, and fill out the form presented to you. Since this is a solution node, you won’t need to ask any other questions.

Click Save and Continue again when you’re finished.

5. Next, you’ll continue to fill out more questions and answers to reach the end paths of your decision tree. For a greater selection, try providing more answer choices.

6, Next, you’ll see a page with an overview of the sequence you’re building. In this case, choose to Offer a Solution. This will be the end of one of the paths in your decision tree for your end-user.

7. Continue to complete the rest of the forms that the Wizard prompts. When you’re all done with the interactive building process, the Overview page will appear to show you every node and path in an easy-to-digest way.

Watch our tutorial video for more information about the Zingtree Wizard. 

How to Use the Designer

The Designer tool is another great way to create decision trees in a more visual way. Presented in a whiteboard-style screen, you can easily build out every node, connection, and pathway while being able to see a high-level overview the whole time.

1. Log in to your Zingtree account, go to My Trees and select Create New Tree. Choose the option to visually draw out your decision tree with the Zingtree Designer.

2. Once you start Designer, you’ll see the white board-style screen like the one shown below. Click on the green box for Node #1. This will be your starting node – the very first page your end-users will see.

2. Next, you’ll see an edit window appear on the right-hand side. Change the Title, Question and Content areas to fit your tree needs.

Next, add another question by dragging a New Question node into the drawing area. Click the green box for the new question node, and edit it like the first time.

3. Drag a Final Answer node answer node into the drawing area, and edit it.

After adding your first questions and a Final Answer node, the Designer area will show everything like this:

You can drag as many question and Final Answer nodes into the Designer drawing area as it makes sense for your needs, and label them respectively.

5. After adding the question and answer nodes to your decision tree, it’s time to link them together. Hover over node #1 until you see a large dot appear, then drag it over to its connecting node.

After finishing linking all of your nodes correctly, it’ll look something like this:

6. The next step is to create the buttons your end-users will click, by editing the connecting arrows. Click the connector – in our example, titled “Check the Weather” – and an edit form will appear. Change it to look like the form below:

After you connect the rest of the choices in your tree, and relabel the connecting arrows, your decision tree will look something like this one:

Watch our tutorial video for more information about the Zingtree Designer. 

No matter the route you take to get there, you’ll end up with the same stunning, super-powerful decision tree. Click through our demo trees within the Gallery to check out even more.

How to Import from Spreadsheets

You can also use Google Sheets or Excel to begin building your decision tree in a spreadsheet format, then importing it into your Zingtree account to customize, clean up, and publish. You’ll need to first learn more about the specific rules in place for starting the formation of your decision tree in a spreadsheet. 

Here’s how our example tree used in the tutorials appears in Google Sheets:

Here’s how our example tree used in the tutorials appears in Excel:

Once your decision tree content is looking and feeling well fleshed-out, you can easily import the file from Google Sheets or Excel into Zingtree to refine further before making it live. Here’s how it’s done:

  1. In your spreadsheet, select the entire range of cells for your tree, and copy to the clipboard (Ctrl+C or Cmd+C).
  2. In Zingtree, go to the Import via Copy and Paste tool

  3. Choose Microsoft Excel or Google Sheets as the source, depending on what you used to set up.
  4. Enter a name for your decision tree.
  5. Paste the data copied from step 1 into the data area. (Use Ctrl+V or Cmd+V).
  6. Click Import and Create Tree.

Have any questions about getting started with Zingtree decision trees? We’d love to speak with you anytime!

This article was originally published on September 14, 2016, and has been updated to include new creation methods. 

Showing Context in Decision Trees: History and Breadcrumbs

NL-header-updates3

Update August 2018: You can now include History or Breadcrumbs in embedded trees.

When using a Zingtree, have you ever thought how nice it would be to see some more context of where you are in the tree? Or the steps it took to get to where you are? Come and discover Zingtree’s two contextual publishing options: History and Breadcrumbs.

History allows you to see every step you took while using the tree:

Breadcrumbs show the sequence of node titles that appeared throughout your journey through the tree:

With both options, you can click on a link and travel back to any previous node in your journey. Visit the Zingtree Gallery and see for yourself what your end-users will experience.

How to Add History or Breadcrumbs

The Publishing Links tool makes it easy to add History or Breadcrumbs to your published trees. This works for both Hosted and Embedded trees.

  1. Go to the Publishing Links tool.
  2. Click Advanced Hosting Options underneath Hosted or Embedded.
  3. Select Show History or Show Breadcrumbs from the Path Options:

  4. Use the URL or embed code provided to add the option to your published tree.

Advanced Stuff: Modifying URLs Directly

You can also modify the URL for your published trees to add history or breadcrumbs.

For hosted trees:

  • Add &show_history=1 or &show_breadcrumbs=1 to the URL for the tree.

For embedded trees:

  • Add &embed_history=1 or &embed_breadcrumbs=1 to the iFrame URL.


Enjoy your history and breadcrumbs, and let us know what you think!

This article was originally published on October 23, 2015, and has been updated to reflect recent updates. 

Zapier Decision Tree Integrations with Zingtree

zingtree zapier integration

Our Zapier app makes it easy to send data collected during each Zingtree session to 1000+ applications supported by Zapier. In case you haven’t heard of it, Zapier is a tool that simplifies data exchange between various web applications. We’re big fans.

Here are some cool things you can do with Zingtree and Zapier:

  • Send data collected in a Zingtree session to Salesforce, Zoho, Highrise, or any other CRM.
  • Add an email address entered into a tree into Mailchimp.
  • Send yourself an email or SMS message when a customer reaches a critical node in a tree.
  • Save new customer information in a Google Sheets row.
  • Create Trello cards from trees, and include customer notes and session data.
  • And tons more!

When using Zapier, you create “Zaps.” A Zap has a “trigger,” which is the source of the data, and an “action,” which is where the data gets sent. Most of our customers want to send data from Zingtree to another app, so we’ll demonstrate how this is done here.

Before starting, you may want to examine a demo tree from our Gallery that gathers data and sends it to Zapier, or copy it to your account.

How to Set up Zapier for Zingtree

The Zingtree Zapier app is currently invite-only. But if you’re reading this article, you’re invited!

  1. Create a free Zapier account at Zapier.com.
  2. Go here to accept an invitation to use the Zingtree app. The invitation appears:

    Accept the invite.
  3. You’ll be prompted to make a new Zap:
    Click Make a new Zap.
  4. You’ll be asked to choose a Trigger App, which is the source of the data exchange.
    Search for Zingtree, and select Zingtree (Beta).
  5. You’ll be asked to choose a single trigger.
    Click Save + Continue.
  6. Next, you’ll need to connect your Zingtree account and a tree to Zapier.
    Click Connect a New Account.
  7. You’ll be asked for your Zingtree API Key, which you can find here. Also, enter the Tree ID that will be sending data to Zapier.
    Click Continue when finished.
  8. Change the name of the account, then click Test.

    You should see “success.” Click Save + Continue.
  9. Next, Zapier will attempt to retrieve any variables or sample data from your tree. If this is a new tree, you may want to run through it once and gather some data.
    Click Fetch & Continue.
  10. You’ll see some of the stock data that Zingtree always provides, as well as any custom data for your tree. Again, if you don’t see all the data you expect, do a test run through your tree, and enter some data at least once. This will make the rest of the process easier.
    Click Continue.

Set up the Action App – Email Example

So now you’re done with the Zingtree part. Congratulations! Next, you need to set up an Action App, which will receive data from Zingtree. Let’s set up email delivery as an action, as follows:

  1. Search for email, and choose Email by Zapier as an action app.
    Select Email by Zapier.
  2. This app has just one action.
    Click Save + Continue.
  3. Fill in details for the outbound email. You can insert fields from Zingtree in the body of the email as well.Click Continue when the email is set up correctly.
  4. You’ll see  a preview of what to expect.
    Click Create & Continue to save the action and send a test email.
  5. You should see another “success” screen.
    Click Finish when the email appears as you like.
  6. Name your Zap Zingtree to Email, and turn it on!

Your Zapier Zap is all set.

Making Zingtree Send Data

The final step is to tell Zingtree when to send all the data collected in a session to Zapier. This can be triggered from one or more nodes when they are seen by the end-user of your tree.

  1. From Overview, Edit Node, edit the node that you want to trigger sending data to Zapier.
  2. Click the Apps/Webhooks tab.
  3. Click Add App/Webhook. You’ll see something like this:

  4. Under Call App or Webhook, select Zapier: Zingtree to Email. This is the new Zap you created.
  5. Click Save Changes.
  6. Now try a test from Zingtree. Using Preview or the Publish tool, navigate your tree, and when you reach the node that triggers the send, you should see something in your inbox. IMPORTANT: Make sure to use https in your published Zingtree URL when using Zapier.

Once you get your first Zap done, it becomes easy and addictive to hook Zingtree to the other applications that your business depends upon. So keep going!

Have any questions? Contact us anytime!

The Visual Designer: Drawing Out Your Decision Tree

Everyone prefers their own way of creating, and it can come in many forms. To address this, we built Zingtree with a few different ways to design and construct an interactive decision tree (as well as some great ways to publish them!). For the more visual learner, the Zingtree Visual Designer allows you to draw out your decision tree.

This “whiteboard” style lets users create nodes, along with their connections, and see the nitty gritty details of how the tree functions all on one screen. In terms of ease-of-use and full-scale layout views, Visual Designer really can’t be beaten.

Here’s how to get started with the Visual Designer:

1. Once you log in to your Zingtree account and start Designer, you’ll see a screen that looks like the one shown below, with one node already in place as a green box. This is the very first node your users will see and interact with.

2. Double-click on the Node you’d like to change to open the Content Editor, an edit window will pop up conveniently to dig into. Within the editor (as of June 2018), you can:

  • Edit the title, question and main content segments to your liking
  • Add in any Data Entry fields
  • Paste images without having to upload them
  • Embed videos
  • Adjust text colors and background colors

3. Drag new nodes into the design area – these correspond to the pages in your decision tree. Again, select the green box to edit each node’s Question, Content, etc.

4. Add a Final Answer Node and edit to fit your needs, when you’re ready. These will appear in blue, to differentiate from your green Question Nodes.

5. Continue dragging new nodes into the design area to create these Questions & Answer Nodes, and then connect them using labeled arrows. The connecting arrows represent the button selections from each node.

6. Finish linking all of your nodes using this method, and you’ll end up with a finished product that looks something like this image below. You can click on any node or button/arrow to highlight connections and see more detail.

Please keep in mind that things can get confusing for more complex trees that require more nodes. 

BONUS TIP! Automatically re-arrange the nodes in your decision tree visually with just a single click, so you can more easily see every node and connection without constantly opening each one.

 

For a more in-depth tutorial, watch this video to see how to build the example tree above using Zingtree Designer:

 

To view more ways of building your decision trees, check out our Zingtree Design Tutorials.
 

This article was originally published on Jan 30, 2016, and has been updated for accuracy and new features. 

What Kind of Valentine’s Card Should I Give?

Valentine’s Day is back yet again! Whether you’re searching for last-minute ideas for your significant other, mom and dad, or other VIP’s in your life, the simple and sincere Valentine’s card is a staple of the season that shouldn’t be forgotten.

Rather than going to your neighborhood pharmacy and grabbing a generic option last-minute or sketching up something on your own, our custom decision tree will help you find the perfect Valentine’s Day card online that you can download, print, and customize.

 

 

Want to see more amazing user-generated decision trees? Check out the Zingtree Gallery!

Prepare Your Support Call Center for the Holiday Rush with Zingtree

call center scripts

The most chaotic season of the year is quickly approaching, and it’s more important than ever to prepare your call center staff for the impending holiday craziness. Beyond having helpful, well-trained agents at the ready, it’s smart to adopt technology to handle inquiries and get agents online faster.

Zingtree interactive decision trees and call center scripts are one way to avoid the headache of customer service disarray during the peak periods of November and December. With customers self-solving using customized decision trees and agents being guided with interactive scripts, your support team will have a happy holiday season instead of a hectic one.

Decision Trees for Customer Support

Happy customers lead to happy agent staff, and vice versa. Zingtree is an amazing tool for any customer support team, as it allows you to create custom troubleshooters to take customers, or agents, through the support flow step-by-step.

Organizations that deploy Zingtree troubleshooters have seen a 20% reduction in support costs on average. Customers are gently guided to answers, and, if a problem can’t be solved, your agents receive background information on the problem, saving time and resources. With no programming required, Zingtree decision trees and troubleshooters make it easy to build each step of the process so no important information is left behind.

With design customization and plugins to fit your integration needs, Zingtree can help you ramp up your support this season.

Agent Scripting Solutions

High-tech solutions can also empower your live support agents to be efficient and effective when communicating with customers. Agent Scripting is a robust tool for any company offering chat or phone support.

Scripts are easy to build using Zingtree’s tools, you’ll effectively reduce time and resources spent on holiday support. With powerful tracking and analytics, Zingtree agent scripts help companies collect useful data that can even be used to prepare for the holidays next year – we even have a direct integration with popular customer service platform, Zendesk!

Learn More

Remember – the holidays can be stressful, but with proper preparation for your call centers and support staff, you’ll make the load just a little bit lighter, and the season just a little more jolly!

Visit Zingtree.com to get started free for 30 days, and see how Zingtree will save you time and money.

This article was originally published in November 2015 and has been updated for accuracy. 

Sending Slack Notifications from Decision Trees

slack+zingtree

Slack has become the go-to collaboration platform of choice for so many companies, and people are also using it to track events. We have also recently adopted Slack and wanted a way to send messages to Slack channels whenever something occurred in one of our own Zingtrees.

So, as part of our mission to make Zingtree interoperable with as many popular platforms as possible, we’ve added this capability to our most recent release.

How it Works

When an end-user visits a node in one of your decision trees, you can have that node trigger a custom Slack notification. Once you set up Slack for your organization, any node in any tree can send a message to Slack.

Notifications in Slack look like this:

Slack notification from Zingtree

Setup

First, you need to give your organization access to the Slack app:

  1. Go to Account > My Apps.
  2. Click Slack under Add Apps.Add Slack to Zingtree
  3. Slack will ask you to authorize Zingtree access. Select the Slack channel you want to receive notifications (“post to”), then click Authorize.Authorizing Slack
  4. You will be returned to Zingtree, and Slack will appear in your list of apps.Slack installed in Zingtree

Now you can configure any node in any tree to send a custom Slack notification:

  1. Pick a tree, and go to the Overview tool.
  2. Pick a node, and click the Edit button.
  3. Locate the Send Message To option, and select Slack.Slack messaging added to a Zingtree Node.
  4. Enter a message that will be sent to your Slack channel.  You can also include any form variables (i.e. #name#).

Now, Preview your tree, and visit the node where you just added a Slack message. The custom message will appear in Slack, along with a link to the session transcript:

Slack notification

 


 

Any questions about this, or any of our other integrations? Please contact us anytime.

This article was originally published on April 20, 2016.