Advanced Help Center Customization Using HTML and CSS
- HTML customization is available only for customers on the Enterprise edition.
- CSS customization is available for customers on both Professional and Enterprise editions.
- Click the Setup icon (
) in the top bar.
- Click Help Center under the Channels menu.
- Select the Help Center in which you want to customize the HTML.
- Click Help Center Customization under the Help Center sub-menu.
The Themes list page is displayed. - Click Customize corresponding to the published theme.
- Select the HTML tab on the Customize page's sidebar.
- Customize the elements for the Header by adding the appropriate code.
Also, you can click Footer to customize its elements. - Click Preview to review your changes.
- Click Publish.
Note:
- 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.
Area | Placeholder Name | Available Themes |
[Header] | Home | All |
My Area | All | |
Community | All | |
Knowledge Base | All | |
Company Logo | All | |
Company Name | All | |
Sign In / Sign Out | All | |
Link Back URL | All | |
Add Ticket | Classic | |
Add Topic | Classic | |
Breadcrumbs | Classic | |
FormShortcut | Materialize | |
User Preference | Elegant and Materialize | |
Search | All | |
SearchHome | All | |
| Welcome Text | Elegant and Classic | |
Welcome Description | Elegant and Classic | |
[Footer] | ||
Help Desk | All | |
Help Desk Link | All | |
Help Desk Terms | All | |
Help Desk Terms Link | All | |
Help Desk Privacy | All | |
Help Desk Privacy Link | All | |
PoweredBy | All |
- On the HTML page, type '$' within the div tags to view a list of the placeholders.
- Click Enter(or Return) to add a placeholder. For example, Company Name.
- Click Preview to review your changes.
- Click Publish.
Note:
- 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.
- Click the Setup icon (
- Click Help Center under the Channels menu.
- Select the Help Center for which you want to customize the HTML.
- Click Help Center Customization under the Help Center sub-menu.
The Themes list page is displayed. - Click Customize corresponding to the published theme.
- Select the CSS tab on the Customize page's sidebar.
- Customize the style sheet elements.
- Click Preview to review your changes.
- Click Publish.
Important:
- 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 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 Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
Still can't find what you're looking for?
Write to us: support@zohoforms.com
|
Quick Links |
Workflow Automation |
Data Collection |
|
|
||
|
Form Templates |
||
|
|
||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Zoho Sheet Resources
Zoho Forms Resources
Zoho Sign Resources
Sign, Paperless!
Zoho TeamInbox Resources
Zoho DataPrep Resources
Design. Discuss. Deliver.
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 ...