Editing your Help Center theme

Return to top
Have more questions? Submit a request

17 Comments

  • Richard Thomson

    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
    Zendesk Product Manager

    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

    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 S. - Community Manager
    Zendesk Community Team

    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

    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 S. - Community Manager
    Zendesk Community Team

    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

    Hi Team,

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

    Please help me.

    Thanks 

    Nitin Angirish

    0
  • Nitin Angirish

    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

    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
    Zendesk Community Team

    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

    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

    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
    Community Moderator

    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
  • Marco Haber

    Greetings. Is there a way to download (or at least view) a Javascript file that was previously loaded to the assets directory? I can see the file named in the assets directory, but I do not see a way to view the actual code that the file contains. I would be happy to just download the file to my local machine and view the code there, but I do not see a way to do that either. Thanks in advance for any advice you might offer on this matter.

    0
  • Simon Blouner
    Community Moderator

    Hey Marco Haber

    I don't believe there is a direct way of downloading the file.

    An alternative is to quickly show the URL in your header on the header.hbs template file.

    1. Click the file in your Guide Theme manager

    2. Copy the Template shortcode for the file

    3. Add this to the top of your header.hbs

    4. Save and quickly copy-paste the URL for the file when viewing your help center.

    If you really don't wanna allow the opportunity for your end-users to see this link, then do a duplicate of your theme, and do the c/p while previewing that theme.

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

    0
  • Marco Haber

    Thanks for the reply Simon Blouner. I did what you suggested and was able to retrieve the URL and then look at the code.

    Would be great if Zendesk offered a more direct way to simply view or download js files in much the same way that you can view / download image files in the assets directory.

    0
  • Simon Blouner
    Community Moderator

    Hey Marco Haber

    I agree - I'd advise you to create a feature request on this instead of having it here as a comment to an article.

    In your feature request, you should add a thorough description with a use case on why it's relevant for you and others to have this feature. 

    1

Please sign in to leave a comment.

Powered by Zendesk