I would like to have the Product Tour show up only if we have a particular element on the screen (e.g. start it only if we have a particular box on the screen).
The solutions that I can think of are:
- Trigger a JS event once the box has shown up and then filter if the event has a count of greater than 0. However, that doesn't seem to always work for us. Once the event gets trigger, the product tour doesn't show up. We seem to have to always refresh the page in order for the tour to show up.
- Do something like this - Intercom('startTour', tourId) - aka trigger this event once the element shows up. However, this requires us to create the product tour first and find the tour id.
Are there better ways of doing this? Ideally, I would like to just have something in the product tour setup to specifically say "if this named element is present, start this tour".
For context, we have a React based application that has a lot of interactivity.