Product Tour Pro

Product Tour Pro is an interactive product walkthrough component for Framer designed to showcase websites, apps, dashboards, SaaS products, and digital products through step-by-step tours. Turn any interface screenshot into an interactive presentation with hotspots, focused areas, smooth zoom transitions, and informative content cards.

Create custom tour stops with titles, descriptions, images, links, positions, highlight areas, and zoom levels. Visitors can follow a guided walkthrough or freely explore hotspots, making interfaces easier to understand.

Key Features

• Interactive product walkthroughs

• Guided and free exploration modes

• Custom interactive hotspots

• Smooth focus and zoom transitions

• Custom titles and descriptions

• Images for tour steps

• Custom links and link labels

• Adjustable hotspot positions and focus areas

• Pulse, number, and plus marker styles

• Autoplay product tours

• Adjustable duration between steps

• Optional continuous looping

• Start tour automatically when in view

• Next, back, done, and exit navigation

• Browser, rounded, and bare screen frames

• Adjustable tour card width and radius

• Custom colors, typography, and spacing

• Responsive layout and positioning

Where to Use

Product Tour Pro is ideal for SaaS websites, software products, dashboards, web apps, product landing pages, feature showcases, onboarding pages and interactive case studies.

Use it to explain product features, demonstrate software workflows, introduce new functionality, create interactive onboarding experiences, highlight important interface areas, or give potential customers a visual walkthrough.

It works especially well for analytics dashboards, productivity tools, CRM platforms, AI products, finance apps, project management tools, developer products, and B2B SaaS platforms.

I hope you enjoy using Product Tour Pro! For custom work & Framer-related projects reach out to me at oddframeworks@gmail.com