In 12 Schritten zu deiner
eigenen Webinar-Landingpage.

Du brauchst die Desktop-Version von Claude — eine App für deinen Computer. Im Browser geht's nicht.

• Gehe auf claude.ai/download
• Lade die Version für dein System herunter (Mac oder Windows)
• Öffne die Datei und installiere Claude wie jede andere App

Ohne Pro-Abo kannst du Claude Code nicht nutzen. Das Abo ist monatlich kündbar.

• Claude Desktop öffnen und mit deiner E-Mail anmelden
• Oben rechts auf dein Profil klicken → Upgrade to Pro
• Zahlungsdaten hinterlegen und bestätigen

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

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

Das sind die Dateien, die Claude „beibringen", wie deine 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 Code erkennt sie später automatisch beim Start

Kurz zum Unterschied, damit du nicht suchst: Claude Desktop ist die normale Chat-App, die du in Step 1 installiert hast. Claude Code ist ein eigenes Werkzeug, das Dateien auf deinem Computer lesen und bearbeiten kann. Beide gehören zusammen, sind aber zwei separate Bereiche.

So öffnest du Claude Code

• Öffne Claude Desktop
• Klicke in der linken Seitenleiste auf „Code" (oder wähle im Menü oben „Claude Code")
• Beim ersten Aufruf führt Claude dich durch eine kurze Einrichtung — einfach den Anweisungen folgen

Deinen Ordner auswählen

• In Claude Code auf „Open Folder" bzw. „Ordner öffnen" klicken
• Wähle deinen Desktop-Ordner (mit den Toolkit-Dateien, die du in Step 4 reingelegt hast)
• Claude Code zeigt den Ordner jetzt in der Seitenleiste — alle Dateien werden automatisch erkannt

Jetzt geht's los. In Claude Code siehst du unten auf dem Bildschirm 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 deinem Webinar (Thema, Datum, Plätze), zu dir als Speaker, zu deinem Wunschteilnehmer, zu Design und Tonalität.

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

Bilder einbauen — so geht's

Claude fragt dich im Verlauf, ob du eigene Bilder einbauen willst (z. B. Team-Fotos, dein Logo, Produkt-Bilder). 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. „Das Team-Foto heißt team.jpg" — oder lass Claude die Datei selbst finden
• Formate: JPG, PNG, WebP oder SVG sind alle okay

Am Ende des Dialogs baut Claude automatisch die Startseite (index.html) mit Live-Countdown und die Dankeseite (webinar-angemeldet.html) mit Kalender-Buttons (Google Calendar + Apple/Outlook .ics).

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 Modul 2 noch einen Punkt hinzu: ..."
• „Der Countdown läuft auf falsches Datum — setz ihn auf 29. April 2026, 19:00 Uhr"
• „Die FAQ-Antwort zur Aufzeichnung ist zu lang, kürze sie"

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

Bevor du die Seite live stellst, machst du eine Test-Anmeldung — damit du sicher bist, dass später wirklich jede Antwort bei dir ankommt und der Countdown auf das richtige Datum läuft. Erst danach wird die ZIP-Datei gebaut.

a) Test-Anmeldung durchklicken

• Öffne deine Landingpage (Doppelklick auf die index.html in deinem Ordner)
• Prüf zuerst: läuft der Countdown und zeigt das richtige Datum + die richtige Uhrzeit?
• Klick auf „Jetzt anmelden" — das Popup öffnet sich
• Beantworte jede einzelne Frage und trag deine echten Kontaktdaten ein
• Rechtsklick irgendwo auf der Seite → „Untersuchen" (oder F12) → Reiter „Netzwerk" öffnen
• Klick auf „Anmeldung absenden" und beobachte im Netzwerk-Reiter den Eintrag, der erscheint
• Klick auf diesen Eintrag → Reiter „Payload" oder „Formulardaten"
• Auf der Dankeseite: prüf, ob die Kalender-Buttons funktionieren (Google Calendar öffnet sich, .ics-Datei lädt herunter und enthält den richtigen Termin)

b) ZIP-Datei erstellen lassen

Erst wenn der Test sauber durchläuft, bittest du Claude um die ZIP-Datei:

• Claude packt die Dateien automatisch zusammen
• Die ZIP-Datei erscheint in deinem Ordner
• Merk dir, wo sie liegt — du brauchst sie gleich

Dieser Schritt ist in zwei Teile aufgeteilt: zuerst A) verstehen (jetzt), dann B) konfigurieren (nach dem Netlify-Upload in Step 11 — dort zeigt Netlify dir genau, welcher Eintrag nötig ist).

Teil A — Verstehen (jetzt)

Was ist eine Subdomain?

Eine Subdomain ist eine Unterseite deiner bestehenden Domain. Wenn deine Hauptdomain deinefirma.at ist, kannst du daraus beliebig viele Subdomains bauen — z. B. webinar.deinefirma.at oder anmeldung.deinefirma.at. Du musst keine neue Domain kaufen, und die Seite wirkt professionell und zuordenbar.

Wie funktioniert das technisch?

Über einen DNS-Eintrag. DNS ist das Adressbuch des Internets — es sagt dem Browser, wohin eine Adresse zeigt. Du hinterlegst bei deinem Domain-Anbieter einen Eintrag, der sagt: „webinar.deinefirma.at zeigt auf meine Seite bei Netlify." Der Fachbegriff dafür ist CNAME-Eintrag. Für die Hauptdomain selbst (ohne Präfix) heißt der Eintrag stattdessen A-Record — das erledigt aber Netlify meistens automatisch für dich.

Wo findest du die DNS-Einstellungen?

Bei deinem Domain-Anbieter — da, wo du die Domain gekauft hast. Die Menüs heißen überall ähnlich:

• Im Kundenbereich deines Anbieters einloggen
• Zum Reiter „Domains" oder „Meine Domains" gehen
• Bei deiner Domain den Punkt „DNS-Einstellungen", „DNS verwalten" oder „Nameserver / DNS" öffnen
• Dort gibt es einen Button wie „Neuer Eintrag" oder „DNS-Eintrag hinzufügen"

Wenn du die Einstellungen nicht findest, hilft dir der Support deines Domain-Anbieters am schnellsten weiter — frag einfach kurz nach: „Wo finde ich die DNS-Einstellungen für meine Domain?"

Teil B — Konfigurieren (nach Step 11)

Sobald deine Seite auf Netlify live ist, zeigt dir Netlify im Dashboard unter „Domain Management" → „Add custom domain" genau an, welchen DNS-Eintrag du eintragen musst. Typischer Aufbau:

• Typ: CNAME (für Subdomains)
• Name / Host: der Subdomain-Teil ohne Hauptdomain, z. B. webinar
• Wert / Ziel: die Netlify-URL, die Netlify dir anzeigt (z. B. deine-seite-1234.netlify.app)
• TTL: den Standardwert lassen (meist 3600 Sekunden)

Netlify ist der Dienst, der deine Seite im Netz zugänglich macht. Das Wichtige vorweg: der kostenlose Plan reicht für eine normale Webinar-Landingpage völlig aus — inklusive Anmelde-Formular-Handling.

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

Letzter Schritt: Die ZIP-Datei auf Netlify ziehen. Das war's.

• Im Netlify-Dashboard in der linken Seitenleiste auf „Sites" klicken
• Oben rechts auf den Button „Add new site" klicken
• Im aufklappenden Menü ganz unten „Deploy manually" wählen
• Auf der neuen Seite die ZIP-Datei vom Desktop in das Upload-Feld ziehen (Drag & Drop)
• Netlify entpackt automatisch und gibt dir eine URL (z. B. mutiges-licht-1234.netlify.app)
• Klick auf die URL — deine Landingpage ist online

Wenn du über Meta (Facebook / Instagram) Werbung schaltest, willst du wissen, wer über deine Ads auf der Landingpage landet und sich anmeldet. Dafür brauchst du einen Meta Pixel — einen kleinen Tracking-Code, den Claude bereits als Platzhalter in deine Seite eingebaut hat (mit dem Event CompleteRegistration auf der Dankeseite).

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 den richtigen Stellen ein
• Neue ZIP bauen lassen und auf Netlify austauschen (siehe Hinweis in Step 11)

Bevor deine Webinar-Landingpage live geht: Diese Checkliste durchgehen. Druck sie aus oder fülle sie digital aus — sie deckt alle 60+ Punkte ab, die wir aus echten Webinar-Projekten gelernt haben (Countdown, Anmelde-Formular, Kalender-Buttons, Rechtliches, Mobile, Tracking).