Delay a guide from appearing

• 

  Alexis Ordona

  2021年09月16日 21:34 (編集済み 2022年08月23日 17:27)

  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

   

  // Title: P2 Guides - Render, but hide guide until X
  	// The following should operate without error for any P2 guide type.
  	// Attribution to NB for providing the P1 JS code for this function
  	// WLH: Updated and tested with P2 Guide Designer Lightbox and Tool Tip guides
  	(function(dom,_){
  	functionpendoHideGuide(){
  	console.log('base: ',dom('#pendo-base'));
  	_.each(dom('#pendo-base'),function(elm){
  	elm.style.display="none";
  	})
  	}
  	functionpendoRevealGuide(){
  	_.each(dom('#pendo-base'),function(elm){
  	elm.style.display="";
  	})
  	}
  	// Hide guide immediately if not in Pendo Designer
  	if(!pendo.designerEnabled){
  	pendoHideGuide();
  	}
  	// EXAMPLE: reveal after 3 seconds
  	setTimeout(function(){
  	pendoRevealGuide();
  	},3000)
  	})(pendo.dom,pendo._);

  1
• 

  Sara Jacobs

  2022年07月19日 16:49

  Alexis Ordona, just found the above, where do I add this within the pendo set up. On edit container? 

  0
• 

  Alexis Ordona

  2022年07月19日 16:51

  Hi Sara Jacobs,

  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. 

  0
• 

  Sara Jacobs

  2022年07月19日 16:53

  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 

  0
• 

  Alexis Ordona

  2022年07月19日 17:25

  Hi Sara Jacobs, yes we do! We have guide throttling and ordering. 

  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. 

   

  0
• 

  Sara Jacobs

  2022年07月20日 09:24

  Alexis Ordona Thank you for your help! 

  0
• 

  Katie Lacy

  2022年08月11日 13:22

  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. 

  0
• 

  Emmy Southworth

  2022年12月29日 20:07

  Does this work for Flutter SDK?

  0
• 

  IM

  2023年03月14日 13:45

  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.

  11
• 

  Peter Borg

  2023年11月20日 14:40

  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

  6
• 

  Lucas Bishop

  2024年03月07日 23:08

  Another vote for this being default functionality.

  We previously used Gainsight PX and this feature was available out of the box.

  3
• 

  Katie Lacy

  2024年03月08日 13:47

  Lucas Bishop - make sure to vote for this feature in Pendo feedback: https://pendo-feedback.pendo.io/app/#/case/3050

  0
• 

  Greg Johnson

  2024年09月17日 20:23

  This code snippet causes my guide to display in a location where it is only partially visible.

  How do I correct for that?

  0

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