Expanding images in Zendesk help center articles

47 Comments

  • Benjamin Goff
    Comment actions Permalink

    Hi Andrew,

    Thanks for submitting your forum question. Unfortunately, there isn't a setting through the UI to enable that same ticket image functionality in your Help Center. However, with a little bit of code modification and work on your Help Center, you can add that functionality. We have a great article in our community forum that outlines the steps to adding that to your Help Center and the code involved in enabling it for images. Here is that link: https://support.zendesk.com/entries/27837816-Adding-a-lightbox-Fancybox-to-your-Help-Center

    Cheers,

    Ben Goff

    -1
  • Manuella Silveira
    Comment actions Permalink

    @Ben thanks for the tip. This is awesome! ;) 

    0
  • Wouter van Gessel
    Comment actions Permalink

    The link is a great help. However it would be good if all images would just have an onclick enlargement option automatically.

    6
  • Alex Gerulaitis
    Comment actions Permalink

    Second what Wouter van Gessel said. Please make click-to-enlarge built-in. JIRA has it out of the box.

    0
  • Wouter van Gessel
    Comment actions Permalink

    Thanks Alex. 

     

    Indeed! I've added so many articles since my last comment and I still have to go into the HTML to make the click-to-enlarge work.

     

    Indeed JIRA's Help Center has it built in, so do other Help Centers. Is there any roadmap for this feature?

    1
  • Jessie Schutz
    Comment actions Permalink

    Hey guys! Thanks for the feedback on this!

    I did a little poking around, and I wasn't able to find any posts about this in our Product Feedback Forum. What I'm going to do, then, is move this post over to that forum to make sure that our Product Managers see it and can take it into account as we plan our improvements.

    Thanks again!

    2
  • Alex Gerulaitis
    Comment actions Permalink

    Sounds like a plan - thanks Jessie. I don't see it there yet - what's the ETA?

    Can we title it, "KB image click-to-enlarge" please?

    Weird that nobody ever requested this. In our KB quite a few articles have 1080p or larger screenshots - which make articles unusuable / unreadable when those images are scaled down.

    1
  • Jessie Schutz
    Comment actions Permalink

    Hey Alex!

    I moved the article over to Product Feedback immediately. If you look at the breadcrumbs at the top of the page, you'll see that it's there. Most likely you just need to wait for your cache to clear, or refresh your browser. :)

    1
  • Darren O
    Comment actions Permalink

    +1

    0
  • Jason Jones
    Comment actions Permalink

    We are looking for this very feature now. the link at the top adds the ability, but is a little work and have to remember each time to edit the html. Not sure where this is in the line up, but would be great to see very soon.

     

    +100

    0
  • Christian Colding
    Comment actions Permalink

    Hey Jason,

    This is not planned for this year at least. I wanted to let you and everybody else here know, so you can make any decisions you need to make.

    0
  • Or
    Comment actions Permalink

    hi,

    it has been almost a year since the last update of this thread.

    is there any chance that you plan to solve this issue soon? 

    0
  • Christian Colding
    Comment actions Permalink

    Hi Or,

    It's unfortunately not on the immediate roadmap. But if you have skills into HTML and JS you could probably add it to your theme yourself. Unfortunately it goes outside of my area of expertise, so I can't give you specifics but usually you can use Javascript or jQuery to make sure images expand.

    0
  • Anthony Severo
    Comment actions Permalink

    Seems unlikely this will be developed which is a shame. Putting my two cents in here that supporting this for all images without html/js skills would be very helpful anyway.

    0
  • Wouter van Gessel
    Comment actions Permalink

    This feature doesn't seem very hard to make, so it's a shame it's not on the road map!

    1
  • Krux Digital
    Comment actions Permalink

    +1  images uploaded are way too small to see clearly, making them almost useless, especially for screenshots.

    1
  • Bob Bednarz
    Comment actions Permalink

    Going to post on this thread again to see if we can get more momentum or if anyone has any better suggestions.

    We tried to use lightbox and set up everything even using the individual code posted on threads about creating this without having to code html every time we post an image. We have not been able to get it to work.

    Please come out with this feature. I have a strong training back ground and we are using zen desk for how to articles as well as training to help alleviate some of the help desk calls and questions that can be prevented by having a good resource library. The only work around we've found is embedding videos with the hope that people will watch them to get the visual reinforcement.

    Articles with text only (which seem to be what this platform is best for) are not ideal, but articles with images help a tremendous amount...this assumes the images and screen shots are actually readable.

    2
  • Katie Koss
    Comment actions Permalink

    +1 on this feature request. Seems like something that should just work out of the box.

    2
  • Rob Latino
    Comment actions Permalink

    Add me to the growing list of people who want to see this as an OOB feature in the Zendesk Help Center. The argument might be that the feature isn't a one size fits all, so then make it something that can be enabled/disabled via the settings. Thanks!

    3
  • Wouter van Gessel
    Comment actions Permalink

    With all the updates on the Help Center / Guide, it seems strange that this simple but important feature request is not picked up... Is it more complicated than we think?

    2
  • Ehsan Mafi
    Comment actions Permalink

    Add me to the list! Give it to an intern, it's been 3 years!

    2
  • Joshua Tallent
    Comment actions Permalink

    I agree, this is a pretty foundational feature of help desk systems. I write documentation for a software application, and large screenshots are common. Having this built in would save me a ton of time. 

    2
  • Roel van der Knoop
    Comment actions Permalink

    This has is a big one for us too.
    Text mark-up and image allignment are now all over the place, because I need to make painful choices on showing images to my customers.
    It reduces the charm of the helpcenter and makes something quite useful look unprofessional.

    Meanwhile, I noticed an article in the first post that could fixt this, but I'm not allowed to open it up?
    https://support.zendesk.com/entries/27837816-Adding-a-lightbox-Fancybox-to-your-Help-Center

    Can someone help me there? Does someone have a good suggestion on how to do this?
    I'm more than willing to put in some elbow grease myself to (temporarily) fix this for my customers.

    1
  • Joshua Tallent
    Comment actions Permalink

    Roel,

    It's funny that the post about Fancybox is no longer available. I used that when fixing the expanding images in my own knowledge base. 

    With the latest FancyBox (v3), you don't have to install anything, just do this:

     

    1. Add the links to the FancyBox code in your document_head.hbs:

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.js"></script>

     

    2. Add the following to your script.js file, right above the closing "});"

    $('.article-body img').on('click', function() {
    $.fancybox.open([
    {
    src : $(this).attr("src"),
    opts : {},
    },
    ]);
    });

     

    3. That will make all images in your knowledge base clickable and open them in FancyBox. If you want to make only specific images clickable, just add ".fancybox" (or another class name) to that first line of the script, like this:

    $('.article-body img.fancybox').on('click', function() {

    and add class="fancybox" (or the class name you chose) in the HTML code on any image you want to have the feature. 

    I hope that helps!

    7
  • Rameez Zari
    Comment actions Permalink

    Joshua,

    Which Access Level / Permission in Zendesk would help me implement the changes you suggested? 

     

    0
  • Joshua Tallent
    Comment actions Permalink

    Rameez,

    I am an admin, so I assume you would need that level of access, as well. 

    1
  • Roel van der Knoop
    Comment actions Permalink

    Thanks Joshua, much appreciated!

    0
  • Rameez Zari
    Comment actions Permalink

    Thanks, Joshua.

    0
  • Dawn Chavez
    Comment actions Permalink

    This would be amazing functionality.  Especially for screenshots.  It is hard to see everything clearly, and short of showing only a portion of the screen, there isn't a way to get the information to our customers clearly.  I would love to see this added to a future release.

     

    0
  • Francois Spinnael
    Comment actions Permalink

    Thx to Joshua Tallent for the solution!

    If someone knows how to add it also into the web widget please keep us informed :D

    0

Please sign in to leave a comment.

Powered by Zendesk