Delay a guide from appearing

Comments

7 comments

  • Avatar
    Alexis Ordona

    To delay a guide, you will need some custom code to do so. 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
    Comment actions Permalink
  • Avatar
    Sara Jacobs

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

    0
    Comment actions Permalink
  • Avatar
    Alexis Ordona

    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
    Comment actions Permalink
  • Avatar
    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 

    0
    Comment actions Permalink
  • Avatar
    Alexis Ordona

    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
    Comment actions Permalink
  • Avatar
    Sara Jacobs

    Alexis Ordona Thank you for your help! 

    0
    Comment actions Permalink
  • Avatar
    Katie Lacy

    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
    Comment actions Permalink

Please sign in to leave a comment.