Zingtree Tags: interactive knowledge base

4 Customizations to Make Self-Service Support More User-Friendly

When developing a customer-facing decision tree, an important piece is to add some personality, brand identity, and industry-relevant knowledge to allow end-users a more user-friendly customer support experience.

Implementing a personalized or branded color scheme, along with icons that relate to your company, will keep an easy-to-follow and digest structure throughout your support process. An interactive decision tree is the easiest way to help a user with visuals, where they can follow the trees effortlessly while being able to really learn from the guided instructions.

We’ve detailed each customizable element – and examples of how to use them correctly – to make your end-users even happier about their customer service experience!

1. CSS & Personal Style Customizations

Colors and icon choices communicate in subtle ways and can reinforce your brand and mission. Here are some ways to manage these:

Custom colors

We made it easier to adapt your decision tree to your personality or brand when customizing so your tree can fit your desired color, custom CSS files being the main one. Once you have created your ideal profile, you can simply add it to your decision tree product finder which will help reveal your true brand identity.

Animated themes

We had feedback from our users suggesting that it would be more user-friendly if we included a feature of animated themes, including colors but remaining easy-to-use. Our design team and engineers set out to create this recommendation with the main goal of making tree color customizations easy.

See the endless possibilities in this quick, fun video:

Color buttons and icons

Here’s the feature that will allow you to build your own personalized color buttons, icon imagery or even to include emojis within your page titles and buttons. To customize the style of your buttons, all you need to do is prefix the button text with special classes. For example, for your color buttons, choose:

  • .btn-blue
  • .btn-yellow
  • .btn-sky
  • .btn-purple
  • .btn-pink

To add an icon that helps guide your customer but also helps reveal your brand personality, add one or more of these classes:

  • .btn-yes
  • .btn-careful
  • .btn-arrow
  • .btn-thumbs-up
  • .btn-question

2. Visual Features for Creative Support

Video content is shaping user satisfaction across the internet. And with many uses and forms, this is something that more people are demanding, which is why video is the best way to improve your user experience. GIFs are also actively being incorporated into decision trees making the user experience more rewarding. A short clip of a difficult instruction, being repeated several times after 3 seconds or so makes the process of self-service a lot easier to follow.

When including still imagery, diagrams or other graphics into your customization, you are allowing the customer to be at the same pace when working towards a solution. Having reminders follow your tree also makes the service more user-friendly.

There are two main features when using visual aids with a decision tree, one is the effectiveness and the second is interactiveness. It’s so easily done, you can add it to any node you want.

3. Easy Data Collection and Presentation

The use of document nodes can be used for specific types of customized documentation that prove highly beneficial to the self-service aspect of support. Documentation can include building legal agreements, generating purchase orders or even a lead to a returns label that the user has personally generated. 

4. Messaging & Translations for Understanding

When publishing across multiple languages, creating a decision tree that works interactively for these can become complicated. With the translation customization, you can reach a larger user base who need the language localized. With localization management software, along with other custom support features, your users will find your platform much easier to follow. You can follow our instructions here on how to translate your decision trees.

It all starts with a good base of messaging, however. When communicating throughout your decision tree, you should write well and use industry language that is helpful and informative. For nodes with poorly descriptive language, it creates confusion and incomplete results. Here are some of the basics of writing effective nodes that will help you write informative questions that lead to a better, more personal experience. 

Make questions concise by focusing on one subject at a time and structuring to an easily absorbed manner.

What not to do:

If our system of tutorials and articles hasn’t been helpful, do you think you would consider switching service providers?

What to do:

Would you consider another provider if you were not able to self-solve using our knowledge base?

Use the right language so that every user can navigate through your tree knowing the subject and words being used. 

What not to do:

What kind of issue or problem is happening with your account? 

What to do:

How can we help? Please select a category.

Focus on an active voice so you can communicate areas appropriately that identify awareness of the issue within that action. 

What not to do:

Our recommended guidelines and instructions for solving your issue should be followed as written below.

What to do:

Follow our recommended guidelines below to solve your issue!

When navigating through the creation of your decision tree, have the customer at the forefront of your mind, and keep questioning the end user experience. If you need any other assistance, reach out to us so we can assist you with the best self-service solutions.

7 Tips for an Effective, Interactive Knowledge Base

Interactive Knowledge Base

These days, there are quite a few solutions for improving customer service and support in completely digital ways. Customer-friendly knowledge bases are one tried-and-true way to present every bit of important information, tutorials, and how-to’s in a completely categorized display. Your typical, traditional website knowledge base can’t compare to the power and effectiveness of a fully interactive knowledge base, however.

Armed with guided instructions that are compacted into smaller, more digestible pieces, interactive knowledge bases allow customers to quickly troubleshoot, find answers, and solve complex issues, all without calling your business up on the phone. Zingtree enables organizations and businesses of all sizes to create and integrate a customized, easy-to-use, interactive knowledge base into their support system, so every customer gets the answers they need. In fact, we host our own Zingtree FAQ on the Zingtree platform itself!

Here are just a few of our best tips for building the best interactive knowledge base you can.

1. Nail down your categories and main topics first.

Start with an outline of the topics you want to cover, as well as the categories of topics that they belong to. Having this thoroughly laid out before you set in will help you visualize your completed knowledge base, as well as make sure that you’re not missing any key topics, tutorials, or FAQs.

Here’s an example of how we have our own interactive knowledge base set up:

2. Always add a search bar.

The key to having a fully automated, interactive knowledge base is to make it as easy as possible for customers to direct themselves to the correct article or tutorial. Adding a search bar to the top of your knowledge base will prompt any unsure customers to see if they can quickly pull up the answers or information they need. It’s a simple tip, but one that your customers will absolutely appreciate!

3. Start with your favorite tool.

It’s important to work with the decision tree-building tool that works best for you, personally. We offer up a few different ways to get started:

  • Overview: Build your trees from scratch, piece by piece (or rather, node by node).
  • Visual Designer: Draw out every node, connection, and final result in one visual space.
  • Wizard: Quickly create by answering a series of questions and answers that ultimately build the final tree.
  • Spreadsheets: Start creating in Excel or Google Sheets and import for refinement.

4. Word everything carefully and concisely.

Beyond the general advice to keep wording (especially complex wording) to a minimum, it’s important to carefully craft each question, how-to, or other information to be perfectly clear, and never use phrasing that could steer customers down the wrong path. Keeping the decision tree questions and information presented in your interactive knowledge base as simple as possible and structuring them in an easy-to-absorb way is the best way to help customers get the help they need.

5. Use videos and animated GIFs strategically.

Visuals are proven to aid in information retention, plus they are fun to look at and are easy for customers to save to their respective desktops for future use! An interactive knowledge base built with decision trees allow for businesses to embed documentation and/or visual media to help convey information better. Using photos, graphics, and GIFs, and adding relevant videos to your questions is a hugely productive way to communicate instructions within limited space.

Here’s an example GIF that clearly shows how to connect nodes in our Visual Designer:

6. Link to more in-depth information where it’s needed.

There’s a lot to be said about going with a more streamlined, bite-sized approach to your support articles – something that our decision trees help a lot of businesses with. When in doubt, it’s always better to keep things short and to the point while linking out to further information or details when needed. Our decision trees allow you to use what we call “link nodes” to easily open up into a new window.

7. Integrate with CRM systems and other platforms.

One of our best tips for building a great interactive knowledge base is to make sure that it’s all linked up to CRM. Zingtree decision trees integrate directly with Freshdesk, Salesforce, Zendesk, and just about every other CRM out there to make the sharing of information fast and easy. With these integrations in place, support staff will have a much better look at where customers are getting held up, and can quickly send a full decision tree transcript over to their CRM for fast access.


Head over to the Zingtree FAQ to see how we set up our own interactive knowledge base with decision trees, or check out the Gallery to get inspiration for your trees!

Anything else? We’re always here to help you get started, offer advice, and answer any questions.