optimierte texte

This commit is contained in:
knso committed 2026-05-25 14:49:50 +02:00
1 parent f7dd547f8d
commit 7e58e43e18
55 files changed
+6318 -210

No files matched your search

+2 -2
View File
@@ -7,7 +7,7 @@ Wenn das Kontaktformular mit **403 (Forbidden)** oder **CORS** fehlschlägt, feh
1. Öffne **https://appwrite.webklar.com** (oder deine Appwrite-Installation).
2. Wähle dein **Projekt** (Project ID: `696b82270034001dab69`).
3. Gehe zu **Settings** (Projekt-Einstellungen).
4. Unter **Platforms** (Plattformen) siehst du z. B. eine Web-App mit `http://localhost:8080`.
4. Unter **Platforms** (Plattformen) siehst du z. B. eine Web-App mit `http://localhost:5173`.
## Erlaubte Origins hinzufügen
@@ -17,7 +17,7 @@ Typischerweise:
| Umgebung | URL (Origin) |
|----------|----------------|
| Lokal / Dev | `http://localhost:8080` |
| Lokal / Dev | `http://localhost:5173` (Vite; früher 8080) |
| Server (IP) | `http://100.84.12.11:8080` |
| Produktion | `https://webklar.com` (bzw. deine echte Domain) |
+207
View File
@@ -0,0 +1,207 @@
# WEBklar – Cold-Email-Paket (B2B KMU)
Ziel: **kurze Antwort** oder **15-min. Potenzialanalyse** (unverbindlich).
Link: https://webklar.com/kontakt · E-Mail: support@webklar.com · Tel. 0170 4969375
---
## Zielgruppe
- **Wer:** Inhaber, Geschäftsführung, Office/Leitung bei KMU (ca. 5–50 MA)
- **Schmerz:** Anfragen verteilt (E-Mail, Telefon, Formular), Website veraltet, viel manuelle Arbeit, Tools ohne Verbindung
- **Angebot:** Website + Prozesse + Automatisierung aus einer Hand – kostenlose Potenzialanalyse
---
## Betreffzeilen (kurz, „intern“)
Wähle eine Zeile pro Mail – keine Großbuchstaben, kein Emoji:
| Variante | Betreff |
|----------|---------|
| A | `anfragen website` |
| B | `kurze frage` |
| C | `{{firma}} digital` |
| D | `nachfragen verloren` |
| E | `15 minuten` |
---
## Persona 1: Inhaber / GF (allgemein KMU)
### Mail 1 – Tag 0
**Betreff:** `anfragen website`
Hallo {{vorname}},
ich war gerade auf {{website_url}} – wirkt solide, aber ich vermute: Anfragen laufen trotzdem noch über E-Mail, Telefon und vielleicht ein Formular, das niemand zentral sieht.
Bei vielen KMU, mit denen wir sprechen, kostet das keine einzelne Stunde, sondern **verlorene oder verspätete Kunden** – plus doppelte Pflege in Excel und CRM.
WEBklar bündelt Website, Abläufe und Anbindungen in **ein System** (nicht fünf Agenturen). Als Einstieg machen wir eine **kostenlose Potenzialanalyse** (~15 Min.): Wo der größte Hebel liegt, ohne Verpflichtung.
Wäre das für {{firma}} grundsätzlich interessant – ja oder nein reicht.
Viele Grüße
{{dein_name}}
WEBklar · webklar.com/kontakt
---
### Mail 2 – Tag 3 (neuer Winkel: Zeit)
**Betreff:** `kurze frage`
Hallo {{vorname}},
kurz ein anderer Blickwinkel: Wie viel Zeit geht bei Ihnen pro Woche drauf für **Nachfragen sortieren, Termine abstimmen, Daten doppelt eintragen**?
Wenn die Antwort „zu viel“ lautet, ist das meist kein Personalproblem – sondern fehlende Verknüpfung zwischen Website, Postfach und den Tools, die Sie schon haben.
Genau dafür bauen wir bei KMU ein Setup, das mitwächst. Unverbindlicher Start: Potenzialanalyse auf webklar.com/kontakt.
Soll ich Ihnen zwei freie Slots für nächste Woche vorschlagen?
{{dein_name}}
---
### Mail 3 – Tag 8 (Social Proof)
**Betreff:** `ähnliche firma`
Hallo {{vorname}},
ein Beispiel aus der Praxis: Für **JMK Engineers** haben wir Website und technische Präsentation so gebaut, dass Anfragen klar ankommen – ohne dass das Team parallel fünf Tools pflegen muss.
Ähnliche Ausgangslage wie bei vielen Betrieben Ihrer Größe: Wachstum ja, aber der Alltag wird chaotischer.
Falls Sie möchten, skizziere ich in 15 Min., was sich bei {{firma}} realistisch verbessern ließe – ohne Pitch-Deck.
Passt ein kurzer Austausch?
{{dein_name}}
---
### Mail 4 – Tag 15 (Nutzen / Ressource)
**Betreff:** `checkliste`
Hallo {{vorname}},
unabhängig davon, ob wir zusammenarbeiten – drei Fragen, die wir in der Potenzialanalyse immer klären:
1. Wo landen neue Anfragen heute wirklich?
2. Was wird **zweimal** eingetippt (Website → Excel → CRM)?
3. Was bricht zuerst, wenn Sie 20 % mehr Aufträge hätten?
Wenn eine der Antworten unbequem ist, lohnt sich meist ein Gespräch.
Formular: webklar.com/kontakt – oder einfach auf diese Mail antworten.
{{dein_name}}
---
### Mail 5 – Tag 21 (Breakup)
**Betreff:** `letzte mail`
Hallo {{vorname}},
ich melde mich ein letztes Mal – vermutlich passt das Thema gerade nicht.
Falls sich das ändert: Wir machen weiterhin die **kostenlose Potenzialanalyse** für KMU, die Website und Prozesse zusammenbringen wollen.
Bis dahin viel Erfolg mit {{firma}}.
{{dein_name}}
WEBklar
---
## Persona 2: Handwerk / lokaler Betrieb
### Mail 1 – Tag 0
**Betreff:** `aufträge nachfragen`
Hallo {{vorname}},
bei Handwerksbetrieben Ihrer Größe höre ich oft: **gute Arbeit, volle Auftragsbücher** – aber Anfragen per Telefon, E-Mail und Kontaktformular laufen nebeneinander, und niemand hat den Überblick.
Dann gehen Nachfragen unter oder Rückrufe kommen zu spät – obwohl die Website eigentlich „offen“ wirkt.
WEBklar richtet Website und einfache Abläufe so ein, dass Anfragen **an einem Ort** landen und weniger manuell sortiert werden müssen. Start ist eine kurze, kostenlose Potenzialanalyse.
Ist das bei {{firma}} ein Thema – ja/nein?
{{dein_name}} · webklar.com/kontakt
---
### Follow-ups Persona 2
Nutze für Mail 2–5 dieselbe **Tag-3 / 8 / 15 / 21**-Logik wie oben, mit diesen Betreffen:
| Tag | Betreff | Kern |
|-----|---------|------|
| 3 | `rückrufe` | Zeit für Rückrufe / Terminchaos |
| 8 | `email sorter` | Hinweis auf Automatisierung (z. B. E-Mail-Workflows – emailsorter.webklar.com) |
| 15 | `wachstum` | „Was passiert bei 20 % mehr Anfragen?“ |
| 21 | `letzte mail` | Breakup wie oben |
---
## Persona 3: Dienstleister / Agentur-nahe KMU
### Mail 1 – Tag 0
**Betreff:** `pipeline sichtbar`
Hallo {{vorname}},
wenn {{firma}} über Empfehlungen und Website-Kontakte wächst, fehlt oft nicht der Umsatz – sondern **Sichtbarkeit in der Pipeline**: Wer hat angefragt, wer wartet, wer ist verloren gegangen?
Viele Teams haben CRM, E-Mail und Kalender – aber nicht verbunden. Dann wird Marketing zum Bauchgefühl.
Wir verbinden Website, Formulare und die Tools, die Sie schon nutzen. Erster Schritt: 15-min. Potenzialanalyse, unverbindlich.
Lohnt sich ein kurzer Blick?
{{dein_name}}
WEBklar
---
## Personalisierung (vor dem Versand)
| Level | Was eintragen | Beispiel |
|-------|----------------|----------|
| Minimum | Vorname, Firma | „Hallo Thomas,“ |
| Besser | Website + eine Beobachtung | „ich war auf muster-gmbh.de – Kontakt nur per Telefon …“ |
| Stark | Trigger | „Gratulation zur neuen Stelle …“ / „Stelle für Bürokraft online …“ |
Platzhalter: `{{vorname}}`, `{{firma}}`, `{{website_url}}`, `{{dein_name}}`
---
## Versand-Hinweise
- **HTML/ Bilder:** nein – Plain Text
- **Links:** maximal einer (webklar.com/kontakt)
- **CTA:** Interesse abfragen, nicht „30-Min.-Demo“
- **Beste Tage:** Di–Do, vormittags
- **Cadence:** Tag 0 → 3 → 8 → 15 → 21
---
## Rechtliches (Kurz)
- B2B-Kaltmail in DE: berechtigtes Interesse / Einzelfall prüfen, Opt-out anbieten
- Impressumspflicht: WEBklar-Impressum in Signatur verlinken (webklar.com/impressum)
- Keine irreführenden „Re:“-Betreffzeilen
*Keine Rechtsberatung – bei größeren Volumina Anwalt/Datenschutz einbeziehen.*
+61
View File
@@ -0,0 +1,61 @@
# WEBklar – Tracking-Plan
## Status: Google Analytics übersprungen
GA4 ist **nicht aktiv** und muss nicht eingerichtet werden. Solange `VITE_GA4_MEASUREMENT_ID` **nicht** in `.env` steht, sendet die Website **keine** Daten an Google.
Später optional aktivierbar — Abschnitt [GA4 aktivieren](#ga4-aktivieren-später-optional) unten.
## Übersicht
| Feld | Wert |
|------|------|
| Produkt | Marketing-Website (Vite + React SPA) |
| Tool | Google Analytics 4 (gtag.js) — **derzeit aus** |
| Mess-ID | nicht gesetzt (bewusst übersprungen) |
| Implementierung | `src/lib/analytics.ts`, `AnalyticsProvider` (liegt brach) |
## Ziele (Entscheidungen)
- Welche CTAs führen zu `/kontakt`?
- Wie viele Kontaktanfragen pro Kanal (UTM)?
- Welche Seiten werden besucht (inkl. SPA-Routen)?
## Events
| Event | Beschreibung | Properties | Trigger |
|-------|--------------|------------|---------|
| `page_view` | Seitenaufruf | `page_path`, `page_title` | Route-Wechsel (SPA) |
| `cta_clicked` | CTA-Klick | `button_text`, `location` | Klick auf `data-analytics-cta` oder Hero-Button |
| `form_submitted` | Kontaktformular erfolgreich | `form_type: contact` | Nach erfolgreichem Appwrite-Speichern |
## Conversions (in GA4 Admin markieren)
1. `form_submitted` – Haupt-Conversion (Lead)
2. Optional: `cta_clicked` mit `location: hero` – Interesse vor Formular
## UTM (Kampagnen-Links)
Beispiel für Newsletter oder Ads:
```
https://webklar.com/kontakt?utm_source=newsletter&utm_medium=email&utm_campaign=launch_2026
```
Konvention: Kleinbuchstaben, Unterstriche (`blog_footer_cta`).
## GA4 aktivieren (später, optional)
Nur wenn du messen willst:
1. In [Google Analytics](https://analytics.google.com/) Property → Datenstream → **Mess-ID** kopieren (`G-XXXXXXXXXX`).
2. In `.env`: `VITE_GA4_MEASUREMENT_ID=G-XXXXXXXXXX`
3. Dev-Server neu starten, in GA4 **DebugView** testen.
## Consent (EU)
Standard: `analytics_storage: denied` bis `grantAnalyticsConsent()` (z. B. Cookie-Banner). Ohne Banner bleibt Tracking inaktiv bis du die Funktion anbindest.
## Skills (Cursor)
Marketing-Skills liegen in `.agents/skills/` (analytics, copywriting, ai-seo, …). Im Agent-Chat z. B.: *„Richte GA4 für WEBklar ein“* – der `analytics`-Skill wird automatisch vorgeschlagen.