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

Introduction Basic setup Card editor Editing your content Full Preview

Pricing, Security and Billing

User data, security & GDPR SOC2 Certification Multi-factor authentication (MFA)User Permissions and Role Management Product Fruits Billing

User Guides

Custom events overview

Tours

Tours Overview How to design a Tour Selecting and targeting elements Tour/hint card buttons and customization Connecting Tours AI Tours Launching tours on element click Dynamic URLs How to design tours for mobile web Share product tours by link Targeting elements in iframes Custom buttons and JavaScript actions Custom JavaScript triggers

Hints

How to design Hints 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

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

Announcements

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

Surveys

Surveys Overview Survey branching Answer required & answer syncing 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 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 Integrations with Analytical 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 Identifying Users Custom Initialization Options Installation to React or NextJS Applications Content Security Policy Installation to VueJS Installation to Angular Installation to Other Web Platforms Installation via NPM Package Installation via Google Tag Manager

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 Product Tours Hints Announcements Surveys Checklists Feedback A/B Testing via External Tools Life Ring Button Life Ring Button (Legacy)Events Tracking Analytics

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