Go back to application

Go back to application

Basics

Getting Started

Getting started with Product Fruits Features overview Onboarding and engagement setup example with Twigsee

Using the Editor

Introduction Basic setup Card editor Editing your content 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 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 Content Map

Tours

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

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

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 Analytics platforms integrations Typeform integration ActiveCampaign integration HubSpot integration Segment integration Mixpanel Integration Zapier integration

Chat Providers

General Summary 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

Identifying users Installation overview Custom initialization options Installation to React or NextJS applications Installation to VueJS Content Security Policy 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 Hints Announcements Surveys Checklists Feedback Life Ring Button A/B testing via external tools Life Ring Button (Legacy)Events Tracking Analytics Product Tours

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 4: Card Position and Size

This video reviews the Card Position and Size section of the Hints editor.

Was this article helpful?

Powered by Product Fruits