Tag Archives: wordpress

Embeddable Decision Trees for WordPress

There’s no getting around it – we love WordPress! As a powerful piece of software that enables people around the world to spread and share ideas, build amazing websites and more, we understand the need to be as integrative with this ever-popular tool.

Zingtree’s robust toolkit allows WordPress users to directly embed interactive decision trees into any web page needed, making it easy for customers and end-users to navigate through any process on your site in a simple question-and-answer flow.

Many of our amazing customers are already taking advantage of this plugin, by hosting powerful, customized decision trees directly on their respective websites! See if you could survive in the wild with this interactive journey built by Live Out There, then check out a robust and helpful troubleshooter decision tree from Screen Time.

Here’s how to get started with your own WordPress-hosted decision tree:

1. Download the plugin and install it into WordPress.

2. Use your Zingtree decision tree’s specific short code (which will appear like this) in your post:

[ zingtree id=”851580502″ ]

Hint: To locate your short code, login to Zingtree and go to My Trees. The ID number to the left of the decision tree title is your code.

Installation Video

Some more examples: 

To customize with a persistent button that will immediately take the user to whichever node you’d like while displayed in “panels” style, enter a short code like this:

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

To hide the name of the decision tree, as well as the “back” button, enter a short code like this:

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

Get the WordPress Plugin!

Don’t want to embed into WordPress? Zingtree can host your decision trees for you! Learn more here or contact us today.

This article was originally published May 2015.

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

3. See which option works best for you!

Try this embedded Zingtree below…

Need more help? Just ask our resident experts!

WordPress Decision Tree Plug-in Update

updates-blog2

Version 2.1 of the Zingtree WordPress plug-in is now available! This version uses the latest Zingtree rendering engine, and also supports two new parameters:

hide_title: Hides the name of the tree.

hide_back_button: Removes the Back button from the embedded tree.

Here’s an example:

[zingtree id="773607093" style="panels" hide_title="yes" hide_back_button="yes"]

Download the latest plug-in here.

 

Here’s an actual embedded tree, using the Zingtree plug-in and the new shortcode parameters.

 

 

Zingtree WordPress Plug-in

updates-blog

Everyone loves WordPress! The top free blogging service out there, even our own Zingtree Blog is powered by the publishing powerhouse, which is why we made sure that your Zingtrees can become a seamless part of your site through WordPress. That’s right, you can now easily embed your decision trees onto a WordPress page for perfect customer-facing interaction and expert question-and-answer flow.

The short code looks like this:
[zingtree id="164166011"]

Or you can customize with a button that will immediately take the user to whichever node you’d like. Here’s an example of a persistent button we titled “restart” on every page that goes to the top of the tree at node #1:
[zingtree id="164166011" persist_names="Restart" persist_node_ids="1"]

Here’s another example of the Pet Rock demo embedded in this page, with a persistent Submit Ticket and Search buttons:

Log into Zingtree, select your tree, and go to the Share page for more info. Or download the Zingtree WordPress plug-in from here.

 

Update June 11, 2015:

You can now choose Panels style, like this:

[zingtree id="164166011" style="panels"]

Update August 2, 2016:

Watch this video to see how the plug-in works: