Help Center
Go back to application
Help Center
Go back to application
Basics
Getting Started
Using the Editor
Pricing, Security and Billing
User Guides
Custom events overviewContent Map
Tours
How to design a TourSelecting and targeting elementsTour/hint card buttons and customizationConnecting ToursAI ToursLaunching tours on element clickDynamic URLsHow to design tours for mobile webShare product tours by linkTargeting elements in iframesCustom buttons and JavaScript actionsCustom JavaScript triggers
Hints
Checklists
Announcements
Surveys
Life Ring Button
Feedback Widget
Knowledge Base
Customization and Targeting
Testing and Feedback
Branding and Appearance
Analytics and Integrations
Developers

AI Tours

Start with Product Fruits AI generated tours for templates, ideas, and complete designs in just minutes! Select the ✨Generate with AI option from the tour template list to begin:

image showing all template options for tours including AI

There are two options when generating a complete tour with AI. The "Quick overview" option will generate a tour from the application page you are on, and create it by highlighting the most important parts of the page automatically. Choosing "Introduce features" will allow you to choose which elements you'd like the AI generated tour to highlight. 

image showing the beginning prompt of AI tours defining the goal of the tour as quick overview or introduce features

Quick Overview

The Quick Overview option generates the tour based on the key features of your application:

image of a dashboard showing the option to start generating a tour with AI
Welcome to the Dashboard tour card
View your transactions tour card showing Transactions button as highlighted element

 

After reviewing the generated cards, you have several options for the tour. You can see the preview of the tour again, save it as-is, regenerate the tour completely, or discard the AI tour to be re-created immediately: 

example of end of tour menu showing option to restart preview save tour regenerate tour or discard

 

If you are satisfied with the result, you can save the tour and then edit it with the Product Fruits editor:

AI welcome tour being edited in the Product Fruits editor

 

Introduce Features

You can also select the features that you'd like the AI tour to cover. After selecting the "Introduce features" option, click the "Start selecting" prompt and simply highlight and click the elements you'd like to create tour cards for. Once you've decided how many elements to highlight, generate the tour by clicking "Start generating":

introduce features AI tour showing elements being highlighted to be used in tour

The AI will write tour cards for the selected elements:

AI written tour cards of an AI feature tour

 

Note: By default, the tour's URL will be [dynamic]; you will need to change this if you'd like the tour to be displayed on a specific page or depending on your use-case.

Was this article helpful?

Powered by Product Fruits