Skip to main content

Product Tours

A product tour is an interactive, in-app onboarding experience that guides users through your product's key features step by step with tooltips and modals.

How product tours work​

  1. You create a tour from the Told app and click New Product tour from your source's Product tours page
  2. A visual editor opens on your live website — you click on elements to create steps
  3. Each step is either a Pin (tooltip attached to an element) or a Modal (centered overlay)
  4. Steps can span multiple pages and include text, images, videos, and navigation buttons
  5. After saving, you configure step content, shapes, and options from the Told app
  6. Triggers define when and to whom the tour is displayed

Key features​

  • Visual editor — Create steps by clicking directly on your live website
  • AI-assisted content — Generate step titles and messages with Cerebro (Told's AI)
  • Multi-page tours — Steps can span across different pages of your website
  • Step types — Pin (attached to element) or Modal (centered overlay)
  • Step shapes — Standard, Showcase, Compact, Video (Youtube), or Demo (Arcade)
  • Multiple messages per step — Add paginated messages within a single step
  • Position control — 3x3 grid to place pin tooltips relative to the target element
  • Button actions — Next step, Close, or Link (with redirect countdown)
  • Target verification — URL operators and CSS selector fields to ensure stable targeting
  • Customization — Themes, colors, gradients, overlays, avatars, sounds, border radius

In this section​

  • Create a Tour — From creation to saving in the visual editor
  • Configure Steps — Step content, shapes, position, buttons, and target
  • Customization — Avatar, color, theme, overlay, branding
  • Publish — Audience, period, display options, and publishing
  • Results — Conversion funnel, devices, dropout, and sharing
  • FAQ — Common questions and troubleshooting