Display Shepherd only during first visit

[sSwiergosz]

Hi! How to make Shepherd display tour only during the first visit on the site or until the user press close button?

[pmocal]

use localStorage to record the most recent visit and encase tour deployment in if-else conditional that checks contents of localStorage

[sSwiergosz]

But when user changes browser or device it won't work...

[Brikky]

Set a boolean value on the user to check if they're a new user or not.

[ysrinivasreddy]

use parameters in url
www.example.com/?tour

Javascript

$(function() {
    if ( document.location.href.indexOf('?tour') > -1 ) { 
         tour.start();
    }
});

java code to load Scripts

<c:if test="${param['tour'] ne null }"> 
<script src="shepherd/tether.js"></script>
<script src="shepherd/shepherd.min.js"></script>  
<script src="shepherd/tutorial.js"></script>  
</c:if> 

[RobbieTheWagner]

This is a concern of your application. You must store a value to keep the tour from showing up again.

[yonkov]

In case anyone needs more information on how to show the tour only one time, I wrote a short guide about how I implemented it in my app. I am using localStorage, as suggested by @pmocal, and I am also adding additional checks if the user has finished or dismissed the tour : How to Display Shepherd.js Only Once

[RobbieTheWagner]

Thanks @yonkov! Please feel free to add some of these things to the official docs in the cookbook, if you'd like.

[benhbell]

I just used this logic 4 years later in my product onboarding. THANK YOU.