Skip to main content
Answered

Need tour steps pointing to different CSS Classes on Desktop vs. Mobile with same product tour...


I have a setup a product tour for a webpage which works fine on desktop browser.

 

Unfortunately, certain components in the desktop view are not present in the mobile view… so is there a way to point a specific tour step one-way in desktop view, but point differently or un-point it in mobile view – with same product tour?

 

I am also considering turning off the tour altogether on mobile view … for which I tried to add the does not contain OS = Android and does not contain OS = iOS settings… but it doesn’t seem to work.

 

I suspect that maybe the Intercom tracking code needs to explicitly pass OS (and browser) to Intercom? Where can I find a code snipped on that?

Best answer by User855

Yes, so that's what I prefer to do from inside Intercom but I guess, that might be possible with the Series feature - so we detect the OS and then direct to the Desktop tour vs. Mobile tour. Only other way is to get the developer to write the director logic in code.

 

Also in term of OS - I thought that Intercom code could pickup the device OS automatically but I guess we have to explicitly code that in the tracking code snippet - see here: https://developers.intercom.com/intercom-api-reference/reference#contacts-model/p>

 

For now, I have modified the tour to NOT point anywhere and have it as a image+text only tour. This now works on Desktop + Mobile.

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

7 replies

Kevin Bendixen
Top Expert ✨
Forum|alt.badge.img+5

@user855​ For your first problem, I bet your best solution would be separate tours for desktop and mobile. Regarding the OS-Tracking I'm not sure which steps are missing in your setup


Forum|alt.badge.img+5
  • Expert User
  • 1152 replies
  • January 27, 2021

Hello @user855​ , Product tours don't work on mobile devices including browsers.


  • Author
  • Connector
  • 7 replies
  • Answer
  • January 27, 2021

Yes, so that's what I prefer to do from inside Intercom but I guess, that might be possible with the Series feature - so we detect the OS and then direct to the Desktop tour vs. Mobile tour. Only other way is to get the developer to write the director logic in code.

 

Also in term of OS - I thought that Intercom code could pickup the device OS automatically but I guess we have to explicitly code that in the tracking code snippet - see here: https://developers.intercom.com/intercom-api-reference/reference#contacts-model/p>

 

For now, I have modified the tour to NOT point anywhere and have it as a image+text only tour. This now works on Desktop + Mobile.


  • Author
  • Connector
  • 7 replies
  • January 27, 2021

Not true.


Forum|alt.badge.img+5
  • Expert User
  • 1152 replies
  • January 27, 2021

@user855​ Please, take a look at the Intercom official article about Product tours on mobile devices.

Product Tours 


  • Author
  • Connector
  • 7 replies
  • January 27, 2021

I know what it says ... but it is NOT true. I have 3 tours running in Mobile browser and they work fine!


Forum|alt.badge.img+5
  • Expert User
  • 1152 replies
  • January 27, 2021

@user855​ ​ , On your phone yes, but officially Intercom not supporting Product tours in mobile browsers. This means that some users may be had some problems during their onboarding.

 

If you just looking for a way to disable it on mobile devices, you should apply OS filter.

OS Filter


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