App
Docs/Core/Core Concepts
Core

Core Concepts

Understanding Inpera's core features.

1 min read

Core Concepts

These core concepts will help you understand how Inpera works.

Topics

Feature Description
Annotation Overlay The visual annotation interface
Annotations Creating and managing feedback
Inspect Mode Element inspection features
Integrations Third-party tool connections

Key Concepts

Annotations

Visual feedback pinned to specific elements on your website. Each annotation includes:

  • Content (feedback text)
  • DOM fingerprint (selector, XPath, text)
  • Position coordinates
  • Status (open, in_progress, resolved)

DOM Fingerprinting

Inpera captures multiple identifiers for each annotated element, allowing annotations to be re-bound even when the DOM structure changes.

Overlay

A lightweight JavaScript overlay (< 50KB) that enables point-and-click annotations. Includes floating comment button, area selection, and console log capture.

Embed Script

A production-grade, dependency-free script (< 35KB) that collects DOM metadata, tracks interactions, and sends batched data to Inpera.

Integrations

Native connections to Jira, Linear, GitHub, Slack, Discord, Microsoft Teams, Notion, Trello, Asana, and Jenkins.

Architecture

Your Website
    ↓
Embed Script (data collection)
Overlay (annotations)
    ↓
Inpera API
    ↓
Dashboard + Integrations