This script empowers you to craft a simple interactive guided tour using shepherd.js.
The initial popup design for the presentation draws inspiration from the metadata information popup available at: Popup Metadata Info.
You can use the provided CSS file to style your tour or customize the theme by modifying the default settings. If you prefer the original theme, update the initialization code as follows:
const tour = new Shepherd.Tour({
defaultStepOptions: {
classes: 'shepherd-theme-default',For detailed guidance and documentation on shepherd.js, refer to the official documentation at shepherdjs.dev.