WordPress Plug-In

  • Updated

Zingtree has a WordPress plug-in, which you can download and install into WordPress to make it easy to include Zingtrees. 

Get the Plug-In

 

Usage Examples:

To embed a Zingtree into your web page, enter a short code like this with the ID of your tree:

[zingtree id="148196706"]


To make an orange button labeled "Popup Tree" , which displays your tree as a pop-up overlay on your page, do this:

 

[zingtree display="popup" id="148196706" button_text="Popup Tree" button_color="#EF6D23"]

To display in "panels" style and add persistent buttons to the bottom of each page:

[zingtree id="148196706" style="panels" persist_names="Restart|Submit Ticket" persist_node_ids="1|5"]


To hide the name of the tree and the back button, and show a real-time history of clicks::

[zingtree id="148196706" hide_title="yes" hide_back_button="yes" show_history="yes"]

 

Reference:

The Zingtree short codes have these parameters available:

  • id: The Tree ID which you want to embed.
  • display: Set to "embed" or "popup". Embed embeds the tree into your page. Popup makes a button that when clicked opens the tree as a pop-over on your page. Default is embed (optional).  
  • style: The style used to display the tree. Can be "buttons" or "panels". Buttons is the default if not specified. (optional)
  • persist_names: Names of persistent buttons on each page (optional)
  • persist_node_ids: The Node numbers of persistent buttons on each page (optional).
  • hide_title: Set this to "yes" if you don't want to show the name of the tree (optional).
  • hide_back_button: Set this to "yes" if you don't want to show the Back button (optional).
  • show_history: Set this to "yes" to include a real-time history display (optional).
  • show_breadcrumbs: Set this to "yes" to include a contextual "breadcrumbs" display (optional).
  • transition: Set a special effect for moving from node to node. Can be "fade" or "slide" (optional).
  • disable_scroll: Disables the automatic scrolling that occurs when embedding trees into web pages. Defaults to "yes" (optional).
  • other_parameters: Add other Publishing URL parameters to the code that launches your tree. See the Zingtree FAQ for details. (optional).

 

For pop-up display mode:

  • button_color: This is the color of the pop-up button in hex. (I.e. "#FF0000"). Defaults to blue. (optional)
  • button_text_color: Sets the color of the button text in hex. Defaults to white. (optional)
  • button_text: Sets the text that appears in the button. (recommended)

 

Was this article helpful?

0 out of 0 found this helpful

Have more questions? Submit a request