# Schnellinstallation in 3 Minuten

Der schnellste Weg zu einem FlowConsent-Banner — registrieren, Banner anlegen, ein Script-Tag einfügen. Drei Minuten, keine Konfiguration.

> Canonical: https://www.flowconsent.com/de/doc/quick-install
> Last updated: 2026-05-01
Das ist der Script-and-Go-Pfad für alle, die in drei Minuten ein DSGVO-konformes Banner live haben wollen. Alle optionalen Einstellungen werden übersprungen — Feintuning später.

## 1. Registrieren

Gehen Sie zu [app.flowconsent.com](https://app.flowconsent.com) und erstellen Sie ein Konto. Der Free-Plan deckt 1 Banner mit Self-Hosting auf Ihrem eigenen Cloudflare-Konto ab — ohne Kreditkarte.

## 2. Banner anlegen

Klicken Sie auf der Seite **Banners** auf **+ Neues Banner**. Geben Sie ein:

- Einen Namen (beliebig, z.B. `acme-website`)
- Ihre Website-URL (`https://acme.com`)

FlowConsent scannt die Seite und befüllt die Tabs **Services** und **Cookie list** automatisch mit den erkannten Drittanbieter-Skripten. Die Defaults sind DSGVO-konform: gleich große Akzeptieren-/Ablehnen-Buttons, Prior-Blocking, granulare Kategorien.

## 3. Deployen

Öffnen Sie den Tab **Deployment**.

**Im Free-Plan** werden Sie aufgefordert, ein Cloudflare-Konto zu verbinden, damit wir einen Worker in Ihrer Infrastruktur deployen. Folgen Sie der [Cloudflare-Anleitung](/de/doc/cloudflare-deployment) — beim ersten Mal etwa 2 Minuten.

**Im Pro / Enterprise-Plan** ist Deploy ein Klick; das Banner liegt unter `https://IHR-WORKSPACE.consent.flowconsent.com`.

Nach dem Deploy zeigt der Tab **Deployment** Ihren Installations-Snippet:

```html
<!-- FlowConsent CMP -->
<script src="https://IHR-WORKSPACE.consent.flowconsent.com/cookie-manager.js?code=IHR_LICENSE_CODE"></script>
```

## 4. Snippet einfügen

Fügen Sie den Snippet in den `<head>` jeder Seite Ihrer Website ein, **so weit oben wie möglich** — idealerweise direkt nach `<head>` und vor jedem anderen `<script>`. Das ist Voraussetzung für das Prior-Blocking: jedes Tracking-Skript unter dem Snippet wird zurückgehalten, bis Einwilligung erteilt wird.

Bei einer statischen HTML-Site fügen Sie ihn ins Template ein. Bei einem CMS:

- **WordPress** — `header.php` des Themes oder ein Plugin wie *Insert Headers and Footers*
- **Shopify** — Online-Shop → Themes → Code bearbeiten → `theme.liquid` → in `<head>`
- **Webflow** — Project Settings → Custom Code → Head Code
- **Framer** — Site Settings → Custom Code → End of `<head>`
- **Next.js / Nuxt / SvelteKit** — `<head>` des Root-Layouts. Für clientseitiges Routing aktivieren Sie zusätzlich den SPA-Modus — siehe [Next.js- & React-SPA-Leitfaden](/de/doc/nextjs-integration)

## 5. Prüfen

Öffnen Sie Ihre Website im Inkognito-Fenster. Sie sollten sehen:

- Das Banner beim ersten Besuch
- Keine Drittanbieter-Requests im Tab **Netzwerk** vor dem Klick auf **Akzeptieren**
- Einen neuen Eintrag unter **Analytics → Sessions** im FlowConsent-Dashboard innerhalb von ~1 Minute

Falls das Banner nicht erscheint, prüfen Sie, dass der Snippet im `<head>` (nicht im `<body>`) steht und nicht von einer CSP blockiert wird.

## Fertig

Das ist die Minimal-Installation. Sobald Sie Zeit haben:

- [Farben und Texte im Builder anpassen](/de/doc/dashboard-overview)
- [Sprachen zum Banner hinzufügen](/de/doc/dashboard-overview)
- [Analytics lesen](/de/doc/dashboard-overview)
