If I want to delay a guide appearing for a user after a certain amount of time, how would I go about doing that? i.e. a user visits a certain page and after 5 seconds on that page the guide appears
To delay a guide, you will need some custom code to do so. Disclaimer, if any one had questions on any custom code, you will need to reach out to our professional services team since our support team does not support custom code.
You would paste it and edit the code into the custom code box in the javascript section.
To find this, in the container click on the blue plus sign to add a building block. From there you will see a code block and then you can paste it in javascript.
Throttling will allow you to set up a maximum amount of guides a visitor can see in a given time interval. Using the ordering feature, you can reorder the sequence of guides that you want the user to see.
Hello, has anyone had issues with this code affecting their button building blocks when adding this to a lightbox guide? It seems to be changing my button locations when previewing the guide and testing in a staging environment.
Given that Pendo is pitched as being deployed quickly, without engineering effort, it'd be helpful if this was possible within the UI without custom code. Intercom offers this functionality.
I believe this is a missing feature, I expected it to be there and only came across this since I would not find the option under activation of the guide
Such an obvious missing feature. If you want to pop a survey to get feedback about a page you need to give users time to actually see the page before displaying a survey. To make matters worse you also can't segment guides based on previous number of page views...
Can anyone confirm if this snippet still works? I tried it on one of my guides and can't get it to work. Does someone know what values I need to change within the code?
This snippet does still work. The custom code does not need to be edited. Once you add the custom code into the code block you'll need to navigate to the guide step's container and under the Accessibility section, enter in "{delay: x}" where x represents the number of seconds you want the guide to be delayed for.
Thanks Stephanie. I followed the instructions and worked. Some additional notes for whoever is in the same issue: 1. Add a code block to the guide. Code blocks without HTML/CSS, and only javascript is not visible. So don't waste time figuring out how to hide it. 2. Within the code block, add the JavaScript code. I ran it through ChatGPT to add several logs to debug, and added the delay time within the code, so is less dependant of an external variable. Although your solution is cleaner.
Comments
To delay a guide, you will need some custom code to do so. Disclaimer, if any one had questions on any custom code, you will need to reach out to our professional services team since our support team does not support custom code.
Take a look at the code below:
https://github.com/pendo-io/snippets/blob/master/guides/delayGuide/delayGuideDisplay/delayGuideDisplay.js
Alexis Ordona, just found the above, where do I add this within the pendo set up. On edit container?
Hi Sara Jacobs,
Alexis Ordona thank you appreciate it. Is there also a way to stagger pop ups to make sure user guides do not show up at the same time
Hi Sara Jacobs, yes we do! We have guide throttling and ordering.
Alexis Ordona Thank you for your help!
Hello, has anyone had issues with this code affecting their button building blocks when adding this to a lightbox guide? It seems to be changing my button locations when previewing the guide and testing in a staging environment.
Does this work for Flutter SDK?
Given that Pendo is pitched as being deployed quickly, without engineering effort, it'd be helpful if this was possible within the UI without custom code. Intercom offers this functionality.
I believe this is a missing feature, I expected it to be there and only came across this since I would not find the option under activation of the guide
Another vote for this being default functionality.
We previously used Gainsight PX and this feature was available out of the box.
Lucas Bishop - make sure to vote for this feature in Pendo feedback: https://pendo-feedback.pendo.io/app/#/case/3050
This code snippet causes my guide to display in a location where it is only partially visible.
How do I correct for that?
Such an obvious missing feature. If you want to pop a survey to get feedback about a page you need to give users time to actually see the page before displaying a survey. To make matters worse you also can't segment guides based on previous number of page views...
Can anyone confirm if this snippet still works? I tried it on one of my guides and can't get it to work. Does someone know what values I need to change within the code?
This snippet does still work. The custom code does not need to be edited. Once you add the custom code into the code block you'll need to navigate to the guide step's container and under the Accessibility section, enter in "{delay: x}" where x represents the number of seconds you want the guide to be delayed for.
Code to enter into the code block within the Javascript panel: https://github.com/pendo-io/snippets/blob/master/guides/delayGuide/delayGuideDisplay/delayGuideDisplay.js
Instructions on how to then edit the ARIA Label in the guide container to customize the number of seconds you want to delay the guide for: https://github.com/pendo-io/snippets/blob/master/guides/delayGuide/Delaying%20a%20Guide%20Step.pdf
Thanks Stephanie. I followed the instructions and worked.
Some additional notes for whoever is in the same issue:
1. Add a code block to the guide. Code blocks without HTML/CSS, and only javascript is not visible. So don't waste time figuring out how to hide it.
2. Within the code block, add the JavaScript code. I ran it through ChatGPT to add several logs to debug, and added the delay time within the code, so is less dependant of an external variable. Although your solution is cleaner.
Please sign in to leave a comment.