回答済み

Launch a URL by clicking on a badge?

I'm wondering if anyone out there has gotten a URL to launch when clicking a badge. I want to go from the badge, directly to the URL. I've created a badge but I can't get a URL to launch from it unless I open the first guide step that has a button on it that launches the URL when clicked.

Anyone know how?

0

コメント

8件のコメント
  • Hey Jim! I think you'll find this helpful. 

    0
  • Alternatively, you can style the guide step to have a button on it styled like a badge, then use regular Pendo functionality to specify the URL. The activation would be automatic and ignore throttling.

    0
  • Hi, can you please provide step by step instructions on how to do this Liz? Thank you

    0
  • Unfortunately I followed the example provided above and it went crazy, opening endless tabs and then not being able to control my code block ;) I can't believe it's so complicated to get a tooltip badge to open a URL - I would have thought that this was a request asked by many users

    0
  • Yeah. That happened to me too. It opened 5 tabs each time.

    0
  • I looked at ours and we added a settimeout function to the code block to prevent all the tabs, with a setting of 25ms.

    Sounds like trying the button route would make more sense? You can use a text button or custom image!

    0
  • Thanks Liz. I can't see how a button in a guide will work as I don't have control over where to place it on the page (as it needs to be tagged to an element and can then only be left, right, top or bottom). Also, there doesn't seem to be a way to make the background of the guide transparent. If you're able to provide the full javascript code that you used including the settimeout code, then I'd really appreciate it. Thank you

    0
  • If you set your guide step theme to Custom you can adjust the background color to be transparent. If you include only a single button on your guide step, and strip away all padding and margins until it's how you want it, you can usually position it just like a badge. Then on your custom code block you can nudge it with CSS if you need to.

    The javascript we use to set the timeout looks a little like this, I'm not sure if it works everywhere or just how we have ours built though, This is specific to the Resource Center so you'd have to test it out on guides:

    setTimeout(function(){ 
    pendo.onGuideDismissed(pendo.BuildingBlocks.BuildingBlockResourceCenter.getResourceCenter().steps[0]);
    }, 25);

     




    0

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

お探しのものを見つけられませんでしたか?

新規投稿