HeatMapX

Heatmaps, die Sie direkt aus Claude Code starten.

CLI + CRO as Code. KI erfasst, analysiert und erstellt Verbesserungs-PRs — für Growth Engineers.

~/your-site

$ heatmapx analyze /pricing

✓ Captured 1,240 clicks · 3,180 scroll samples

✓ Claude analyzing heatmap…

→ CTA sits below the fold — 62% never reach it

→ Generated patch → PR #42 (cta-above-fold)

Heatmaps, die niemand auswertet.

Erkenntnisse bleiben in einem Kopf

Nur wer das Dashboard öffnet, weiß Bescheid. Hypothesen und Verbesserungshistorie landen nie in der Codebase.

Kein „Was testen wir als Nächstes?"

Sie sehen Klickverteilungen. Das nächste Experiment müssen Sie trotzdem selbst herleiten.

Filter sterben im GUI

Segmente und Filter aus dem Dashboard überleben keinen PR-Review.

Per CLI starten. Im Code tracken.

heatmap.config.ts
import { defineHypothesis } from 'heatmapx'

export default defineHypothesis({
  page: '/pricing',
  goal: 'Lift CTA reach rate',
  variants: [
    { name: 'control' },
    { name: 'cta-above-fold' },
  ],
})
  1. 1. Hypothese in heatmap.config.ts definieren
  2. 2. heatmapx analyze /pricing ausführen — Erfassung + KI-Analyse
  3. 3. Claude schlägt Fixes und einen HTML-Patch vor (Auto-PR kommt bald)
  4. 4. Review → Merge
  5. 5. analyze erneut ausführen — dieselbe Heatmap, die das Problem aufgedeckt hat, bestätigt den Fix

So funktioniert es

Von der Installation bis zu CRO-Erkenntnissen in 3 Schritten

Keine SDK-Integration. Keine Dashboard-Konfiguration. Einfach installieren, warten und analysieren.

01

Tracker installieren

Fügen Sie ein 1-Zeilen-Script-Tag auf Ihrer Website ein (oder führen Sie heatmapx init aus). Keine Code-Review, kein SDK-Setup.

02

Echte Benutzer browsen

HeatMapX erfasst Klicks, Scroll-Tiefe und Viewport-Sitzungen im Hintergrund. 24 Stunden Traffic reichen normalerweise aus.

03

KI-Fixes über CLI abrufen

Führen Sie heatmapx analyze /pricing in Ihrem Terminal aus (oder fragen Sie Claude Code). Erhalten Sie priorisierte CRO-Erkenntnisse + merge-bereit HTML-Patches.

Was Sie bekommen

Heatmap-Tracking

Klicks, Scroll-Tiefe und Mausbewegungen — erfasst durch einen schlanken Tracker.

CRO as Code

Hypothesen in heatmap.config.ts definieren. Team-Wissen im PR-Review verankern.

Claude Code CLI

heatmapx analyze /pricing — Claude analysiert, schlägt Fixes vor und generiert einen HTML-Patch.

Warum HeatMapX

HeatMapX vs. andere Heatmap-Tools

Für Heatmaps allein funktioniert jedes Tool. HeatMapX geht weiter — KI-generierte HTML-Patches, geliefert aus der CLI.

FunktionHeatMapXTool ATool B
1-Zeilen-Tracker-Installation
CLI-gesteuerte KI-Patches (auto-generiert HTML)
Claude Code skill / agent integration
PR-merge-bereit Output
Kostenlos✓ 1 site
Bezahlter Plan beginnt bei$29 / mo$80 / mo
Self-Hosted OptionRoadmap
Session Replay (Video)Roadmap
Rage / Dead-Click-ErkennungRoadmap

* Preise anderer Tools Stand Juni 2026, aus öffentlichen Quellen.

Für wen HeatMapX geeignet ist

Entwickelt für Builder, die messen

Von Solo-SaaS-Machern bis zu hauseigenen Dev-Teams und Claude Code Power-Usern. HeatMapX ist für die Menschen, die Dinge bauen und sie dann verbessern.

Indie hackers

Marketing engineers

Growth hackers

Solo-Entwickler, Marketers die programmieren, und growth-orientierte Engineer. Verbessern Sie die Konversion jeder Website, an der Sie arbeiten — B2C, SaaS, e-commerce, Content — ohne Ihr Terminal zu verlassen.

Freelance-Entwickler

Zeigen Sie Kunden konkrete Heatmap-Daten und beweisen Sie den ROI Ihrer Arbeit. KI-generierte CRO-Patches werden schneller ausgeliefert als handgeschriebene Berichte.

Kleine Dev-Teams

Agenturen

Kein Ops-Team, kein separater CRO-Berater nötig. Führen Sie Heatmap-Analysen aus Ihrem Dev-Workflow aus und liefern Sie Verbesserungen zusammen mit Features.

Claude Code users

Fragen Sie Claude Code, um Ihre Website zu analysieren, und erhalten Sie Heatmap-gestützte CRO-Vorschläge direkt im Gespräch. Kein Kontextwechsel.

Roadmap

  • Live

    Dashboard

    Klicks, Scrolls und Mausbewegungen visualisieren

  • Live

    Tracking API

    Einzeiliger, schlanker Tracker

  • Live

    Claude Code CLI

    Erfassung, Analyse und Vorschläge direkt aus der CLI

  • Live

    KI-Vorschläge + HTML-Patch-Generierung

    Claude wandelt Analysen in PR-fertige Verbesserungs-Patches um

  • In Arbeit

    Team-Plan

    Mehrere Sitze für Team-Zusammenarbeit

  • In Arbeit

    First-View A/B-Tests (Setup & Messung)

    Varianten im Above-the-Fold-Bereich ausspielen und messen

  • In Arbeit

    A/B-Test-Übernahme

    Gewinnervariante mit einem Klick in Produktion übernehmen

  • In Arbeit

    A/B-Auto-Optimierung (ML)

    Traffic automatisch zur Gewinnervariante leiten — wie Ad-ML

Pricing

Simple, transparent pricing

Start free, scale as you grow. Save ~20% with yearly billing.

Free

Indie hackers / freelancers

$0/ Mo.
  • 1 Website
  • 5.000 Sessions / Monat
  • 10 KI-Analysen / Monat
See details

Pro

20 % RABATT

Marketing engineers / growth hackers

$29/ Mo.
  • 3 Websites
  • 50.000 Sessions / Monat
  • 100 KI-Analysen / Monat
See details

Team

Inhouse-Teams / Agenturen

$99/ Mo.
  • 10 Websites
  • 500.000 Sessions / Monat
  • 1.000 KI-Analysen / Monat
See details

Enterprise

Hohes Volumen / individuell

Vertrieb kontaktieren
  • Unbegrenzte Websites, Sessions, Analysen
  • Dedizierter Support & SLA
  • Self-Hosted-Option verfügbar
See details

FAQ

Was kostet es?
Free / Pro $29/mo / Team $99/mo / Enterprise — vier Stufen, 20 % Rabatt bei jährlicher Zahlung. Details unter heatmapx.com/de/pricing.
Was unterscheidet HeatMapX von Hotjar / Microsoft Clarity / PostHog?
Diese Tools sind GUI-basierte Heatmap-Viewer. HeatMapX verwaltet Hypothesen in git per CLI + Code — und Claude schlägt die konkreten Verbesserungen vor.
Welche Websites werden unterstützt?
Jede Website, auf der Sie ein Tag einbinden können. Getestet mit Next.js / Nuxt / Astro / WordPress.
Wie steht es um den Datenschutz?
Es werden keine personenbezogenen Daten erfasst — nur Klick-Koordinaten und eine anonyme Session-ID.
Wie fange ich an?
Kostenlos registrieren, Website hinzufügen, den generierten Tracker-Tag einbinden und heatmapx analyze im Terminal ausführen. Erste Heatmap und KI-Vorschläge in wenigen Minuten.

Kein Warten mehr.

Kostenlos registrieren, Website hinzufügen, Tracker einbinden und heatmapx analyze ausführen — Ihre erste Heatmap, noch heute.