Help Center
Go back to application
Help Center
Go back to application
Getting Started
Product Fruits features overview
Getting started with Product Fruits
How to test content before sharing it with your users
Testing in Chrome based browsers without installation
Multi-tenant applications
Segmentation and custom data
Editor
Introduction
Basic setup
WYSIWYG (What You See Is What You Get) Card Editor
Editing your content
Full Preview vs. viewing published content
Tours Video Tutorials
All editor tutorials for Tours
Tours Part 0: Introduction to our editor
Tours Part 1: How to target elements and build tour and hint cards
Tours Part 2: Basic settings - highlighting elements
Tours Part 3: How to position and size your tour cards
Tours Part 4: How to create different layouts of tour cards and hints
Tours Part 5: How to delay or hide tour cards, and other uncommon scenarios
Hints Video Tutorials
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
Tours & Hints
Dynamic URLs
Selecting and targeting elements
Tour/hint card buttons and customization
Custom buttons and JavaScript actions
Targeting elements in iframes
Tours
How to design a Tour
Share product tours by link
Custom JavaScript triggers
How to design tours for mobile web
Connecting Tours
Launching tours on element click
Hints
How to design Hints
Checklists
How to design a Checklist
How to embed checklists to custom elements
API-driven checklist items
Group based checklists
Knowledge Base
How to Create Content in the Knowledge Base
Embedding knowledge base
Access management
Secure your knowledge base
Enable access only for users from your application
Announcements
BETA announcements vs. legacy announcements
Newsfeed
Newsfeed overview
Newsfeed embeddable widget
Public newsfeed and changelog
Banners
Moving layout for banners
Popups
Pop-ups overview
Surveys
Surveys Overview
Survey Branching
Answer Required & Answer Syncing
How to preview Surveys
Using surveys API
Question Types
Rating
Text input
Selection
Message to users
Custom Events
Custom Events Overview
Feedback Widget
Recordings and screenshots restrictions
Tutorials
Segmentation
How to localize your content
How to get adoption feedback from users
A/B testing via external tools
Content personalization and placeholders
Employee Training
RTL/LTR languages customizations
Examples of backend HMAC computation
Useful CSS snippets
Popular CSS snippets examples
Easy to adjust CSS variables
Customize Life Ring Button
Adjust styles for different devices
Product Fruits branding
Single sign-on
Product Fruits Single-sign on (SSO) Overview
SSO with OneLogin
SSO with Microsoft Azure Active Directory
SSO with Okta
SSO with JumpCloud
Troubleshooting
Live debugging
Product Fruits is not loading
Product Fruits is showing blank cards
Tours/hints editor is not loading
Onboarding Content Isn't Displaying On a Page Until After Refresh
Debugging
Restarting the content for users
Waiting for a target element
URLs don't match
Segmentation doesn't match
External Integrations
Analytics platforms integrations
Typeform integration
ActiveCampaign integration
HubSpot integration
Segment.io integration
Mixpanel Integration
Google Analytics 4 via Google Tag Manager Integration
Chat Providers
General Summary
Crisp
Freshdesk
Intercom
ZenDesk
HubSpot Chat
Custom Chat Widget
Developers
Installation overview
Users tracking modes
Installation
Identifying users
Installation to React or NextJS applications
Installation to VueJS
Installation to Angular
Installation to other web platforms
Installation via NPM package
Installation via Google Tag Manager
Web applications (legacy script)
Installation to React or NextJS applications (legacy)
Advanced Integration
User identity verification
Content Security Policy
Dynamic CSS classes or attributes
Advanced diagnosing
Handling keyboard shortcuts in applications
Sites without authentication
JavaScript API
API Overview
Product Tours
Hints
Checklists
Surveys
Events Tracking
Feedback
Life Ring Button
Announcements
Analytics
Server-side API
Authentication
Rate limiting
User identification
Events tracking
Users management
Feedback webhooks
Surveys webhooks
Experimental Features
Segmentation rules import
Tracked Users batch update
Privacy & Security
Multi-factor authentication (MFA)
Product Fruits is SOC2 certified
User data, security & GDPR
Hints Part 5: Card Layout and Settings
This video reviews the Card Layout and Settings section of the Hints editor.