ModeratorWes

@... - thanks for the response and Hector Jimenez - just let me know if you have any follow-up questions but the instructions should be pretty straightforward.

Pierre Lazarus - Glad to hear this not only saved you time but some money as well.  That's what this community is all about sharing ideas and enhancing the system for our end users.  Best of luck to you!!!  

Stuart Buddrige - Sorry but I can no longer assist as I don't have access to Zendesk anymore as my organization moved to a different product that was built for K12.  The best person to ask would be Trapta Singh who is a coding guru.

WOW six years and it still works :-)

Trapta Singh - Thanks for helping out!!

Brett Bowser & Christopher Kennedy - I created this solution 6 years ago when the Help Center was just a baby to fill a need.  Now the Help Center is all grown up so let's get this solution baked into the actual product!!!

Plan Requirement:  Team Plan and up

Zendesk level: Intermediate
Knowledge: HTML & CSS
Time Required: 15 minutes

Live demo

This snippet of code will allow you to have accordions on your Home Page.  Accordions allow your HomePage to be more compact and allows your end users to easily find what they are looking for.  Accordions seem to be widely used across Help Centers and Zendesk themselves use accordions on all of their Help Centers.

I've also included the code for you to have Accordions on your Category Page is you wish to use accordions there as well.

GETTING STARTED

In order to shorten this article, you can find all the code here. (recommend opening this in a new tab)

QUICK SUMMARY

We will be working with the following tabs

• HTML
• CSS

STEP 1

From the HTML tab open "Document Head" page.

Copy and paste the code (from the link above).

STEP 2

From the HTML tab open "Home" page.

Copy and paste the code (from the link above) overwriting the default Copenhagen theme code.

STEP 3

From the CSS Tab

Copy and paste the code (from the link above) at the very bottom or top of the CSS tab.

STEP 4

From the CSS Tab

Edit the colors, padding, etc to change the accordions to blend in with your theme's colors and design.

If you have any questions along the way - please post them below.

ENJOY!

@Boden - Is your Help Center open so that I can see exactly what you are trying to do. 

@Carrie - Thanks for the update and glad to hear you got everything working correctly.  Best of luck.

Hi Carrie - Are you still having issues with the code or were you able to get everything working

@Peter - Can you give me a little more details on what you are trying to accomplish.  You can easily style things using JQuery if needed but I would always try and style with CSS first.

Plan Requirement:  Pro Plan and up (if on lower plan see this version)

Zendesk level: Intermediate
Knowledge: HTML, CSS, JS, API
Time Required: 15 minutes

Have you ever wanted an easy way to notify your end users of System Outages, Important Announcements, or Releases. If so, then the Notification Banner v2 is exaclty what you are looking for. In my previous versions we had to add a word like "Issue" in the title of your article in order for the notification to show. With the new version we are going to leverage the Zendesk API and use Article labels to display our alerts.

In order to shorten this article, you can find all the code and instructions on my GitHub Page.

Screenshot

---

This post has been edited by the Zendesk Community Team to remove a "Live Demo" link that no longer works.