Recent searches


No recent searches

Tips and Notes Boxes



Posted Aug 09, 2021

Feature Request Summary: 

Zendesk Guide should have standard formatting option for yellow notes and blue tips boxes in its articles. 

Description/Use Cases: 

You've used yellow note and blue tip boxes all over your own Zendesk Guide Help site

Given you find yourself using this a lot - wouldn't it make sense to have these features built into the Guide article as a standard formatting feature, in the same way the code box is? I've seen alternatives out there but they don't look as clean and effective and it seems like an easy way to improve your product for the end user.


14

16

16 comments

I agree with this feedback. This feature would drive consistency across articles so that a "Note," "Info," or "Warning" box would be the same throughout. Currently, the only way to accomplish this is through the HTML editor, which is prohibitive for many users.

Here's an example of a Zendesk article that uses these types of boxes: https://support.zendesk.com/hc/en-us/articles/360022182294. 

2


image avatar

Katarzyna Karpinska

Zendesk Product Manager

Hi Rachel Scriven,

in 2022 we are planning to upgrade our content editing experience and invest a lot in our WYSIWIG editor. Adding preformatted call-outs for notes or info boxes is definitely on our minds. 

If you wish to follow the roadmap for Knowledge Management please check out this post.

2


+1 to Rachel! I would love to see this feature in 2022 :) Hopefully, without using the HTML editor and just click icons to update the tip box color in yellow or blue.

1


Hi Rachel Scriven Katarzyna Karpinska

This feature would be great, this has really become a standard in help center articles, is it still planned for 2022 ?

Thanks,

Lucas

0


image avatar

Katarzyna Karpinska

Zendesk Product Manager

Hi Lucas Poignant,

We are working on many changes to the foundation of our editor experience this year. Some are already visible (e.g. in the content blocks editor) and some are not yet available to our customers but are necessary to add new features in the future easily. We expect to start seeing new functionalities (like e.g. predefined callout styles) from next year onwards.

0


This feature would be fantastic to have. For now, you can take the CSS styling from this website and insert it into your stylesheet. Then modify color, border, margins, etc. as needed. 

Insert this into your style.css file:

.article-body div.note.tip {
    background-color: #def1f4;
    padding: 10px;
    margin-left: 0px;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-color: #BECFD1;
}

.article-body div.note.important {
    background-color: #FFE6CC;
    padding: 10px;
    margin-left: 0px;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-color: #D1BDA7;
}

.article-body div.note {
    background-color: #fbf2d0;
    padding: 10px;
    margin-left: 0px;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-color: #D1CAAD;
    border-left-width: 5px;
    border-left-style: solid;
    color: #06363C;
}

.article-body div.note.warning {
    background-color: #FFDED9;
    padding: 10px;
    margin-left: 0px;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-color: #D1B6B2;
}

In your articles, use the following to insert each type of callout as needed into the source code:

<div class="note tip"></div>

<div class="note important></div>

<div class="note"></div>

<div class="note warning"></div>

Just know that the note callout box won't show up in your Zendesk article draft. It'll only show on the end user pages when you preview or publish the article. 

2


Katarzyna Karpinska is this still planned? I see your comment about improvements to article editor in 2022, but this feature is still not possible. When is it expected? 

0


image avatar

Katarzyna Karpinska

Zendesk Product Manager

Eli Valentin

We continue to work on our editors upgrade and the callouts are definitely still on our longterm plan but I can't confirm when they are expected yet. 

-3


It's been about 2 years since this first comment. I can't believe ZenDesk still hasn't added the ability to add note boxes to your WYSYWIG! At least give me a markdown editor. This is basic documentation functionality people. Confluence can do it, Readme can do it, Workramp can do it, Rise can do it, Zoho can do it. Get with the program Zendesk... super frustrating as you can tell. 

5


Hello, do we have any updates on this functionality, please?

1


It's crazy they had it as an improvements for 2022 according to the message from 2021, but now 2023 is ending, and we still do not have basic features like this one. Frustrating is an understatement. 

1


Hello Katarzyna Karpinska , Any update on this feature please ?

 

0


image avatar

Katarzyna Karpinska

Zendesk Product Manager

Hi All,

Just wanted to share a quick update about our editor's upgrade. This year, we dedicated our resources primarily to delivering the Media Gallery in the article editor. And I'm happy to let you know that we're now switching to working on WYSIWYG tools, which definitely includes callouts in the long run. Although the schedule for this feature is still a bit unclear, we're steadily working towards the goal of having a modern and dynamic editing experience. Your patience and support mean a lot to us as we navigate this journey together.

 
 
 

1


+1 on needing this feature. 

I thought Content Blocks might have solved for this, but alas, it definitely did not. 

0


Absolutely +1 on needing this feature!

0


This is such a basic feature… please implement this! It's been 4+ years!

0


Please sign in to leave a comment.

Didn't find what you're looking for?

New post