Skip to main content
Answered

Dynamic URL that are not on the first page of the Product Tour.




I’ve checked the previous asked questions, but can’t find a proper way to do it.

While creating a Product tour for multiple pages, how can I add steps that should showing up on after navigating away from the first page(ex: abc.com/home), the URL of the second page is generated dynamically, like this: abc.com/project/1234, 1234 is the project id.

Scenario: In my tour I ask user to create a new project and this takes the user to new page. Now on the new page, we have the projectId as the url parameter. So when I create a tour and user clicks on the New Project button, I want to show the following steps when the user navigate to abc.com/project/1234

Is there a way that I can input the dynamic URL for the second or even the third page in a tour? 

Best answer by Jacob Cox

Hi @Elwin Huang,

The only URL that matters is the first one. The tour will follow the user around to those other pages based on the buttons that they click. If you’re seeing that the tour doesn’t continue to display when going to the second page then you might want to look at what CSS Selectors you’re using for the Pointer Steps on that page. If you are using dynamic CSS Selectors this could mean that you are telling the tour to point to an element that isn’t located on the page, which could cause issues. You can read up on how CSS Selectors work with Tours in this article.

View original
Did this topic help you find an answer to your question?

2 replies

Jacob Cox
Intercom Team
Forum|alt.badge.img+5
  • Sr. Technical Support Engineer
  • 441 replies
  • Answer
  • October 15, 2023

Hi @Elwin Huang,

The only URL that matters is the first one. The tour will follow the user around to those other pages based on the buttons that they click. If you’re seeing that the tour doesn’t continue to display when going to the second page then you might want to look at what CSS Selectors you’re using for the Pointer Steps on that page. If you are using dynamic CSS Selectors this could mean that you are telling the tour to point to an element that isn’t located on the page, which could cause issues. You can read up on how CSS Selectors work with Tours in this article.


  • Author
  • New Participant
  • 1 reply
  • October 16, 2023

Thanks, I’ll check the selector.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings