Help Center Customization - Zoho Desk Knowledgebase

Advanced Help Center Customization Using HTML and CSS

You can customize the appearance of the Help Center using the basic color themes. However, it has its limitations, as it doesn't allow you to rebuild the header and the footer completely as you like it to be. Here comes the advanced customization using HTML and CSS (cascading style sheets) for your rescue. Web-savvy Zoho Desk administrators can directly work on the Help Center's HTML and customize the site's CSS as per your requirements. Your Help Center can even look like an extension of your company's website.

With support for custom HTML, you can add or delete the tabs from the header section. You can also apply style definitions to the elements of your HTML, using  CSS code. For example, you can write style sheets to set background and text colors; move tabs to a different location; customize borders; set the font sizes and customize the placement of elements, etc.

Permission Required
Users with the Support Channels administrative permission can access this feature.
Check Feature Availability and Limits

  • HTML customization is available only for customers on the Enterprise edition.
  • CSS customization is available for customers on both Professional and Enterprise editions.

Customizing HTML Script
Customize the header and footer elements of the Help Center using HTML script. You can customize logo, provide Sign In; Sign Up; and Sign Out links, add your Company Name and so on.
To customize the HTML:
  1. Click the Setup icon (  ) in the top bar.
  2. Click Help Center under the Channels menu.
  3. Select the Help Center in which you want to customize the HTML.
  4. Click Help Center Customization under the Help Center sub-menu.
    Themes list page is displayed.
  5. Click Customize corresponding to the published theme.

  6. Select the HTML tab on the Customize page's sidebar.
  7. Customize the elements for the Header by adding the appropriate code.
    Also, you can click
    Footer to customize its elements.
  8. Click Preview to review your changes.
  9. Click Publish.

  • The HTML section will contain the code for the default elements in the header and footer.
  • You can click Reset to default to restore the HTML content to the previously published state.
  • Tab customization is not available when you have customized the HTML.

Using Default HTML Placeholders
Zoho Desk provides you with a couple of default HTML placeholders that can be used to customize the Help Center. Here is the list of the placeholders available for the header and the footer areas:

Placeholder Name
Available Themes

My Area


Knowledge Base

Company Logo

Company Name

Sign In / Sign Out

Link Back URL

Add Ticket

Add Topic



User Preference
Elegant and Materialize



Welcome Text
Elegant and Classic

Welcome Description
Elegant and Classic


Help Desk

Help Desk Link

Help Desk Terms

Help Desk Terms Link

Help Desk Privacy

Help Desk Privacy Link


To add a placeholder:
  1. On the HTML page, type '$' within the div tags to view a list of the placeholders.
  2. Click Enter(or Return) to add a placeholder. For example, Company Name.

  3. Click Preview to review your changes.
  4. Click Publish.

  • HTML customizations are not supported in the Flat theme.
  • Most of the placeholders are provided with hyperlinks. So, you are not required to give the 'href' attributes.
  • The community placeholder will be displayed only when you have enabled Community for your Zoho Desk.

Customizing CSS Code
You can use the CSS editor to customize the appearance of your Help Center. It works by allowing you to add your CSS styles, which overrides the default styles.

To customize the CSS:
  1. Click the Setup icon (  ) in the top bar.
  2. Click Help Center under the Channels menu.
  3. Select the Help Center for which you want to customize the HTML.
  4. Click Help Center Customization under the Help Center sub-menu.
    Themes list page is displayed.
  5. Click Customize corresponding to the published theme.
  6. Select the CSS tab on the Customize page's sidebar.

  7. Customize the style sheet elements.
  8. Click Preview to review your changes.
  9. Click Publish.
The custom CSS will be applied to all the pages on your Help Center. 

Another way of customizing CSS is to import them from an external resource. You can click the Import CSS icon (  ) to upload a CSS file into Zoho Desk. Please ensure that you upload a CSS file in .txt or .css format and not exceeding 1 MB in size.

  1. Use the existing id attributes for targeting your new CSS rules to the correct element. This is essential to retain the HTML structure and elements.

    Zoho CRM Training Programs

    Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.

    Zoho CRM Training
      Redefine the way you work
      with Zoho Workplace

        Zoho DataPrep Personalized Demo

        If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.

        Zoho CRM Training

          Create, share, and deliver

          beautiful slides from anywhere.

          Get Started Now

            Zoho Sign now offers specialized one-on-one training for both administrators and developers.

            BOOK A SESSION

                                    You are currently viewing the help pages of Qntrl’s earlier version. Click here to view our latest version—Qntrl 3.0's help articles.

                                        Manage your brands on social media

                                          Zoho Desk Resources

                                          • Desk Community Learning Series

                                          • Digest

                                          • Functions

                                          • Meetups

                                          • Kbase

                                          • Resources

                                          • Glossary

                                          • Desk Marketplace

                                          • MVP Corner

                                          • Word of the Day

                                            Zoho Marketing Automation

                                              Zoho Sheet Resources


                                                  Zoho Forms Resources

                                                    Secure your business
                                                    communication with Zoho Mail

                                                    Mail on the move with
                                                    Zoho Mail mobile application

                                                      Stay on top of your schedule
                                                      at all times

                                                      Carry your calendar with you
                                                      Anytime, anywhere

                                                            Zoho Sign Resources

                                                              Sign, Paperless!

                                                              Sign and send business documents on the go!

                                                              Get Started Now

                                                                      Zoho TeamInbox Resources

                                                                              Zoho DataPrep Resources

                                                                                Zoho DataPrep Demo

                                                                                Get a personalized demo or POC

                                                                                REGISTER NOW

                                                                                  Design. Discuss. Deliver.

                                                                                  Create visually engaging stories with Zoho Show.

                                                                                  Get Started Now

                                                                                                      • Related Articles

                                                                                                      • Modifying CSS to Customize your Help Center

                                                                                                        Many times you'll want to customize specific elements like an article details page, add ticket form, topic lists, or anything else visible on the help center theme. You might also want to edit it globally (on the entire help center) or only for ...
                                                                                                      • FAQs: Help Center Customization

                                                                                                        How can I customize the help center according to my business preference? Help center is an online resource where you can host a wide variety of resources, such as FAQs, troubleshooting guide, help documents, videos, and eBooks to let customers find ...
                                                                                                      • FAQs: Help Center

                                                                                                        What is help center in Desk? Help Center is a customer portal that allows users to learn about the product and understand its processes by accessing knowledge base articles. It provides a platform for self-help and learning, where users can find ...
                                                                                                      • Customizing Help Center Home Page

                                                                                                        Customize the way your Help Center content is organized using the simple drag-drop method in Zoho Desk. You can add custom widgets, show or hide tabs and customize their appearance to keep your customers engaged with the right content at the right ...
                                                                                                      • Managing Help Center Users

                                                                                                        Help Center users are users who prefer to find solutions by reading through your knowledge base articles or community posts. When they are unable to find answers they can get it resolved from your agents by submitting a ticket. Users can also ...
                                                                                                        Wherever you are is as good as
                                                                                                        your workplace



                                                                                                          Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.


                                                                                                          Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.


                                                                                                          Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.

                                                                                                          CRM Tips

                                                                                                          Make the most of Zoho CRM with these useful tips.

                                                                                                            Zoho Show Resources