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
Ryan Boyer
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
Katarzyna Karpinska
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
Miki Kanomata
+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
Lucas Poignant
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
Katarzyna Karpinska
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
Christina hernandez
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
Eli Valentin
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
Katarzyna Karpinska
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
Aaron Rosenthal
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
Martin
Hello, do we have any updates on this functionality, please?
1
Eli Valentin
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
Lucas Poignant
Hello Katarzyna Karpinska , Any update on this feature please ?
0
Katarzyna Karpinska
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
Meagan Jenkins
+1 on needing this feature.
I thought Content Blocks might have solved for this, but alas, it definitely did not.
0
Meira Osishkin
Absolutely +1 on needing this feature!
0
Morgan Daigneault
This is such a basic feature… please implement this! It's been 4+ years!
0