Trigger One Product Tour After Another

  • 15 August 2023
  • 0 replies
  • 159 views

Userlevel 2

Hi, I’m Brian, a Customer Support Engineer in Chicago 👋


A common question: “Is it possible to create two Product tours where the second tour shows immediately after the first one finishes?”
 

The answer is yes! There are a few ways to achieve this.
 

Note: #2 and #3 will require the help of your dev team


1) Using Series
Perhaps the simplest way to do this would be to create a Series which sends out the Tours. Then, you can configure it so when the User has completed the first Tour, the second one will be sent automatically.

D91a1kmae1yg9qFl9wOPgLyondwcs8HRQO79ZOccY0X2DnXy4-UYqQ0A6XbSVIA_JrDbaaJF6ib0XjEMEm1TUHh5SmwZm0Vitu8CStqWiLiASnAJY24iBC7L7ogHC6nc0FFksfkjwRrxn0mIFwDcL3s


2) Utilize the Intercom(‘update’) method

An alternative to using a Series would be to refresh the Intercom page after the first Tour is displayed. When you call the Intercom('update') method using some new user data, Intercom will look for new messages that should be shown to the user and will display the second Product Tour.

vqbiMyXw0UHQXZ-KbG0S7CotX08gr9jKN70xumdpf-bGw2ucTyi751EI1Qe7CKwHTsmms68pDU1ChBxoywNzqgSGdOUtWc-Y9cH5nhCtdLQwK_qBJzY-B48EzhWwpQiVytmSykd4LrH5JlCWQTPcH6I

 

3) Use the Intercom(‘startTour’) method

An alternative method would be to display the second tour when a button or a link is clicked on your site, using the Intercom(‘startTour’) method. Note: this wouldn’t be automatic, the end-user would have to click the link or button. To accomplish this, you’d go to the tour editor to get the id of the tour you would like to show, located in the “Use tour everywhere” section. Keep in mind that the tour must be published and the “Use tour everywhere” option must be enabled for this to work. Using an invalid tour id will cause the tour not to show.

Using HTML, you could trigger the Tour like this:

<a href="#" onclick="Intercom('startTour', 123)">Start Tour</a>

Which will look like this on your site:
7t94qUWwJWhK7HqueKw-8shY1kvWXCu0NIXyCecRIztGrjPGQgO7KHCDbR4h_LmB7Y0R8_pATemF0IYF6nezRpuZu9xJI5hJfE-HQ7AjJo2spiL1xsVJTr28giZ64brptnmV4qO2EL1DBhNn1M5u1_Q

Those are three ways to show one tour immediately after another! Happy touring 😀

 


0 replies

Be the first to reply!

Reply