Help Center
Go back to application
Help Center
Go back to application
Getting Started
Getting started with Product FruitsFeatures overview
Testing your content
Examples
Editor
Tutorials
Tours
How to design a TourSelecting and targeting elementsTour/hint card buttons and customizationConnecting ToursAI ToursDynamic URLsShare product tours by linkHow to design tours for mobile webCustom JavaScript triggersCustom buttons and JavaScript actionsTargeting elements in iframesLaunching tours on element click
Video tutorials
All editor tutorials for ToursTours Part 0: Introduction to our editorTours Part 1: How to target elements and build tour and hint cards Tours Part 2: Basic settings - highlighting elementsTours Part 3: How to position and size your tour cardsTours Part 4: How to create different layouts of tour cards and hintsTours Part 5: How to delay or hide tour cards, and other uncommon scenarios
Hints
Checklists
Announcements
Surveys
Life Ring Button
Feedback Widget
Knowledge Base
Product Fruits Analytics
Developers
Advanced Configuration
Troubleshooting
Privacy, Security & Billing

Tours Part 1: How to target elements and build tour and hint cards

This tutorial will guide you through:

  • Our editor's targeting section.
  • Working with dynamic URL templates.

Thanks to the change and refine targeting functions of our editor, you will be able to highlight the most important elements of your application in tours. Understanding URL templates will bring the functionality you need with dynamic URLs.

Powered by Product Fruits