Deine Erstgespräch-Landingpage — selbst gebaut

In diesem Ordner wird deine Landingpage entstehen — Texte, Design, alles an einem Ort.

• Rechtsklick auf den Desktop → Neuer Ordner
• Nenn ihn z. B. „Landingpage Erstgespräch"
• Merk dir den Namen — den brauchst du gleich wieder

Das sind die Dateien, die Claude „beibringen", wie deine Erstgespräch-Landingpage aufgebaut werden soll. Das Herzstück des Systems — ohne sie funktioniert der ganze Prozess nicht.

• Die heruntergeladene ZIP-Datei doppelklicken, um sie zu entpacken
• Alle Dateien aus dem entpackten Ordner in deinen Desktop-Ordner ziehen
• Nichts umbenennen, nichts öffnen, nichts ändern — einfach reinlegen
• Claude erkennt die Toolkit-Dateien später automatisch beim Start

Die einmalige Einrichtung hast du im Setup-Guide erledigt. Ab jetzt arbeitest du komplett in der App — ohne Terminal.

• Öffne die Claude Desktop-App
• Klick oben auf den „Code"-Tab
• Klick auf „Ordner wählen" (engl. „Select folder")
• Wähle deinen Projektordner mit den Toolkit-Dateien aus Step 2
• Claude erkennt die Toolkit-Dateien automatisch

Jetzt geht's los. In Claude Code siehst du unten ein Eingabefeld — dort tippt man mit Claude wie in einem normalen Chat. Kopiere genau diesen Prompt und füge ihn dort ein:

Claude liest jetzt alle Dateien aus deinem Ordner, versteht den Aufbau und stellt dir dann Schritt für Schritt Fragen — zu deiner Branche, deinem Angebot, deinem Erstgespräch (Dauer, Ablauf), zu dir und zu Design und Tonalität. Aus deinen Antworten baut Claude die komplette Seite automatisch: die Startseite, die Termin-Seite mit dem Kalender und die Danke-Seite, auf der deine Interessenten nach der Buchung landen — du musst dich um keine der Seiten selbst kümmern.

So läuft der Dialog ab

• Als Erstes fragt Claude, ob du schon eine Website oder Landingpage hast. Wenn ja, schick den Link — Claude schaut sie sich an, fasst kurz zusammen, was es gelernt hat, und übernimmt, was schon passt. Du bestätigst nur noch oder korrigierst. Fragt Claude, ob es deine Website öffnen darf: auf „Erlauben" klicken. Klappt das nicht, schick einfach einen Screenshot oder kopier den Text rein.
• Insgesamt rund 22 Pflichtfragen — Claude stellt pro Nachricht nur 2–3, du beantwortest sie in eigenen Worten
• 6 davon sind nur Vorschläge (z. B. Gesprächsname, Farben, Du/Sie, FAQ-Entwürfe) — ein kurzes „passt" reicht. Die 3 optionalen Fragen kommen nur, wenn sie für dich zutreffen (z. B. Tracking-Pixel nur, wenn du Werbung schaltest)
• Enter drücken, Claude stellt die nächsten Fragen
• So arbeitet ihr euch durch alle Themenblöcke — Schritt für Schritt
• Unsicher bei einer Frage? Schreib „weiß nicht" oder „mach einen Vorschlag" — Claude gibt dir passende Optionen
• Je ehrlicher und konkreter du antwortest, desto besser wird die Seite

Claude fragt dich im Verlauf, ob du eigene Bilder einbauen willst (z. B. dein Foto, Logo, Kundenstimmen). Wenn ja:

• Lege alle gewünschten Bilder direkt in deinen Desktop-Ordner (neben die Toolkit-Dateien)
• Claude erkennt sie automatisch — du musst nichts hochladen oder verlinken
• Nenn Claude einfach den Dateinamen, z. B. „Mein Foto heißt portrait.jpg"
• Formate: JPG, PNG, WebP oder SVG sind alle okay

Möchtest du dich per Video vorstellen (Speaker-Video), läuft das am einfachsten über Vimeo — der kostenlose Plan reicht. Video hochladen, Privatsphäre auf „Public" / „Anyone can see" stellen, Link kopieren und Claude geben: „Bette dieses Vimeo-Video als Vorstellungs-Video ein: https://vimeo.com/123456789"

Gut zu wissen: Das Video oben auf deiner Seite startet sofort stumm (ohne Tracking-Cookies) — deshalb muss Vimeo in deiner Datenschutzerklärung stehen. Weitere Videos, z. B. Kundenstimmen, laden erst, wenn dein Besucher in der Cookie-Leiste auf „Akzeptieren" klickt.

Wenn Claude fertig gebaut hat, zeigt er die Seite im Preview-Panel. Falls nicht automatisch: diesen Prompt verwenden:

Schau dir die Seite an. Passt etwas nicht, sag es Claude in eigenen Worten:

• „Ändere die Hauptüberschrift zu: XYZ"
• „Mach das Gold etwas dunkler"
• „Füge bei den Vorteilen noch einen Punkt hinzu: ..."
• „Der Text im Über-mich-Abschnitt ist zu lang, kürze ihn"
• „Stell den Button-Text auf: Jetzt kostenloses Erstgespräch buchen"

Claude passt an, du schaust wieder in die Vorschau. So lange, bis alles sitzt.

Calendly ist der Buchungs-Kalender, über den deine Interessenten direkt einen Termin wählen. Der kostenlose Tarif reicht zum Start völlig aus.

Schritt für Schritt

• Ein Konto bei Calendly anlegen (kostenlos)
• Einen Termin-Typ („Event Type") für dein Erstgespräch anlegen — mit einer festen Dauer (z. B. 30 Minuten, genau die Dauer, die du mit Claude festgelegt hast). Keine Auswahl-Spanne, sondern eine feste Länge.
• In den Fragen des Termin-Typs die Telefonnummer als Pflichtfeld hinzufügen
• Bestätigungs-Mail und Kalender-Einladung sind bei Calendly automatisch aktiv — da musst du nichts extra einstellen
• Deinen Calendly-Link kopieren

Link an Claude geben

Gib Claude jetzt deinen Calendly-Link, dann baut er ihn an der richtigen Stelle ein:

Wichtig: Ersetze deinname/erstgespraech durch deinen echten Calendly-Link (den du gerade kopiert hast) — sonst landen die Buchungen bei niemandem.

Sobald deine Seite live ist (gleich im nächsten Schritt), machst du eine echte Test-Buchung über die echte Internet-Adresse — damit du sicher bist, dass alles ankommt. Mach den Test am besten direkt nach dem Hochladen: Kalender, Weiterleitung und Tracking funktionieren zuverlässig nur auf der live Seite, nicht in der lokalen Vorschau.

• Öffne deine Landingpage und klick in der Cookie-Leiste unten auf „Akzeptieren" — dann erscheint auf der Termin-Seite dein Kalender
• Klick dich durch den Buchungs-Kalender wie ein echter Interessent
• Wähle einen Termin und gib deine echten Kontaktdaten ein (inkl. Telefonnummer)
• Prüf danach: Erscheint der Termin in deinem Calendly?
• Prüf: Kommt die Bestätigungs-Mail mit Kalender-Einladung an?
• Prüf: Landest du danach auf der Danke-Seite?
• Gegenprobe in einem privaten Fenster: „Ablehnen" klicken — die Seite bleibt bedienbar, auf der Termin-Seite stehen „Kalender laden" und der Link „Oder direkt bei Calendly buchen →". Der Link öffnet deinen Calendly in einem neuen Tab.

Netlify ist der Dienst, der deine Seite im Netz zugänglich macht. Der kostenlose Plan reicht für eine Erstgespräch-Landingpage völlig aus.

a) Account erstellen

• Gehe auf netlify.com
• Klick auf „Sign up" — am einfachsten mit Google-Account
• Wähle zunächst den Free-Plan — du kannst jederzeit später upgraden

b) Seite hochladen (ohne ZIP)

Bei dieser Seite brauchst du keine ZIP-Datei. Du ziehst einfach deinen kompletten Projektordner auf Netlify:

• Gehe auf netlify.com/drop — nur beim ersten Upload (Updates: siehe Hinweis unten)
• Zieh deinen ganzen Projektordner per Drag & Drop in das Feld — kein ZIP nötig
• Netlify nimmt den kompletten Ordner und stellt die Seite sofort online
• Du bekommst eine URL (z. B. mutiges-licht-1234.netlify.app) — deine Landingpage ist live

Deine Seite läuft jetzt auf einer netlify.app-URL. Für einen professionellen Auftritt verbindest du sie mit einer eigenen Subdomain wie termin.deinefirma.at. Du musst keine neue Domain kaufen — eine Subdomain deiner bestehenden Domain reicht.

Schritt für Schritt

• Im Netlify-Dashboard auf dein Projekt → „Domain management" → „Add a domain"
• Deine Wunsch-Subdomain eintragen, z. B. termin.deinefirma.at → bestätigen
• Netlify zeigt dir den DNS-Wert, den du beim Domain-Anbieter einträgst — meist ein CNAME-Eintrag, der auf deine netlify.app-Adresse zeigt
• Beim Domain-Anbieter einloggen (World4You, IONOS, GoDaddy, Namecheap o. ä.) → „DNS-Einstellungen" → „Neuer Eintrag"
• Typ: CNAME · Name / Host: der Subdomain-Teil (z. B. termin) · Wert / Ziel: die netlify.app-Adresse · TTL: Standardwert lassen
• Speichern. 15 Min. bis 24 Std. warten (DNS-Propagation). Netlify richtet das SSL-Zertifikat automatisch ein.

Wenn du über Meta (Facebook / Instagram) Werbung schaltest, willst du wissen, wer über deine Ads auf der Landingpage landet und einen Termin bucht. Dafür brauchst du einen Meta Pixel — einen kleinen Tracking-Code.

Deine Seite feuert dabei das NOW-Ziel-Event NOW_LEAD — genau in dem Moment, in dem jemand den Termin bestätigt, nicht schon beim Seitenaufruf. Parallel läuft Metas Standard-Event Lead mit, damit dein Werbekonto die gewohnten Signale für Zielgruppen und Lookalikes behält. Auf dieses eine, klar benannte Event optimierst du später deine Kampagne.

Schritt 1 — Pixel einbauen

• Im Meta Business Manager einen Pixel erstellen (falls noch nicht vorhanden)
• Deine Pixel-ID kopieren (eine lange Zahlenfolge)
• Claude schreiben: „Setze meine Meta Pixel ID: [deine ID]" — Claude baut sie an der richtigen Stelle ein
• Ordner in Netlify im Reiter „Deploys" neu hochladen (siehe Step 9)

Schritt 2 — Ziel-Event in der Werbeanzeige auswählen

Das ist der Schritt, den fast alle vergessen: Ein feuerndes Event bringt nichts, solange deine Kampagne nicht darauf optimiert. Ohne diesen Schritt läuft dein Budget ins Leere.

• Einmal eine echte Test-Buchung durchklicken — vorher kennt Meta das Event noch gar nicht und du kannst es nirgends auswählen
• Events Manager → Benutzerdefinierte Conversions → Erstellen: als Event NOW_LEAD wählen, Name „NOW LEAD — Erstgespräch", Kategorie Lead — keinen Wert eintragen
• In der Kampagne (Ziel: Leads) → Anzeigengruppe → Conversion-Ereignis → „NOW LEAD — Erstgespräch" auswählen, Conversion-Ort Website

Schritt 3 — prüfen (Pflicht)

Feuert das Event nicht, merkst du das an keiner Fehlermeldung — nur an fehlenden Conversions. Deshalb einmal sauber testen:

• Chrome-Erweiterung Meta Pixel Helper installieren
• Test-Buchung durchklicken: Beim Buchen muss genau ein NOW_LEAD und genau ein Lead stehen — nicht zweimal
• Auf der Danke-Seite darf kein weiteres Event feuern — und beim Neuladen ebenfalls nicht
• Im Events Manager → Test-Ereignisse prüfen, ob beide ankommen (kann 1–2 Minuten dauern)