---
title: "Adding Note, Tip, and Warning Callouts"
description: "Wanna make your HelpDocs look super awesome? Try out some of our styles. 🦄✨"
url: "https://support.helpdocs.io/article/MMkAEnvYJX-adding-callouts"
category: "Classic Editor"
updated_at: "2026-08-06T15:06:41Z"
---

# Adding Note, Tip, and Warning Callouts

Wanna make your HelpDocs look super awesome? Try out some of our styles.

This is an article about the Classic text editor. We recommend using our Blocks editor. Learn more about how to upgrade yours [here](/article/5vru9sph6l-upgrading-to-the-blocks-editor) ✨

If you need to add snippets of code, that's super simple too with our automatic code syntax highlighting. [Check out our HelpDoc on that here](https://support.helpdocs.io/article/cawCwa96DN-using-syntax-highlighting).

### Inserting Note, Tip, and Warning Callouts

![](https://files.helpdocs.io/Ytt2uahFxY/articles/MMkAEnvYJX/1611740017912/create-callout.gif)

1. In the article editor press the **Callout** button in the article toolbar
2. From the inline dropdown, select either **Tip**, **Note**, or **Warning**
3. Hit **Save Changes**

### Inserting a Callout Within an Ordered List

![](https://files.helpdocs.io/Ytt2uahFxY/articles/MMkAEnvYJX/1611740352290/create-callout-inside-ol.gif)

1. At the end of the ordered list line press **Shift** + **Enter**
2. Insert your callouts as normal
3. Press enter twice to trigger the next number