Go back to application

Go back to application

Basics

Getting Started

Getting Started with Product Fruits Features Overview: Onboarding and Engagement Setup

Using the Editor

Basic setup Card editor Editing your content Full Preview Tour/Hint Card Buttons and Customization Selecting and Targeting Elements

Pricing, Security and Billing

Multi-Factor Authentication (MFA)Product Fruits Billing Referral Program SOC2 Certification User Data, Security & GDPR User Permissions and Role Management Delete a Workspace or an Account

User Guides

Custom Events Overview

Tours

Tours Overview Tour Editor Part 1: How to Target Elements And Build Tour and Hint Cards Tour Editor Part 2: Basic Settings Tour Editor Part 3: How to Position and Size Your Tour Cards Tour Editor Part 4: How to Create Different Layouts of Tour Cards Tour Editor Part 5: How to Delay or Hide Tour Cards, and Other Uncommon Scenarios Tours: Advanced Configurations Tours: Advanced Features

Hints

Hint Overview Hints Part 1: Targeting Hints Part 2: Basic Settings Hints Part 3: Icon Advance Settings Hints Part 4: Card Position and Size Hints Part 5: Card Layout and Settings

Checklists

Checklist Overview How to embed checklists to custom elements API-driven checklist items Group-based checklists

Announcements

Announcements Overview Pop-ups Overview Newsfeed Overview Banners Overview Newsfeed embeddable widget Moving layout for banners Public newsfeed and changelog

Surveys

Survey Overview Survey Copilot Survey branching How to preview surveys Using the Surveys API

Life Ring Button

Life Ring Button Overview Custom launcher for the Life Ring Button Customize Life Ring Button

Feedback Widget

Feedback Widget Overview Recordings and screenshots restrictions

Knowledge Base

Knowledge Base Overview Secure Your Knowledge Base Embedding the Knowledge Base Enable Access Only for Users from Your Application How to Set Up a Custom Domain for your Knowledge Base User Voting Capability on Articles Advanced Search in the Knowledge Base

Content Organization

Content Map Early Access Page Folders

Customization and Targeting

Segmentation Segmentation rules import How to localize your content Tracked users batch update Content personalization and placeholders RTL/LTR languages customizations

Testing and Feedback

Restarting the Content for Users Waiting for a Target Element How to Test Content Before Sharing It with Your Users URLs don't match How to get adoption feedback from users Testing in Chrome based browsers without installation Segmentation doesn't match Live debugging

Branding and Appearance

Popular CSS Snippets Examples Easy to Adjust CSS Variables Adjust Styles for Different Devices Product Fruits Branding CSS Classes for Tours

Analytics and Integrations

Analytics Overview Tour Analytics Integrations with Analytics Platforms Typeform Integration ActiveCampaign Integration HubSpot Integration Segment Integration Mixpanel Integration Zapier Integration

Chat Providers

Chat Integrations Overview Crisp Freshdesk Intercom ZenDesk HubSpot Chat Custom Chat Widget

Single Sign-on (SSO)

Product Fruits Single-Sign On (SSO) Overview SSO with OneLogin SSO with Microsoft Azure Active Directory SSO with Okta SSO with JumpCloud

Developers

Installation

Installation Overview Installation to Other Web Platforms Installation to React or NextJS Applications Installation via NPM Package Installation to Angular Installation to VueJS Installation via Google Tag Manager Custom Initialization Options

Advanced Integration

User Identity Verification Sites without Authentication Custom routing Dynamic CSS Classes or Attributes Multi-Tenant Applications Handling Keyboard Shortcuts in Applications Examples of Backend HMAC Computation

JavaScript API

API Overview Tours API Hints API Announcements API Surveys API Checklists API Life Ring Button API Feedback API Analytics API Events Tracking API A/B Testing via External Tools

Server-Side (REST) API

Authentication Rate Limiting User Identification Users Management Events Tracking Feedback Surveys Webhooks

Troubleshooting

Product Fruits is Not Loading Product Fruits is Showing Blank Cards Onboarding Content Isn't Displaying on a Page Until After Refresh Advanced Diagnosing

Hints Part 5: Card Layout and Settings

This video reviews the Card Layout and Settings section of the Hints editor.

Was this article helpful?

Powered by Product Fruits