Getting Started
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
Knowledge Base
Product Fruits Analytics
Developers
Installation overview
Installation
Identifying usersCustom initialization optionsInstallation to React or NextJS applicationsInstallation to VueJSInstallation to AngularInstallation to other web platformsInstallation via NPM packageInstallation via Google Tag ManagerWeb applications (legacy script)Installation to React or NextJS applications (legacy)
JavaScript API
Server-side (REST) API
Advanced integration
Experimental features
Advanced Configuration
Troubleshooting
Privacy, Security & Billing
Intercom
Chat integration uses a public JavaScript API for the selected chat provider. You will need to install the chat widget into your application as you would normally without the Product Fruits integration in place. Then follow the steps below.
Turning on the chat integration
- Go to Help widgets -> Life Ring Button
- Click on the Tabs configuration dropdown.
- Enable the Chat Integration button and click Configure.
- On the next screen, select your chat provider. In this case, select Intercom.
Hide Intercom launcher button
To hide the default Intercom launcher, please follow this article (Intercom help pages).
Powered by Product Fruits