Web Depot: Tackling Tours Across Multiple Devices

Stephen Yagielowicz

According to developer Sebastiano Guerriero, Product Tour is a CSS and jQuery powered responsive tour snippet, providing a systematic guide to help users understand how to use a website, as an easy way to improve the user experience, which is a particularly useful tool for offering a free trial, subscription or product up-sell.

“If a user is taking your app [or site] for a spin, he’s going to gather as much information as he can in few minutes, before deciding whether it is worth paying for,” Guerriero explains. “You don’t want one of his questions to be ‘how the hell does this work?’”

Product Tour creates an HTML structure composed of an unordered list, where each list item contains a step title, brief description and an image for the mobile version, along with an automatically generated used to create the tour navigation, which works via keyboard, touch swipe and previous/next links for flexibility.


More Articles


Q&A: Vera Sky Dons the Crown for 2017 XBIZ Best Cam Model

Alejandro Freixes ·

Why It Pays When Cam Models Block Cyberbullies

Mia Saldarriaga ·

Casey Heart Talks Cam Past, Future

Casey Heart ·

Less Is More for Live Cam Member Promotions

Steve Hamilton ·

Melody Kush Dishes on Camming Career

Melody Kush ·

WIA Profile: Laurie Biviano

Women In Adult ·

Jules Jordan's Ezra Kamer Pushes Boundaries of Tech

Rhett Pardon ·

Paysites Innovate to Maintain Competitive Edge

Stephen Yagielowicz ·

Leading Paysites Pursue New Members, Retain Fans

Stephen Yagielowicz ·
Show More