Dynamic Layer System

Define exactly where and when guidance appears using our configurable layer architecture with document object model (DOM) mapping technology.
‍

Overview
inncivio uses a system of configurable "layers" that define where and when guidance appears on your platform. Each layer is precisely mapped to your application's DOM structure, enabling pinpoint accuracy without ever touching your source code.

‍

Layer Components

Precise Targeting
Uses CSS selectors to attach guidance elements to specific DOM nodes. This approach ensures:

• Exact positioning on any element in your interface
• Zero interference with your platform's backend logic
• Flexibility to target any component, button, form field, or section

‍

Behavioral Triggers
‍Tooltips, pop-ups, and other elements can be configured to appear based on specific user behaviors:

• User Inactivity – Prompt users who pause or hesitate
• Repeated Clicks – Identify confusion and offer help
• Abandonment Signals – Intervene before users leave
• Scroll Depth – Engage users at key content milestones
• Time on Page – Deliver messages at optimal moments

‍

Multimodal Content
‍Each layer supports rich content formats that can be embedded directly or generated dynamically:

• Text – Clear, concise written guidance
• Video – Walkthrough tutorials and demonstrations
• Audio – Voice-guided assistance
• Avatars – Personalized, animated explainers

‍

How Layers Work Together
Layers operate independently yet cohesively across your platform. You can create guidance sequences that adapt to user journeys, track drop-off points, and adjust in real time based on engagement data.

‍

Configuration Flexibility
Customize layers manually through the inncivio dashboard, or let our AI auto-generate optimal configurations based on your goals and user behavior patterns.

‍

<< Back to Technical Documentation