Help Center
Go back to application
Help Center
Go back to application
Getting Started
Getting started with Product FruitsFeatures overview
Testing your content
Examples
Editor
Tutorials
Tours
How to design a TourSelecting and targeting elementsTour/hint card buttons and customizationConnecting 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
Announcements
Checklists
Surveys
Life Ring Button
Feedback Widget
Knowledge Base
Developers
Advanced Configuration
Troubleshooting
Privacy & Security

Tours Part 4: How to create different layouts of tour cards and hints

This video shows the layout options of tour and hint cards. You can work with the header or footer layout to adjust the next, back, and skip buttons. 

Powered by Product Fruits