How to embed the current tree into your web site, or have it hosted by Zingtree
Tree: Tree Tag 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:
Easy setup: Insert this code on the page where you want your tree to appear:
Step #1: Insert this code to show a basic orange 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('77','');" onmouseover="this.style.backgroundColor='#b4521a';" onmouseout="this.style.backgroundColor='#EF6D23';" >Tree Tag Demo</button>
Step #2: Insert this code ONCE at the bottom of the page, before the </body> tag:
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 Options
To 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"].
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:
Please Note: Any changes to your tree take effect immediately. You don't have to get new links or embed code if you modify your tree.
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.
Use this Zingtree troubleshooter to decide which option works best for you.