Anleitung · Schritt für Schritt

Deine Erstgespräch-Landingpage — selbst gebaut

Eine Seite mit einem Ziel: Passende Interessenten buchen sich direkt ein kostenloses Erstgespräch über deinen Kalender. Diese Anleitung führt dich von ganz vorne bis zur fertigen, live gehosteten Seite — ohne Technik-Wissen.

Bevor du startest

Was ist ein Erstgespräch-Funnel — und warum?

Eine fokussierte Landingpage mit nur einem Ziel: Der Interessent bucht sich direkt einen Termin für ein kostenloses Erstgespräch — statt nur ein Formular auszufüllen und auf deinen Rückruf zu warten. Er wählt selbst einen freien Slot in deinem Kalender und ist sofort verbindlich dabei.

Warum direkte Terminbuchung funktioniert

Wer aktiv einen Termin in deinem Kalender wählt, bindet sich anders als jemand, der nur seine E-Mail dalässt. Er hat sich entschieden, sich Zeit für dich zu nehmen. Das schafft Vertrauen und Verbindlichkeit — und die Show-Up-Qualität ist deutlich höher als bei reinen Formular-Leads, die du erst mühsam erreichen musst.

Im Zusammenspiel mit Meta Ads

Über Meta-Werbung führst du qualifizierte Interessenten direkt auf deine Landingpage — und von dort in einen gebuchten Termin:

Anzeige Landingpage Termin buchen (Calendly) Erstgespräch Beratungsgespräch Kunde

Deine Vorteile

Qualifizierte Termine

Nur wer wirklich will, bucht sich einen Slot in deinen Kalender.

Kein Hin-und-Her

Die Terminfindung läuft automatisch über den Kalender — keine E-Mail-Pingpong-Schleifen.

Läuft automatisch

Bestätigung und Erinnerung verschickt das Buchungstool selbst — du musst nichts tun.

Planbarer Kalender

Du siehst alle Gespräche an einem Ort und behältst den Überblick.

Anleitung · Schritt für Schritt

So baust du sie — Schritt für Schritt.

Kein Code Direkt-Buchung Seite geht live
Zuerst

Claude Code einrichten

Bevor du loslegst, muss Claude Code einmal auf deinem Computer eingerichtet sein (Desktop-App + Git + einmalige Installation). Das machst du nur EINMAL — danach gilt es für alle Anleitungen.

Zum Setup-Guide →

Schon eingerichtet? Dann geht's direkt weiter.

Der Ablauf auf einen Blick

  • Ordner am Desktop anlegen
  • Toolkit-Dateien herunterladen & reinlegen
  • Projekt in der Desktop-App öffnen
  • Prompt starten & Fragen beantworten
  • Bilder & Videos einbauen
  • Vorschau öffnen & Feinschliff
  • Calendly einrichten
  • Test-Buchung durchklicken
  • Netlify-Account & Seite hochladen
  • Subdomain einrichten (DNS-Eintrag)
1

Ordner anlegen

ca. 30 Sekunden

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
2

Toolkit-Dateien herunterladen & reinlegen

ca. 2 Min. · wichtigster Schritt

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.

Im Toolkit enthalten
CLAUDE.md FRAGEN-AN-DICH.md STRUKTUR.md LEKTIONEN.md Copy.md START-HIER.md
Toolkit herunterladen →
  • 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
Wichtig Ohne diese Dateien weiß Claude nicht, wie deine Landingpage aufgebaut werden soll. Bitte alle reinlegen — auch wenn du einzelne davon noch nie öffnen wirst.
3

Projekt in der Desktop-App öffnen

ca. 1 Minute

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
🖥️ Komplett ohne Terminal Ab hier passiert alles in der Desktop-App. Das Terminal aus der Einrichtung brauchst du nie wieder.
4

Prompt starten & Fragen beantworten

ca. 20–30 Minuten

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:

Bau mir eine Erstgespräch-Landingpage. Nutze dafür das komplette Toolkit in diesem Ordner: CLAUDE.md, FRAGEN-AN-DICH.md, STRUKTUR.md, LEKTIONEN.md, Copy.md und START-HIER.md. Starte mit den Fragen aus Block 1.

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

  • Claude stellt pro Nachricht nur 2–3 Fragen — du beantwortest sie in eigenen Worten
  • 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
Branchenflexibel Das Toolkit bringt fertige Branchen-Profile mit und fragt deine Branche frei ab. Egal ob Coach, Berater, Finanz- oder Dienstleister — Texte, Beweise und Einwände passen sich an dich an.
5

Bilder & Videos einbauen

ca. 10 Minuten · optional

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"

Keine Bilder oder Videos? Kein Problem. Wenn du noch nichts hast, baut Claude die Seite mit eleganten Platzhaltern. Du kannst echte Bilder und Videos jederzeit später nachreichen.
6

Vorschau öffnen & Feinschliff

ca. 15–20 Minuten

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

Öffne die Vorschau

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.

7

Calendly einrichten

ca. 15 Min. · das Herzstück

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

Calendly öffnen →

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
Wichtig — keine Weiterleitung in Calendly Setze KEINE automatische Weiterleitung (kein Redirect) in Calendly — deine Landingpage leitet selbst auf die Danke-Seite weiter. Sonst feuert das Tracking doppelt.

Link an Claude geben

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

Mein Calendly-Link ist https://calendly.com/deinname/erstgespraech — bau ihn als Buchungs-Kalender in die Landingpage ein.

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

8

Test-Buchung durchklicken

ca. 5 Minuten

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 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?
Bei aktivem Meta Pixel Wenn du den Meta Pixel eingebaut hast (siehe Bonus unten): Der Meta Pixel Helper soll bei der Buchung genau EIN „Lead"-Event zeigen — nicht null, nicht zwei. Feuert es doppelt, prüf, ob in Calendly versehentlich eine Weiterleitung gesetzt ist (siehe Step 7).
9

Netlify-Account erstellen & Seite hochladen

ca. 5 Min. · Free-Plan reicht

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
  • 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
Zu Netlify Drop →
Spätere Änderungen Wenn du später etwas ändern willst: In der Desktop-App anpassen lassen, dann den Ordner erneut auf Netlify ziehen. Die alte Version wird automatisch ersetzt.
10

Subdomain einrichten (DNS)

ca. 10 Min. · optional, aber empfohlen

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.
DNS braucht Zeit — Ruhe bewahren Nach dem Speichern dauert es zwischen 15 Minuten und 24 Stunden, bis die Subdomain weltweit erreichbar ist. Wenn die Seite nach 5 Minuten noch nicht läuft: warten, nichts rückgängig machen.

Bonus: Meta Pixel einbinden

optional · bei Meta-Ads empfohlen

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.

Was du tun musst

  • 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 erneut auf Netlify ziehen (siehe Step 9)
Datenschutzfreundlich eingebaut Der Pixel lädt erst nach der Cookie-Zustimmung deines Besuchers — vorher feuert nichts. Das „Lead"-Event wird genau bei der Buchung ausgelöst, nicht beim Seitenaufruf. Wie du einen Meta Pixel anlegst und konfigurierst, erklären wir dir ausführlich im Salesforce-Kurs.

Fertig.
Deine Erstgespräch-Landingpage ist live.

Ab jetzt können sich passende Interessenten direkt einen Termin bei dir buchen. Willst du später etwas an der Seite ändern: zurück in die Desktop-App über den „Code"-Tab, Änderung sagen und den Ordner erneut auf Netlify ziehen — die alte Version wird automatisch ersetzt.

Häufige Fragen

Brauche ich Programmier-Kenntnisse?
Nein. Du beschreibst Claude in eigenen Worten, was du willst — Claude baut die Seite. Du schreibst keine einzige Zeile Code.
Was kostet das alles zusammen?
Claude-Abo (Pro/Max, ab ca. 20 € / Monat) + Netlify (Free-Plan reicht) + Calendly (Free-Tarif reicht zum Start). Du startest also praktisch nur mit den Kosten für dein Claude-Abo — und das ist monatlich kündbar.
Kann ich die Seite später ändern?
Jederzeit. Du öffnest dein Projekt wieder in der Desktop-App über den „Code"-Tab, sagst Claude die gewünschte Änderung, und ziehst danach den Ordner erneut auf Netlify. Die alte Version wird automatisch ersetzt.
Muss ich Qualifizierungsfragen vor den Kalender setzen?
Standardmäßig bucht jeder direkt — qualifiziert wird live im Gespräch. Das hält die Buchungshürde niedrig und die Termin-Zahl hoch. Willst du das anders (z. B. ein paar Vorab-Fragen einbauen), stimm es vorher mit deinem persönlichen NOW-Berater ab — das verändert Strategie und Conversion.
Brauche ich zwingend Calendly?
Calendly ist der empfohlene Standard und der einfachste Weg. Eine EU-Alternative ist Zeeg (deutscher Anbieter) — wenn dir der Datenstandort in der EU wichtig ist, kann das eine Option sein. Für den Start empfehlen wir aber Calendly.
Ich komme nicht weiter — was jetzt?
Schreib uns. Wir schauen gemeinsam drüber und lösen's. Eine Landingpage zum Laufen zu bringen darf nicht an einem Schritt scheitern.