Editing your Help Center theme

Have more questions? Submit a request

15 Comments

  • Sebastian Jensen
    Comment actions Permalink

    Hi

    I am currently setting up the helpcenter and i have customized it. 

    However, when clicking the Customize symbol now, I just get a blank page showing this in the subject bar:

    xxxxx.zendesk.com/theming.

     

    Can you help me?

    Best regards

    Sebastian

    0
  • Jon Daniels
    Comment actions Permalink

    Hey Sebastian!

    I'm reaching out to you directly so we can troubleshoot this with you in detail.

    0
  • Richard Thomson
    Comment actions Permalink

    Hi

    I too am trying to customize my design (which I used to be able to do fairly easily). I followed these new instructions to the part where I clicked on the Options menu and I have a bunch of choices, but none of them are Edit. I fear this has something to do with "Guide Professional or Enterprise" but I also can't see how to confirm my status, or figure out why it would have changed since I last made changes to this page. 

    Any pointers much appreciated

    Cheers

    Richard Thomson

    0
  • Gorka Cardona-Lauridsen
    Comment actions Permalink

    Hi Richard

    There has been made a GUI change to the code editor button that we have not had updated on the documentation here.

    If you are on Guide Professional, Legacy or Enterprise you can click the theme thumbnail and you should see the "Edit code" button bellow the theme name as here:

    0
  • Richard Thomson
    Comment actions Permalink

    Sorry, I tried replying through the email I received. I guess that doesn't work. When I click on edit I get this:

    image.png

    No sign of my code, or anyway to get to it?

    0
  • Nicole - Community Manager
    Comment actions Permalink

    Hey Richard, 

    The image you shared is broken, so we can't see what you're referring to. Could you try uploading again? 

    0
  • Richard Thomson
    Comment actions Permalink

    Hi Nicole, 

    Thank you for reaching out. Somehow in the Zendesk labyrinth this thread got split into two. In the other thread Ray Roth from Support managed to help me with my problem and I'm good to go. It turned out that I was supposed to know that the html file I was looking for was now listed as one of the *.hbs assets. 

    I'm also baffled that the image is broken. I can see it perfectly well, as apparently could Ray, (unless he guessed at the solution to my problem without needing the clue :-) 

    Best regards

    Richard

    0
  • Nicole - Community Manager
    Comment actions Permalink

    Hey Richard -

    Thanks for letting us know. It looks like you both created a ticket and a post here in the Help Center. At any rate, glad you got everything working!

    0
  • Nitin Angirish
    Comment actions Permalink

    Hi Team,

    I need access to edit the HTML code for the form template.

    Please help me.

    Thanks 

    Nitin Angirish

    0
  • Nitin Angirish
    Comment actions Permalink

    Hi Team,

     

    Pasting the screenshot of the form for your reference.

    I want to put a hyperlink in the form for the user and want it to open in new window for that i need to update the HTML code for doing that, please provide access to edit the code to do it.

     

     

    Thanks & Regards

    Nitin Angirish

    0
  • Nitin Angirish
    Comment actions Permalink

    I will be putting the hyperlink inside the message of Channel field in the above screenshot.

    When the user clicks on the link, it opens in the current window, whereas we want the link to open in new window.

    Thanks

    Nitin Angirish

    0
  • Brett - Community Manager
    Comment actions Permalink

    Hi Nitin,

    If you'd like to edit the Help Center theme you'll need to be on Guide Professional to do so. More information on the available Guide plans here: Guide Pricing

    If you're on Guide Lite I'm afraid you won't be able to edit your Guide template without updating your current plan.

    Let me know if you have additional questions for me!

    0
  • Jamie Bridge
    Comment actions Permalink

    Greetings everyone,

         Can anyone provide me with (or point me toward) step-by-step instructions that show people who can pick up technical explanations easily how to go about exporting --> editing --> importing Zendesk Guide themes using a popular visual WYSIWYG web editor?

         Yes, I did indeed read the article on here that shows how to export and import, but I'd like to see how this is done with a product--any product--that is visual, straightforward to use, and plays nicely with Zendesk themes. The assumption in the other Zendesk Help article that I read is that people are already using and familiar with their own editors; however, for people like me that are not in that scenario, it leaves us sort of at a dead end: especially where a budget to pay a developer/designer to update the template every time a change is required is not an option.

         Before making this post, I would just like to note that I've done my due diligence and I simply cannot find an article or a video anywhere online where someone takes the reader or viewer by the hand and walks them through all of the steps of export / edit / import using a good visual web editor.

         I think that this is something that many people would appreciate seeing.

         Can anyone assist me?

    Kind regards,

    Jamie

    0
  • Ryan Frye
    Comment actions Permalink

    Hi, 

    I'm trying to make a couple simple updates to our Help Center theme. 

    1. Change Submit a Request to Submit a Ticket.

    2. Add in three section boxes, similar to the categories for articles, but they will be the box with a header, an icon, and a link underneath. 

    I created a duplicate of the Copenhagen theme, exported it and opened the header.hbs file. Within that file I'm seeing the <nav> tag for the "user-nav" class with the links that refer to the 'submit-a-request' class and link, but I'm not finding where that class is or where to edit the user-nav class to edit the link name. Any help would be greatly appreciated. 

    Best regards,

    Ryan Frye

    0
  • Simon Blouner
    Comment actions Permalink

    Hey Ryan,

    1. There's actually already a great article on exactly this matter. You can find it here

    2. If you know HTML and CSS, you should be able to do this by editing the categories.hbs template.

    You can e.g. do it by checking for the Section id by using the handlebars framework which is what the Guide Templates utilizes to portray data in the template.

    It could be something along the lines of:

    {{#is id '123456'}}

    Show specific icon in html, header, etc.

    {{/is}}

     

    #helpsome regards,
    Simon Blouner
    Zendesk Consultant @ helphouse.io

    0

Please sign in to leave a comment.

Powered by Zendesk