Add Link to Image in Guide

• 

  Rohit Pandey

  2022年11月10日 20:02

  Hi Ashley Blackburn check this link for making images clickable.
  https://support.pendo.io/hc/en-us/community/posts/4407465886875-Choose-your-own-adventure-The-path-to-retention-with-user-led-onboarding-

  1
• 

  Kate Wren

  2022年11月28日 18:46

  Rohit Pandey That seems to be the wrong link you provided. I am looking for the same answer as Ashely...

  1
• 

  Janani Muthaiya

  2023年05月12日 23:06

  I too am looking for the answer to this.

  0
• 

  Rohit Pandey

  2023年05月16日 15:09

  Janani Muthaiya you can use the code i wrote to solve this issue below.
  Github Link

  In case if you need any more help please reach out on LinkedIn

  0
• 

  Eileen Martinez

  2023年06月06日 23:30

  Good Afernoon,

   

  Could you please provide an updated link for Adding Link to Image in Guide

   

  Thanks

  0
• 

  Isidore Gotto

  2023年11月17日 19:26

  any updates how to make images clickable in guides? 

  ability to click the image to 

  1. move to next step 
  2. open URL in same window / new browser tab 
  3.  

  1
• 

  Karina Brandauer

  2024年03月04日 11:59

  I have the same question... thank you

  0
• 

  Jay Smith

  2024年05月07日 15:19 (編集済み 2024年05月07日 15:20)

  The first suggestion to https://support.pendo.io/hc/en-us/community/posts/4407465886875-Choose-your-own-adventure-The-path-to-retention-with-user-led-onboarding- was intended to show how.

  You need to use the Code Block option in your guide. Then, enter HTML code to add images and link them. That post had sample code; you can adjust it to suit your needs.

  I was able to accomplish it using an HTML code block.

  There is no way to use the Image block to link the images. They're just presentation images, it seems.

  0
• 

  Rob Kudrle

  2025年05月15日 17:07

  I used Code Block to allow an image inside a Pendo guide to be clickable to a URL. However, I would like to know how to ensure this event is tracked in Pendo? I noticed the guide has a lot of Action Taken events in the Guide Activity report, but don't know if that is specific to the clicked image. Is there a way to tag that image/href as a click event in a way that can be tracked by Pendo, similar to Button Click? or tag that image/href to be tracked as a Guide Element?

  Thanks in advance. :)

  0
• 

  Erik Ickes

  2025年08月26日 17:28

  After a bunch of trial and error and some Gemini assistance, I got this to work. It adds a click event to the image and changes the cursor to a pointer and in order to do the tracking I have it just execute a click on the related button instead of trying to send separate click events so it tracks as if the user clicked the button. Pendo doesn't differentiate between an actual click and a programmatic click, so that's good. It's working for me, maybe for you too? 

  Drop this into the JS part of a code block and update the two var lines with your IDs from your code. 

  (function() {
      var imageElement = document.getElementById('pendo-image-c2535c8c');
      var buttonElement = document.getElementById('pendo-button-3e6a0f96');   

  // Check if both elements exist
      if (imageElement && buttonElement) {
          // Changes the cursor to a pointer
          imageElement.addEventListener("mouseover", function() {
              this.style.cursor = "pointer";
          });        
          imageElement.addEventListener("mouseout", function() {
              this.style.cursor = "default";
          });       

  // Adds a click event listener to the image
          imageElement.addEventListener('click', function() {
              // Triggers a click on the button
              buttonElement.click();
          });
      }
  })();

  1

サインインしてコメントを残してください。