Publishing Links

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


Tree: What Computing Devices do I Need?
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="https://zingtree.com/deploy/tree.php?gallery_id=83&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 popup 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('83','');" >What Computing Devices do I Need?</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 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 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.

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.

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=83

Note: Any changes to your tree immediately go live. You don't have to get new links or embed code if you modify your tree.

Other Publishing Options

Persistent Buttons

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.

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:

&variables=NAME|PRODUCT&values=Joe+Smith|Zingtree

Tips:

  1. Make sure to separate multiple variables or replacement values with the | character.
  2. 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.