How to make a badge open a link in a new tab

• 

  brandon

  January 20, 2024 00:33

  I reviewed some of the items here but they didn't sound promising as a head start: https://github.com/pendo-io/snippets/tree/master/guides

  1
• 

  Michael Garrity

  February 15, 2024 16:16 (Edited February 15, 2024 16:32)

  If still needed, add a custom code block and:

  • Add this code in the HTML section (replacing the your_url_here with your desired URL):

  <a id="openUrlLink" href="your_url_here" target="_blank"></a>
  

  • And this code in the javascript section:

  // Wait for Pendo to initialize
  function waitForPendo(callback) {
      if (!window.pendo) {
          setTimeout(function() { waitForPendo(callback); }, 100);
      } else {
          callback();
      }
  }
  
  waitForPendo(function() {
      // Get the link element
      var link = document.getElementById('openUrlLink');
      
      if (link) {
          // Programmatically click the link to open the URL
          link.click();
          
          // Add a short delay before deactivating the guide
          
          setTimeout(function() {
   pendo.onGuideDismissed()
  }, 500);
   
      }
  });

  2

Please sign in to leave a comment.