Zingtree Tags: adding buttons

Introducing Zingtree “Panels” Style


We don’t live in a bubble. Our team is constantly looking for web sites that spent a lot of money (and time) to custom code something similar to our Zingtree interactive decision tree, and we’ve seen a different style of user interface that we like, and we think you might too. So we adopted it as an option, which we call the Panels style.  It looks like this:

You can choose between the traditional Buttons style, or the new Panels style, when you deploy your tree. You can also try any of our Gallery trees in Panels or Buttons style.

In case you are new here, here’s how the Buttons style looks:

Plus, you can even use your own CSS to redefine the standard colors, fonts and spacing used in the Panels style – just go to the Settings for your tree.  (You can also change the default preview style from this screen as well.)

As we mentioned, this new Panel style is great for long answers. Hopefully you’ll enjoy using it as much as we enjoyed creating it for you. Let us know what you think and how you use this format!

New Feature: Custom Persistent Buttons


Having action buttons on every node is an essential element of creating helpful Zingtrees.  We call these persistent buttons. For example, you could have  “Start Again” and “Search” buttons display with every node.  These buttons can jump directly to any point in your tree.

Here’s an example from our “What to Wear” demo, with buttons for “Start Again”, “Working”, and “Playing”:

It’s easy to make Zingtree include persistent buttons by adding to the URL that Zingtree gives you. Here’s an example of a URL with three persistent buttons for the tree above:

http://zingtree.com/host.php?style=buttons&deploy_name=What+To+Wear+Demo&gallery_id=22&persist_names=Start Again|Working|Playing&persist_node_ids=1|2|3

In this example, we have node #1 going to a “Start Again” node, node #2 going to “Working”, and node #3 going to “playing”. These buttons will appear on every page at the bottom.

The display names of the buttons are in the persist_names parameter, separated by the | character.  The nodes that these buttons go to are in the persist_node_ids parameter, also separated by a |.

You can play with these options more from the Advanced Options pages when you Publish your tree.