Publishing Links

How to embed the current tree into your web site, or have it hosted by Zingtree

Tree: Advanced 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: Insert this code on the page where you want your tree to appear:

<iframe width="100%" frameborder="0" seamless src="">
<script type="text/javascript" src=""></script>
<script type="text/javascript">iFrameResize();</script>

Step #1: Insert this code to show a basic orange pop-up overlay 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;" 
onmouseout="'#EF6D23';" >Advanced Logic Node Demo</button>

Step #2: Insert this code ONCE at the bottom of the page, before the </body> tag:

<script src=""></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 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:

  1. Install the Zingtree Wordpress plug-in.
  2. Use a shortcode like this to embed in your post: [zingtree id="123456789"]. The ID parameter is your Tree ID.
  3. To make your tree pop-up on a button click, try this: [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

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.

Read more about the Zingtree Agent Portal here.

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.

You can launch your decision trees right inside any Chrome browser. This extension easily integrates automatically with ANY application.
Learn more here.

Chrome Extension

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.

Other Publishing Options

Merge Variables

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:



  1. If you have spaces in the values, change the space characters to '+'. In geek speak, you should urlencode the values you pass into the URL.

More information:

Need Help with Publishing?

Use this Zingtree troubleshooter to decide which option works best for you.

Need more help publishing? Ask our experts.