A mobile-optimized product tour built for smaller screens, touch interactions, and shorter attention spans. This template uses bottom sheets, full-width tooltips, and swipe-friendly navigation to deliver a smooth onboarding experience on phones and tablets.
Use this template when your product has a mobile web app or responsive design and you need to onboard users who are accessing your product from a mobile device. Detect the viewport size and serve this tour instead of the desktop version.
Show a full-screen overlay with a bold headline, a brief value proposition, and a large "Get Started" button that is easy to tap on mobile screens.
Use a bottom-anchored tooltip to highlight the most important action button, keeping the tooltip text short (under 20 words) and the target element clearly visible above the tooltip.
If your app uses gestures, show an animated hand or arrow illustrating the gesture, then prompt the user to try it themselves for a tactile learning experience.
Highlight the hamburger menu or tab bar, briefly naming 2-3 key sections the user will visit most often, without overwhelming them with the full menu tree.
End with a bottom sheet that thanks the user, offers a link to support, and suggests the single next action they should take โ keeping the path forward crystal clear.
Sign up for Produktly and use this template to get started in minutes.
Start free trial