Zendesk Tip: Adding A Decision Tree to Zendesk Guide Pages

  • Updated
  • In the Zendesk Help Center, you can add Zingtree decision trees to individual articles, or to the main page of the Help Center that your end-users see. This page has directions for both cases.

    Add a Troubleshooter to an Article in Help Center

    Adding a decision tree to an article is as simple as pasting the embed code from the Publishing Links tool. But first, you have to configure your Help Center to "accept unsafe content". This means that by default, the Help Center article editor won't let you include any Javascript code in the article. This is necessary for the Zingtree trees to appear.

    To enable scripts in the Zendesk Help Center editor:

    1. Go to the Guide Admin, and click the Settings tool



    2. Enable "Unsafe" content to allow scripts:



    3. Now edit your article, and use the Source Code tool to paste in the embed code for your tree. You can locate the embed code for your tree from the tree's Tools > Publishing Links. Copy that code and paste it into the Source Code of the article like this:

     

    Add a Troubleshooter to the Main Help Center Page

    Some customers want to incorporate a troubleshooter with their Zendesk Help Center. (See an example here.)

    Here's how to do it:

    1. Copy your Zingtree iFrame embed code to the clipboard.

    2. Sign in to your help center.

    3. Select Customize Design from the menu at the bottom of the page.



    4. Select Edit Theme.



    5. In the Theme Editor, select the page that you'd like your troubleshooter to appear. In this example, we've selected the Help Center Home Page. Locate the area of the page that you'd like the troubleshooter to appear and paste in the embed code that you copied to the clipboard in step 1.




    6. Click the Preview button to verify that its placement looks good to you.

    7. Click Publish Changes.
  • In the Zendesk Help Center, you can add Zingtee decision trees to individual articles, or to the main page of the Help Center that your end-users see. This page has directions for both cases.

    Adding A Decision Tree to Zendesk Guide Pages

    Adding a decision tree to an article is as simple as pasting the embed code from the Publishing Links tool. But first, you have to configure your Help Center to "accept unsafe content". This means that by default, the Help Center article editor won't let you include any Javascript code in the article. This is necessary for the Zingtree trees to appear.

    To enable scripts in the Zendesk Help Center editor:

    1. Go to the Guide Admin, and click the Settings tool



    2. Enable "Unsafe" content to allow scripts:



    3. Now edit your article, and use the Source Code tool to paste in the embed code for your tree. You can locate the embed code for your tree from the tree's Tools > Publishing Links. Copy that code and paste it into the Source Code of the article like this:

     

    Add a Troubleshooter to the Main Help Center Page

    Some customers want to incorporate a troubleshooter with their Zendesk Help Center. (See an example here.)

    Here's how to do it:

    1. Copy your Zingtree iFrame embed code to the clipboard.

    2. Sign in to your help center.

    3. Select Customize Design from the menu at the bottom of the page.



    4. Select Edit Theme.



    5. In the Theme Editor, select the page that you'd like your troubleshooter to appear. In this example, we've selected the Help Center Home Page. Locate the area of the page that you'd like the troubleshooter to appear and paste in the embed code that you copied to the clipboard in step 1.




    6. Click the Preview button to verify that its placement looks good to you.

    7. Click Publish Changes.
  • Throughout 2022 Zingtree will be upgrading customers to our new faster and more modern user experience! Here's how to tell which experience your Zingtree Authors are currently using.

    Log in to your Zingtree Author account and navigate to My Trees. How does your current My Trees page look?

    Zingtree Classic

    2022-02-25_12-24-51.png

    New User Experience

    mceclip0.png

Was this article helpful?

0 out of 0 found this helpful

Have more questions? Submit a request