Zingtree Tags: customization

Custom Themes with CSS: A Look At Duda’s Decision Trees

Duda is a is a self-service software suite built for creating optimized, responsive and personalized websites for businesses. As a company with a large focus on customer communication, support and self-service solutions, they take advantage of interactive troubleshooter decision trees with a custom theme to help site visitors help themselves.

Created with powerful custom CSS for decision trees, Duda was able to create a completely unique and personal experience through Zingtree with a theme that fits seamlessly with their brand. Complex in its code, the experts at Duda built a truly incredible customized decision tree for their customers that we’re in awe of!

You can view the live tree here, and see some previews below.

The tree’s Welcome Page has a clean, beautiful design that showcases each major section of knowledge base information. 

 

Learn more about personalizing decision trees with Zingtree Custom CSS, and see some great tree examples on the Zingtree GalleryAny questions? Let’s talk!

4 Unexpected Ways to Personalize Decision Trees

Anyone with a Zingtree account can make a decision tree (trust us, we designed it to be simple!), but it takes a certain level of commitment to your trees and your organizational needs to take things just a little bit further.

Customization is one of our strong points; we understand the importance of creating an extension of your brand within the decision trees you build. For that reason, we made it as easy as possible to personalize troubleshooters, FAQ’s, scripts and more in a few fun, helpful ways.

1. Images

Visuals can often go over-looked when it comes to more technical use-cases. In fact, around 65% of people are “visual learners” — appeal to the majority! Including how-to’s and other types of images into your decision trees can help your users understand what you’re trying to convey as well as beautify the whole process.

2. GIFs

Images that can actually move are incredibly useful for describing specific steps, pointing out where one needs to click to on your website, and even injecting a bit of personality into decision trees. Inserting GIFs in your trees can help customers understand and absorb much more easily than a general, text-heavy explanation.

3. Icons

Small, yet mighty tools of design, icons are just another way to customize your decision trees’ look and feel. Zingtree taps into the amazing power of FontAwesome, so you can add the icons you want just by inserting the proper HTML. For example, to add a little car icon to a button, just insert this code into the button text:

<i class=”fa fa-car”></i>

4. Custom CSS

For everything else and then some, upload your own custom CSS file to our platform, or download our simple CSS file. You can use Zingtree styling to modify every element to your liking —  tweak everything from colors and icons (mentioned above), to logos and fonts.

Looking for more great ways to build your decision trees? View our blog for inspiration, ideas and more.

Employee Training Simulations using Decision Trees

Because Zingtree is such a powerful interactive tool, it is a prime resource for creating and implementing training programs, simulations, guides, evaluations and more. You can take advantage of the Zingtree platform to create a program based on an existing decision tree, design your own from scratch, or take the process step-by-step; the choice is yours!

Training Your Employees

As with all training programs, yours should be relevant to your company or the position, easily digestible, and appropriate to the person using the simulation. Providing these kinds of tools for different types of positions, situations and learners is important if what is being taught will be incorporated into common workplace practices.

How to copy a basic training program:

1. Sign in to your account and go to the Zingtree Gallery.

2. Go to Training and find the Training Simulation template, then click to Play the tree. From here, you’ll be able to Copy or Examine more closely.

Screen Shot 2015-11-17 at 12.14.33 PM

3. Rename your training program to fit your needs, add a description, and Copy when ready.

4. Modify the decision tree content to generate your own customized training simulation!

Using the Wizard

To create an advanced training program from scratch, try using the Zingtree Wizard tool. With the Wizard, you’ll be able to fill out simple forms to generate your customized decision tree as it guides you through the creation process. You provide the questions and answers that your employees will see in the program, and the Wizard goes through each scenario asking for more information.

Using the Designer

For those who enjoy getting down to a fine point with design, try drawing your training program visually with the Zingtree Designer. With the Designer, you can drag new nodes into the drawing area, and connect them with labeled arrows. Each nodes correspond to a page in your tree, and the arrows represent the button choices from each node.

 

 

 

Performing Employee Evaluations

 

Once training is completed and your employee has settled into his or her rhythm, it’s important to keep up with evaluations to test their knowledge and progress.

For decision trees created with employee evaluations in mind, we’ve coupled Zingtree’s robust logic with a scoring system that can allow you add a value to each answer, and later act upon the total weighted score. Explore our Evaluation examples to preview existing creations, and copy any of the projects to make into your own.

Hungry for more examples and inspiration? Head to the Zingtree Gallery for all the decision trees you can copy and use to fit your needs.