Getting started with Product Fruits

Product Fruits is a tool for creating interactive onboarding and engaging content that is tailored and designed for your web application.

With Product Fruits, you can create and customize onboarding tours, hints, help widgets, etc., and use our analytics to observe client interaction and make decisions based on client feedback.

You can create your very first onboarding tour in just a few minutes by installing the Product Fruits extension and creating a Product Fruits account, let’s get started!


  1. Sign-up for a free trial 
  2. Create a workspace 
  3. Install the Product Fruits editor extension (Chrome base browsers)
  4. Configure your onboarding content by signing in to our portal

Now you're ready to begin with Product Fruits. For full functionality, including segmentation, you will want to install the Product Fruits code snippet (similar to Google Analytics, for example). For testing purposes, however, you only need the Product Fruits extension.

Three tab setup

We recommend you work with three tabs set up in the browser.

1. Administration - for setting up the look & feel of cards, rules for tours, etc.

2. The Editor (in Edit mode) - to edit the content (using the PF extension)

3A. The Editor (in Full Preview mode) - to preview the content (using the PF extension)

3B. Your Application - for previewing content (after inserting the Product Fruits code snippet, you don't need to use the Product Fruits extension in Full Preview mode)

Full Preview mode

You can Preview the content you are editing directly in the editor tab, but in Full Preview mode you can check all types of content - you can start Tours from Hint icons, check the Life Ring Button, etc. After installing the Product Fruits code snippet, you won't need to use Full Preview anymore, but rather your application directly. In order to see all content via Full Preview, you must turn on Full Preview in the extension or with the blue "eye" icon in administration: