Best Help Center designs & customisations - add your favs!

Pinned

63 Comments

  • Jennifer Rowe
    Comment actions Permalink

    Tom, this is great. Thanks for putting it together! We'd love to see yours when it's ready. Be sure to report back! And if you share a customization tip, we'll send you some swag. :) 

    0
  • Ching Merano-Santos
    Comment actions Permalink

    Thanks for sharing these.

    We're also trying to work on our help center. :)

    0
  • Andrea Saez
    Comment actions Permalink

    I'm ok with being the "rest" and making it to this topic. Weee!!! 

    0
  • Tom
    Comment actions Permalink

    Thanks @Ching, care to share how you're getting on?

    Shot out to @Wes Drury for his responsive theme (try resizing your browser window).... https://moderatorwes.zendesk.com - Built with Bootstrap

    Mine's not very exciting tbh... http://help.homebargains.co.uk

    0
  • Wes Drury
    Comment actions Permalink

    Thanks for the Shout Out Tom!  I'm hoping to incorporate some of our customization into a responsive theme for everyone one day!

    0
  • Wes Drury
    Comment actions Permalink

    I just updated the my test code with our Alert System that only shows when we have system alerts - Let me know what you think.

    0
  • Ching Merano-Santos
    Comment actions Permalink

    Thanks, @Tom. We actually just launched our help centre yesterday. We used the humble squid template and customized it. :)

    Let me know what you think?  http://www.opensignhelp.com/hc/en-us

    We're currently working on getting more content in so this should improve some more in the next couple of days.

    @Wes Drury's help centre is so responsive it's good! *thumbs up* Thanks for sharing it.

    0
  • Jennifer Rowe
    Comment actions Permalink

    @Tom and @Ching--both look amazing. Well done!

    And I agree--Wes's responsive design is very cool!

    0
  • Wes Drury
    Comment actions Permalink

    @Everyone - During the holiday break I've been working on a Responsive Theme that I plan on releasing.  I would say its about 90 percent complete at this time so please take a look and let me know what you think.  I know there are a few things that I still got to get worked out and I plan on adding more cool stuff to it.  Its got dynamic accordions, CSS modifications, JS modifications, and more.

    I already have the next theme lined up which will be where a small business can run their entire website from Zendesk. 

      https://moderatorwes.zendesk.com

     

     

    0
  • Laura Desmond-Black
    Comment actions Permalink

    Wes it looks awesome! I've already shown several people here :) Great stuff! Thanks for sharing!

    0
  • Wes Drury
    Comment actions Permalink

    @Laura - Thanks for the comment and for now this theme won't have a community since I'm unable to customize that page.  Can you find out if the Community, Login, and Submit Ticket page will be available soon to edit via the Theme Editor.  I hate to release this theme without customizing those pages.  I also have a couple of small things that I may need someone to look at as I can't figure out what's going on between the Bootstap and code that Zendesk is injecting in.  Overall I think its going to be a great theme once I'm done. 

    0
  • Wes Drury
    Comment actions Permalink

    @Ching - Love your accordions they look very good !!

    0
  • Laura Desmond-Black
    Comment actions Permalink

    Hi Wes, 

    I can see that  the Community pages are on the roadmap but there's no ETA for them yet - there are some things ahead of them. I'm not sure about the Login and Submit Ticket page, I know the Product team is aware of the need to have those pages blend with others - it could just be I'm not able to see those plans. I'll see if there's any more information and give you a better update. 

    If you have any questions about the customizations, send in a ticket and CC me (I think you have my email) I'll do my best to find some help :)

     

    0
  • Marc Fairorth
    Comment actions Permalink

    Great list!

     

    Does anyone here know anything about the BetterCloud site? Specifically, they have a very cool article viewer that has a "table of contents" widget on the site and smooth scrolling into the article when you click the TOC. Does anyone have an idea how this type of article viewer is implemented.

     

    Thanks!

    Marc

    0
  • Wes Drury
    Comment actions Permalink

    I'm not sure how BetterCloud did this but you may be able to do it via the Bootstrap Framework.  I have lots of tips on how to integrate the Bootstrap Framework into your Help Center.  Take a look at Scrollspy as they have it installed on their site.  http://getbootstrap.com/javascript/#scrollspy

    Once I get through working on my new theme I'll see if I can get it implemented on my site.

    0
  • Louise
    Comment actions Permalink

    Hi,

    We've gone an altogether different route. Let me know what you think: https://hjelpesenter.finn.no/hc/no (sorry, it's all in Norwegian). The Help Center site is designed to "fit" with our main site www.finn.no which is a classifieds site for the Norwegian market.

    Louise

    0
  • Wes Drury
    Comment actions Permalink

    @Louise - Looks good to me and it fits very nicely with your main site.  The best part is that it's responsive so great job as I was able to bring it up on my mobile device.

    0
  • Jennifer Rowe
    Comment actions Permalink

    I agree--well done, Louise!

    0
  • Francis Dupont
    Comment actions Permalink

    Hi,

    Recently discovered that Fairphone was using Zendesk.  I like the idea of showing top questions in the header, to see the faces of the support team and to know when they are available.

    https://fairphone.zendesk.com/hc/en-us

    0
  • Kasra Amirsarvari
    Comment actions Permalink

    Hi,

    I would like to hear what you guy's 'n girls think about: https://helpdesk.mijndomein.nl/hc/nl
    It's in Dutch maybe multilingual in the future.

    0
  • Wes Drury
    Comment actions Permalink

    @Kasra - Design looks good and I liked the tabs.  The only thing different that I would do - is to make the site responsive.  Other than that looks good.  If your interested I have a couple of tutorials on making the Help Center Responsive in the Community Tips section.  Thanks for posting as I'm sure it will inspire others.

    0
  • Kasra Amirsarvari
    Comment actions Permalink

    @Wes, thans :)
    Will work on the responsiveness, I can promise you it will be ground breaking. Almost native app like.

    0
  • Comment actions Permalink

    Hi,

    If you are interested, we are currently working on responsive Zendesk Help Center themes

    Here are some of our customized themes for Guide

     

    0
  • Aleš
    Comment actions Permalink

    http://support.thenewtoy.cz - using  Zentastic

    0
  • Wes Drury
    Comment actions Permalink

    @Ales - Thanks for using my theme and you Help Center looks great.  I will be starting on a new theme soon so as always keep your eyes on my GitHub account.  I also have alot of code on my Gist site.  Links below:

    GitHub - https://github.com/moderatorwes

    Gist - https://gist.github.com/moderatorwes

     

    0
  • Aleš
    Comment actions Permalink

    @Wes - Coffee sent. :-) Many thanks.

    1
  • Trine Bretteville
    Comment actions Permalink

    My favourite of the lot is http://support.fundrazr.com

    Does anyone have any tips on how to achieve this? I have managed to upload a background image, but these guys have moved text, made the whole category box clickable and have got a little description which I really like. Thanks for any help!

    0
  • Trine Bretteville
    Comment actions Permalink

    Hi there! I just LOVE the site http://support.fundrazr.com

     

    Can anyone tell me how to achieve this? I figured out how to add background images thanks to an awesome post in here, but these guys have moved the text down, added a little description and made everything clickable.

    Would love any tips on how to get this look! :)

    0
  • Wes Drury
    Comment actions Permalink

    @Trine - You can achieve any look with a little custom CSS, HTML, and JS.  It looks like fundrazr is using some custom javascript for their descriptions however you could do it with all HTML.  I have a free theme I developed here where I'm adding custom boxes and could put anything inside of the boxes using HTML.  Maybe my code here could get you started or you could copy and paste all the code then do some editing to match your own color scheme.

    https://support.zendesk.com/hc/communities/public/posts/203459756-Help-Center-Custom-Theme-2?locale=en-us

    I'll be glad to help you create a custom theme if you run into any issues.

    0
  • Trine Bretteville
    Comment actions Permalink

    @Wes - taking you up on your offer! Cheers :)

    -1

Please sign in to leave a comment.

Powered by Zendesk