Customization
Customizing the look of your Decision Trees. Match your brand, custom CSS and more.
-
CSS Snippets to Change Colors, Font Sizes and More
Here are some simple recipes to alter the look of your workflows. These all involve using the Setting...
-
Buttons Styles: Horizontal & Vertical
When creating workflows, you have two distinct rendering options for the choices you give end-users: ...
-
Persistent Buttons: How to Add or Hide
You can add buttons that appear on every page of your workflow We call these Persistent Buttons. Thes...
-
Custom Buttons: Colors and Icons
Zingtree makes it easy to create custom-colored buttons, that can also use stock icons. OverviewCusto...
-
Arranging Buttons
For workflows with long button text, here is a trick to make them appear nicely:1. Switch to Vertical...
-
How to Reorder buttons
There may be times when you want to reorder your Answer buttons. This can be done very easily by drag...
-
Importing Workflows from a Previously Exported Zingtree JSON File
You can import a previously exported Zingtree JSON file to create a new workflow. Here's how: Begin b...
-
Enabling or Disabling the Back and Restart Buttons
By default, when you deploy a workflow, it includes "Back" and "Restart" buttons. You can enable or ...
-
How to Hide Titles or Show Workflow Titles
When publishing a workflow, you may want to hide the workflow title. This is easy to do.Go to the Set...
-
How to remove the "Powered by Zingtree" Referral icon
When embedding a workflow on your website, Zingtree by default includes a referral icon linking back ...
-
Add Hover Text to Buttons
If you want to add extra detail to your workflow navigation, Zingtree has an option to include "hover...
-
Scrolling Options for Embedded Workflows
When you're embedding a tree into another web page, each button click can scroll the workflow in diff...
-
Session Notes Option
Your end-users of the workflow can have the ability to take notes continually throughout the session....
-
How to make Image Buttons
You can insert images in the content area of your nodes, and be able to click on them to have them be...
-
How to Create an Image Map that Opens a Node
An image map turns specific areas of an image into a link. In this case, we make that link go to anot...
-
Reordering Nodes
You can change the order of your nodes. Select the node you want to move and drag it up and down usin...
-
Customizing Workflows with Themes and Custom CSS
OverviewZingtree lets you customize in these ways: Pick from several stock Themes provided by Zingtre...
-
How to Make Buttons Appear Above the Content Area
Here's a simple setting to make the button area appear above the content area: Select your workflow, ...
-
Transition Effects
Here's what the Fade effect looks like:And here's the Slide effect:Here's how to add these effects to...