Interactive pointers
Pointers are clickable hotspots you can add to pages in your flipbook or artworks in your gallery. Use them to make your content interactive and guide viewers through your material.
Pointers are available for Flipbook and Gallery projects. Lanyard projects use the Navigation Dock for interactivity.
What are pointers?
Pointers are visual icons that appear on your flipbook pages or gallery artworks. When clicked, they perform an action like:
- Jumping to another page in the flipbook
- Opening an external website
- Showing a tooltip with information
- Opening a modal with rich content
Pointer types
Go to page
Navigate viewers to a specific page in your flipbook. Great for:
- Table of contents links
- "Learn more on page X" references
- Back to cover/home links
- Sequential navigation hints
Open URL
Open an external website in a new tab. Perfect for:
- Product purchase links
- Social media profiles
- Contact forms
- Related resources
Show tooltip
Display text when viewers hover over or click the pointer. Useful for:
- Product descriptions
- Price information
- Quick facts
- Hints and tips
Show modal
Open a popup with rich text content. Ideal for:
- Detailed product information
- Terms and conditions
- Contact information
- Additional content that won't fit on the page
Adding a pointer
- Navigate to the page or artwork where you want to add the pointer. Use the navigation to go to the correct page (flipbook) or artwork (gallery).
- Open the Pointers tab in the right sidebar.
- Click "Add Pointer" to start creating a new pointer.
- Click on the preview to set the pointer's position. You'll see a preview of where the pointer will appear.
- Configure the pointer in the form that appears:
- Choose the action type (Page, URL, Tooltip, Modal)
- Set the action target (page number, URL, or content)
- Select an icon from the library
- Choose a color
- Set the size (small, medium, large)
- Add an optional label
- Save the pointer by clicking the save button.
Customization options
Icons
Choose from 50+ icons including arrows, shapes, symbols, and action icons. Use the search to find the perfect icon.
Colors
Pick from preset colors or enter a custom hex code. Make pointers stand out or blend with your design.
Sizes
Three sizes available: Small (24px), Medium (32px), and Large (44px). Choose based on importance and page design.
Position
Position pointers precisely by clicking on the page. Fine-tune with percentage coordinates (X/Y).
Managing pointers
The Pointers tab shows all pointers on the current page or artwork:
- Edit: Click on a pointer in the list to modify its settings
- Delete: Remove a pointer by clicking the delete button
- Preview: See pointers in real-time on the preview
- Filter: View pointers by page/artwork or see all pointers
Best practices
- 1Don't overcrowd pages - use pointers strategically
- 2Use consistent colors for similar actions
- 3Make pointers large enough to tap on mobile
- 4Avoid covering important content
- 5Use tooltips for quick info, modals for detailed content
- 6Test all pointer links before sharing
Example use cases
Product catalog
Add "Buy Now" pointers linking to your store, info icons for product specs, and navigation to related products.
Interactive magazine
Link article references to their pages, add "Read more" modals for extended content, and social share links.
Training manual
Create clickable table of contents, add tooltip hints for technical terms, and link to video tutorials.