Sharepoint online - Guided tours, feature tour, walk throughs

Copper Contributor


Is there a way to create in-app walkthroughs/ guides tours/ feature tours using open source packages like intro.js, chardin.js, joyride, bootstrap, HopScotch, Crumble with Modern SharePoint Online environment? I couldn't find any tutorials for the same. Since I am not a web developer I could not ascertain if this can work with the modern SharePoint Online site pages at all?

Long version I am working on intranet design, using SharePoint online. This intranet serves as a knowledge base, a process workflow reference, and a collaborative tool. I am trying to put together a tutorial so that people can understand what the various web parts are. I have tried using ppt, video, sway, word doc but nothing seems to easy because the user needs to open up two different windows and need to simultaneously walk through both of them. That doesn't work at all for the mobile environment. I researched that websites like walkme, whatfix, inline etc. provide subscription services for the same. I am looking for open source free to use alternatives for the same. My researched shows there are several packages that can help with this, Joyride, intor.js, bootstrap etc. But I cannot ascertain if these can be used with the modern SharePoint online site pages.

  1. Could someone guide me to a resource that shows how these and other packages can be set up to use within the SharePoint online environment?
  2. Do I need to be worried about privacy and intranet content being exposed to third party apps/ developers if I use these plugins?
  3. Any other suggestions on creating walkthroughs for SharePoint online environment that work on mobile and desktop?
  4. Any other places where I can post this question?

My background: I am not a developer but I tinker with a lot of stuff, I generally use python, VBA, and few visual scripting languages for automation for engineering design and reporting.

Any help is appreciated.

Thanks, Aditya

2 Replies
best response confirmed by adika07 (Copper Contributor)

Hi @adika07 ,

this is my approach to adoption in SharePoint Online Modern Sites.

This is a sample, just to share with the community a possible approach using SPFx (SharePoint Framework). Source code is available in github, and 19th December I'll show it with a small demos during SharePoint community call.

Another solution could be 3th parties tool (like but I never used it, just listen about it.



SharePoint Online allows you to create custom web parts using SharePoint Framework (SPFx). If you or someone on your team has development skills, you can potentially use SPFx to create custom web parts for the in-app walkthroughs. This would require coding expertise. You can use SharePoint Framework Extensions like Application Customizers to inject JavaScript and CSS into modern SharePoint pages. This approach may allow you to integrate third-party walkthrough libraries like intro.js or HopScotch. However, it would still require development skills. You can create automated flows in Power Automate (formerly known as Microsoft Flow) to guide users through specific processes or actions in SharePoint Online. While this may not provide the same level of interactivity as dedicated walkthrough libraries, it can offer step-by-step guidance. SharePoint Online has its own modern page editing capabilities that allow you to add text, images, and web parts to pages like Hatta sightseeing tour. You can use these features to create visual guides or tutorials. While this doesn't provide interactive tours, it can still be helpful for documentation.Consider leveraging the built-in training resources within SharePoint Online. Microsoft provides extensive documentation, guides, and training materials that can help users understand and navigate SharePoint features.