How to embed the current tree into your web site, or have it hosted by Zingtree
Tree: Simple Logic Node Demo
Gallery Demo
Select one of the options below to get links or embed code for this tree so others can use it.
Easy setup: Give this secret URL to anyone who needs to use it:
https://zingtree.com/host.php?style=buttons&deploy_name=Simple+Logic+Node+Demo&gallery_id=101&persist_names=Restart&persist_node_ids=1
For many more options, go here:
Go to Advanced Hosting OptionsEasy setup: Insert this code on the page where you want your tree to appear:
<iframe width="100%" frameborder="0" seamless src="https://zingtree.com/deploy/tree.php?gallery_id=101&style=buttons&persist_names=Restart&persist_node_ids=1 "> </iframe> <script type="text/javascript" src="https://zingtree.com/js/iframeResizerSmart.js"></script> <script type="text/javascript">iFrameResize();</script>
For many more options, go here:
Go to Advanced Embed Options
Step #1: Insert this code to show a basic blue pop-up overlay button:
<button style="border-radius: 6px; border-style: none; font-family: Arial; color: #ffffff; font-size: 20px; background: #EF6D23; padding: 10px 20px 10px 20px; text-decoration: none;" onclick="show_gallery_popup('101','');" >Simple Logic Node Demo</button>
Step #2: Insert this code ONCE at the bottom of the page, before the </body> tag:
<script src="https://zingtree.com/deploy/popup-modal.js"></script>
Note: You can have several buttons on a page, each one opening a different tree.
For many more options, go here:
Go to Advanced Overlay OptionsTo embed a tree inside of a Wordpress post or page, take advantage of our Wordpress plug-in and shortcodes. Here's what you need to do:
[zingtree id="123456789"]
. The ID parameter is your Tree ID.[zingtree id="123456789" display="popup" button_text="View Decision Tree"]
.Full documentation on the Zingtree Wordpress plug-in is here.
For contact centers or internal use, your trees can be accessed via the Agent Portal. Each agent gets their own account login and password, and accesses trees from the Agent Portal hosted on zingtree.com.
To set up accounts for all your agents, go to Account, My Agents. You will need to enter the agent's name, a unique login (like an email), and a password. You can do this in bulk via a text file, or one at a time.
Once your agents are set up, they log into the Agent Portal from the common Zingtree login page. After signing in, your agents will will see a list of your organization's scripts, and can choose any one to begin.
If you're looking to make Zingtrees available inside of Zendesk (for call centers or live support), read about the Zingtree Zendesk Agent Scripting App.
If you need just a URL to place inside an iFrame, or if you're using Zendesk and the iFrame app, use this URL:
https://zingtree.com/deploy/tree.php?gallery_id=101
For the Zingtree hosted and iFrame option, you can add "persistent" buttons that appear on every page, along with the back button.
Here's an example of parameters to add to your URL to create two persistent buttons:
&persist_names=Submit+a+Ticket|Restart&persist_node_ids=42|1
In this example, we have node #42 going to a "Submit a Ticket" node, and node #1 restarting the tree by going to the root node. These buttons will appear on every page at the bottom. You can see another example in the tree at the bottom of this page, for the Restart button.
Zingtree has a feature similar to mail merge. Just add placeholders like #NAME#, #PRODUCT# (or anything you like) to any part of your node's text, and have those placeholders replaced from values passed into the URL.
For example, to replace #NAME# and #PRODUCT# with "Joe Smith" and "Zingtree" in Zingtree hosted, or iFrame/Javascript embed methods, add this to any of the URLs:
&zv_NAME=Joe+Smith&zv_PRODUCT=Zingtree
Tips:
More information:
There may be times when you want to share a URL that links directly inside your tree.
To start a tree from anything other than the root node, just add start_node= and a node number to the embed or hosted URLs. So to start from node #99, add this:
&start_node=99
Use this Zingtree troubleshooter to decide which option works best for you.