Get your Free Callout Blocks

Compatible with the Copenhagen theme only

Callouts emphasize important information and make it stand out to your help center users. You can use colors and frames to separate instructions, links, CTA, or other important parts of your articles.


Installation instructions

  1. Unzip the downloaded file.
  2. In Guide, click the Customize design icon in the sidebar.
  3. Click Customize on the theme you want to edit.
  4. Click Edit code.
  5. Click style.css at the bottom of the page to modify the CSS. The file opens in the code editor.
  6. Copy and paste the content from the callout.css file.
  7. Click the Save button.

Adding a callout block to the source code of your article:

  1. In an article, click the Source Code button at the end of the editor's toolbar.
  2. In the location you want to place your note, enter the following code:
    <div class="l-callout">These are the words that will go in your note!</div>
  3. Click Ok to save the source code.
  4. The callout is added in the entered location.
How to build a help center capable of reducing tickets?
Read the white paper
We use cookies to provide you with a better service and for promotional purposes. By continuing to use this site you consent to our use of cookies as described in our Privacy & Cookie Policy .
Thank you!

We’ll get back to you within 24 hours.

In the meantime, you may look at the examples of Zendesk help centers we customized.

Bonus: We’ve emailed you “Zendesk Help Center Best Practices from CX Leaders”

Get a Personalized Solution for Your Help Center

Answer 7 questions and get an exact quote. It will take 2-3 minutes, and you'll get a custom help center solution that solves your business problems.

Bonus: Get a compilation of Help Center Best Practices from CX Leaders

What is your Help Center URL, if you have one?

Where can we find your website? *

Add a link to your mockup if you have it.

What problems do you want to solve with the help center?

The better you describe your current situation, the more personalized solution we’ll offer you.

What is important to you in this help center project?

Please describe what is important to you to make a decision (except the price).

Which of our themes would suit your brand best?

Choose as many themes as you like. You may skip the question if you aren’t sure.

What is your budget range for this project?

The higher the budget is, the more customized your help center can be. Lower budgets allow you to get more standard changes.

Enter your corporate email to get your personalized solution and quote

Email *
Name Phone number (optional)
Please submit recaptcha