Was ist ein Präsenz-Event
— und warum?

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

• Rechtsklick auf den Desktop → Neuer Ordner
• Nenn ihn z. B. „Landingpage Event"
• 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

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 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, gibt dir einen kurzen Fahrplan (9 Schritte) und fragt als Erstes: „Hast du schon eine Website oder Landingpage zu deinem Angebot/Geschäft? Wenn ja, schick mir den Link." Hast du eine, liest Claude sie, fasst in ein paar Zeilen zusammen, was dort steht, und fragt nach, ob das noch aktuell ist — deine Antwort geht immer vor, und was schon auf der Website steht, musst du nicht noch einmal erzählen. Falls Claude deine Seite nicht öffnen kann, kopierst du den Text von Startseite und „Über mich" hinein — halte ihn bereit. Gleich danach fragt Claude, wie lange dein Event dauert — ein Abend oder Vortrag mit 1–3 Stunden, ein Halbtag, ein Tagesseminar oder mehrere Tage — und passt die Tiefe der ganzen Seite daran an: Ein Abend mit zwei Stunden verspricht einen Einblick und ein Werkzeug zum Mitnehmen, nicht so viel wie ein ganzer Seminartag. Danach kommen die Fragen zu deinem Event (Name, Datum, Uhrzeiten, Location, Plätze), zu deinem Wunschteilnehmer, zu dir, zu Inhalten und Ablauf, zu Ticketarten und Preisen, zu deinem Zahlungsanbieter, zu Design und Tonalität. Vieles schlägt Claude selbst vor — du sagst nur „passt". Aus deinen Antworten baut Claude die komplette Seite: Hero mit Preis und Live-Countdown, Ticket-Karten, FAQ, die Kaufleiste, die am Handy mitläuft, und die Dankeseite, auf der deine Käufer nach dem Kauf landen.

So läuft der Dialog ab

• Claude stellt pro Nachricht höchstens 3 Fragen — du beantwortest sie in eigenen Worten, gern ungeordnet und im Dialekt
• Claude fragt zu Beginn, wie viel Zeit du heute hast, und sagt dir immer, wo ihr steht: „Schritt 4 von 9". Claudes letzten Schritt (Rechtliches, Kasse, Werbe-Messcode) macht ihr am besten als eigenen Termin
• Schon nach den ersten drei Themen (Eckdaten, Versprechen, Wunschteilnehmer) und der Frage „hell oder dunkel?" siehst du einen ersten Entwurf deiner Seite. Was noch fehlt, ist darin deutlich markiert — jede weitere Antwort landet sofort auf der Seite
• Rechtliches (Steuer-Hinweis, AGB, Datenschutz) besprecht ihr gesammelt am Schluss — nicht zwischendurch
• 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
• Pause machen? Schreib „Ich mach für heute Schluss". Claude notiert den Stand in deinem Ordner (Datei _fortschritt.md, wird nicht veröffentlicht) und gibt dir eine Aufgabenliste — heute · diese Woche · vor dem Online-Gang · machen wir zusammen —, auch als Datei _aufgabenliste.html zum Ausdrucken. Zum Weitermachen den Ordner wieder öffnen und diesen Prompt einfügen:

Bilder einbauen — so geht's

Claude fragt dich im Verlauf, ob du eigene Bilder einbauen willst — am stärksten wirken ein Foto von dir (auf der Bühne oder in deinem Seminarraum), ein Foto der Location und dein Logo. Wenn ja:

• Foto vom Handy auf den Computer: per E-Mail an dich selbst schicken (beim Senden „Originalgröße" wählen) oder per AirDrop vom iPhone auf den Mac — dann am Computer speichern
• 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 Bühnenfoto heißt speaker-buehne.jpg" — oder lass Claude die Datei selbst finden
• Formate: JPG, PNG, WebP oder SVG sind alle okay
• Claude sieht sich jedes Bild an und beschreibt dir in einem Satz, was darauf zu sehen ist, bevor es eingebaut wird — so fällt sofort auf, wenn du versehentlich das falsche Bild erwischt hast

Videos einbetten — so geht's (Vimeo)

Claude fragt dich aktiv nach Videos — am stärksten wirken ein Aftermovie vom letzten Event im Hero und Video-Stimmen von Teilnehmern bei den Testimonials. Standard ist immer ein eleganter Platzhalter, du kannst Videos jederzeit später nachreichen oder stattdessen Stimmen in Textform mit Foto + Name + Ergebnis nutzen.

Wenn du echte Videos einbetten willst, läuft das über Vimeo. Für Video-Stimmen reicht der kostenlose Plan. Das stumme Aftermovie im Hintergrund des Hero (ohne Bedienelemente, bei Vimeo „Background"-Video) geht nur mit einem bezahlten Vimeo-Plan — so steht es in der Vimeo-Hilfe („About embedding background and Chromeless videos"). Ohne bezahlten Plan setzt Claude ein Foto in den Hero und bindet das Aftermovie als normales Video weiter unten ein.

• Auf vimeo.com kostenlos anmelden
• Video hochladen
• Privatsphäre-Einstellung auf „Public" / „Anyone can see" oder „Nicht gelistet" / „Unlisted" setzen — sonst kann das Video nicht eingebettet werden
• Vimeo-Link kopieren (z. B. https://vimeo.com/123456789). Bei nicht gelisteten Videos den kompletten Link inklusive der Zeichenfolge dahinter kopieren (z. B. https://vimeo.com/123456789/a1b2c3d4e5) — ohne diesen Teil bleibt das Video schwarz
• In Claude Code mit klarer Position-Anweisung einfügen, z. B.: „Bette dieses Vimeo-Video als Aftermovie im Hero-Bereich ein: https://vimeo.com/123456789"

Leg zum Aftermovie ein Standbild in den Ordner (z. B. ein Screenshot aus dem Video oder ein Event-Foto) — es steht da, bis das Video läuft. Das Aftermovie im Hero startet sofort stumm im Hintergrund — datenschutzfreundlich eingebunden (ohne Vimeo-Tracking-Cookies). Das muss in deiner Datenschutzerklärung stehen, Claude erinnert dich daran. Video-Stimmen laden erst, wenn der Besucher in der Cookie-Leiste „Akzeptieren" klickt oder direkt auf das Video tippt.

Schon nach den ersten drei Themen baut Claude einen ersten Entwurf der Startseite (index.html) und zeigt ihn dir; danach ergänzt jede Antwort die Seite. Am Ende stehen die Startseite mit Preis, Live-Countdown, Ticket-Karten und Ticket-Auswahl-Dialog und die Dankeseite (ticket-gesichert.html) mit Kalender-Buttons (Google Calendar + Apple/Outlook .ics) — dazu deine ausdruckbare Aufgabenliste für Etappe 2.

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 Session 2 noch einen Punkt hinzu: ..."
• „Der Countdown läuft auf falsches Datum — setz ihn auf 14. November 2026, 9:00 Uhr"
• „Die Mittagspause im Ablauf beginnt erst um 12:30 Uhr"

Claude passt an, du schaust wieder in die Vorschau. So lange, bis alles sitzt. Schau dir die Seite dabei auch in der Handy-Ansicht an — die meisten Tickets werden am Handy gekauft.

Netlify ist der Dienst, der deine Seite im Netz zugänglich macht. Das Wichtige vorweg: der kostenlose Plan reicht für deine Event-Landingpage völlig aus. Da der Kauf beim Zahlungsanbieter läuft und nicht über ein Formular, spielen Formular-Limits für dich keine Rolle.

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

Du ziehst deinen kompletten Projektordner auf Netlify. Bei dieser Seite brauchst du keine ZIP-Datei. Danach ist die Seite live — zunächst auf einer netlify.app-URL, deine eigene Subdomain folgt im nächsten Schritt.

• Vorher aufräumen: Dateien, die nicht auf deiner Seite sind (z. B. ein falsches Foto oder Notizen), aus dem Ordner nehmen — Claude sagt dir am Ende, welche das sind
• 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
• Kurz prüfen: …netlify.app/CLAUDE.md aufrufen — dort muss eine 404-Seite kommen. Claude hat dafür die Dateien _redirects und 404.html angelegt, damit deine Toolkit-Dateien nicht öffentlich im Netz stehen
• Die Dankeseite ist automatisch unter …/ticket-gesichert erreichbar (ohne .html) — diese Adresse brauchst du in Step 9

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

Schritt für Schritt

• Im Netlify-Dashboard auf dein Projekt klicken → oben auf „Domain management" → „Add a domain" / „Add custom domain"
• Deine Wunsch-Subdomain eintragen, z. B. event.deinefirma.at → bestätigen
• Netlify zeigt dir jetzt den exakten DNS-Wert an, den du beim Domain-Anbieter eintragen musst — typisch ein CNAME-Eintrag, der auf deine netlify.app-Adresse zeigt
• In einem zweiten Tab beim Domain-Anbieter einloggen (World4You, IONOS, GoDaddy, Namecheap o. ä.) → „DNS-Einstellungen" / „DNS verwalten" → „Neuer Eintrag"
• Typ: CNAME · Name / Host: Subdomain-Teil ohne Hauptdomain (z. B. event) · Wert / Ziel: die netlify.app-Adresse aus Netlify · TTL: Standardwert lassen
• Speichern. 15 Min. bis 24 Std. warten (DNS-Propagation). Netlify richtet das SSL-Zertifikat automatisch ein.

Jetzt steht deine endgültige Adresse — Zeit, die Kasse anzuschließen. Der Kauf passiert bei deinem Zahlungsanbieter (z. B. CopeCart): Er kassiert, schickt Bestätigung und Rechnung. Deine Seite braucht von ihm nur zwei Dinge: den Checkout-Link für jeden Kauf-Button und die Weiterleitung zurück auf deine Dankeseite.

Schritt für Schritt

• Noch nie ein Produkt angelegt? Log dich beim Anbieter ein und schick Claude einen Screenshot von dem, was du siehst (Windows: Windows-Taste + Umschalt + S; Mac: Befehlstaste + Umschalt + 4) — Claude sagt dir dann Klick für Klick, wohin
• Beim Zahlungsanbieter pro Ticketart ein eigenes Produkt anlegen — z. B. „Einzelticket" und „Gruppen-Ticket (3 für 2)" oder „Zu zweit" — mit Preis, Produktname und Rechnungsangaben
• Den Checkout-Link jedes Produkts kopieren und Claude geben, z. B.: „Der Checkout-Link fürs Einzelticket ist: [Link]" — Claude tauscht damit die Platzhalter aus. Danach die neue Version hochladen: In Netlify dein Projekt öffnen → Reiter „Deploys" → den Ordner in das Upload-Feld dort ziehen (siehe Step 7)
• In den Produkt-Einstellungen die Weiterleitung nach dem Kauf eintragen (heißt je nach Anbieter „Danke-Seite", „Thank-you-URL" oder „Weiterleitung nach Kauf"):
• Einzelticket: https://DEINE-DOMAIN/ticket-gesichert?ticket=einzel
• Gruppen-Ticket: https://DEINE-DOMAIN/ticket-gesichert?ticket=gruppe3
• VIP-Ticket (falls du eins hast): https://DEINE-DOMAIN/ticket-gesichert?ticket=vip
• „DEINE-DOMAIN" durch deine Adresse aus Step 8 ersetzen (z. B. event.deinefirma.at) — genau so schreiben: ohne „.html", mit dem Teil ab dem Fragezeichen

Wer Tickets verkauft, braucht mehr als Impressum und Datenschutz. Claude formuliert keine Rechtstexte selbst — du lieferst sie, Claude baut sie als eigene Seiten ein und verlinkt sie im Footer.

• Impressum und Datenschutzerklärung (z. B. über einen Generator wie datenschutz-generator.de) — inklusive Zahlungsanbieter, Vimeo, Meta Pixel und Mail-Tool, falls du sie nutzt
• AGB mit Regeln zu Storno, Ticket-Übertragung, Absage durch dich, Haftung und Foto-/Videoaufnahmen vor Ort
• Verkaufst du an Privatpersonen: Widerrufsbelehrung (siehe Hinweis unten)
• Texte an Claude schicken: „Hier sind mein Impressum, meine Datenschutzerklärung und meine AGB — bau sie bitte ein." Danach die neue Version hochladen (In Netlify dein Projekt öffnen → Reiter „Deploys" → den Ordner in das Upload-Feld dort ziehen)
• Prüf, ob die FAQ-Antworten zu Storno und Übertragung genau zu deinen AGB passen

Bevor du die Seite bewirbst, kaufst du selbst ein Ticket — über die echte Internet-Adresse, einmal pro Ticketart. Nur so weißt du sicher, dass Kasse, Weiterleitung und Dankeseite zusammenspielen. Je nach Anbieter gibt es dafür einen Testmodus oder einen 100-%-Gutschein — sonst kaufst du echt und erstattest den Betrag danach. Wie das bei deinem Anbieter geht, zeigt dir Claude (am besten mit einem Screenshot).

• Öffne deine live Landingpage (deine Subdomain aus Step 8)
• Prüf zuerst: läuft der Countdown und zeigt das richtige Datum + die richtige Uhrzeit? Stimmen die Preise auf den Ticket-Karten — und sind sie genau die Preise in der Kasse (inkl. bzw. zzgl. USt.)?
• Ruf deine-domain/CLAUDE.md auf — dort muss eine 404-Seite erscheinen
• Klick auf einen Kauf-Button — bei mehreren Ticketarten öffnet sich zuerst die Ticket-Auswahl, dann die Kasse deines Anbieters
• Prüf in der Kasse: richtiges Produkt, richtiger Preis
• Kauf abschließen → du wirst auf deine Dankeseite weitergeleitet. Schau in die Adresszeile: dort muss …/ticket-gesichert?ticket=einzel (bzw. ?ticket=gruppe3 oder ?ticket=vip) stehen
• 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 und Ort)
• Prüf dein Postfach: Bestätigung und Rechnung vom Zahlungsanbieter sind angekommen (kommt keine Rechnung, ist sie beim Anbieter noch nicht aktiviert). Schau auf die Rechnung: Passt der Steuer-Hinweis auf deiner Seite zu dem, was dort steht?
• Danach den Testkauf beim Anbieter stornieren bzw. erstatten (und falls schon verbunden: den Test-Kontakt aus Mailchimp löschen)

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

Deine Dankeseite feuert dabei das NOW-Ziel-Event NOW_TICKET — genau einmal pro Kauf. Parallel läuft Metas Standard-Event Purchase mit dem Ticketpreis als Wert mit — so siehst du im Werbekonto, wie viel Umsatz jeder Werbe-Euro bringt. Zusätzlich meldet die Seite InitiateCheckout, sobald jemand auf einen Link zur Kasse klickt. Optimiert wird aber nur auf das eine, klar benannte Ziel-Event: NOW_TICKET.

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 auf der Landingpage und der Dankeseite an den richtigen Stellen ein
• Die neue Version hochladen: In Netlify dein Projekt öffnen → Reiter „Deploys" → den Ordner in das Upload-Feld dort ziehen (siehe Step 7)

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 einen echten Testkauf durchführen (wie in Step 11) — vorher kennt Meta das Event noch gar nicht und du kannst es nirgends auswählen
• Events Manager → Benutzerdefinierte Conversions → Erstellen: als Event NOW_TICKET wählen, Name „NOW TICKET — [Event] [Datum]", Kategorie Kauf — keinen festen Wert eintragen, der echte Ticketpreis kommt mit dem Event
• In der Kampagne (Ziel: Umsatz) → Anzeigengruppe → Conversion-Ort Website → Conversion-Ereignis → „NOW TICKET — [Event] [Datum]" auswählen

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
• Auf der Landingpage einen Link zur Kasse klicken: Es muss genau ein InitiateCheckout erscheinen
• Testkauf pro Ticketart durchführen (je nach Anbieter Testmodus/Gutschein oder echt kaufen und danach erstatten): Auf der Dankeseite muss genau ein NOW_TICKET und genau ein Purchase mit dem richtigen Ticketpreis stehen — nicht zweimal
• Dankeseite neu laden → es darf kein weiteres Event feuern
• Im Events Manager → Test-Ereignisse prüfen, ob beide ankommen, jeweils nur einmal (kann 1–2 Minuten dauern). Kommt Purchase doppelt an, ist irgendwo noch ein Pixel beim Zahlungsanbieter hinterlegt

Bestätigung und Rechnung schickt dein Zahlungsanbieter nach jedem Kauf (bei Stripe nur mit aktivierter Rechnungserstellung — einmal prüfen). Was fehlt, sind die Mails bis zum Event: Anreise, Ablauf, Vorfreude. Die sorgen dafür, dass deine Käufer gut vorbereitet, pünktlich und mit Energie im Raum sitzen.

Ab etwa 30 Plätzen übergibst du jeden Käufer an Mailchimp — ein Programm für Newsletter und automatische Erinnerungs-Mails (damit arbeiten wir selbst). Manche Zahlungsanbieter haben eine eigene Mailchimp-Verknüpfung in den Einstellungen — sonst verbindest du beide am einfachsten über Zapier, einen Dienst, der zwei Programme automatisch miteinander verbindet, ganz ohne Code.

A — Zahlungsanbieter mit Mailchimp verbinden (über Zapier)

• Auf zapier.com kostenlos anmelden
• „Create Zap" → Trigger-App: dein Zahlungsanbieter (sofern er bei Zapier verfügbar ist) → Event: neuer Kauf — wie das Ereignis genau heißt, ist je nach Anbieter verschieden; schick Claude im Zweifel einen Screenshot
• Account des Zahlungsanbieters verbinden (einmalige Autorisierung) → dein Ticket-Produkt auswählen → Test mit deinem Testkauf aus Step 11
• Action-App: „Mailchimp" → Event: „Add/Update Subscriber"
• Mailchimp-Account verbinden → deine Mailchimp-Liste auswählen und einen Tag vergeben (z. B. „event-ticket")
• Felder mappen: Vorname → First Name · E-Mail → Email Address · Ticketart → Custom Field (optional)
• Test laufen lassen → wenn der Käufer in Mailchimp erscheint: Zap aktivieren

Ab jetzt landet jeder neue Ticketkauf automatisch in Mailchimp.

B — Reminder-Sequenz aufsetzen (3 Mails)

Mailchimp → „Automations" → „Customer Journeys" → „Create Journey", Trigger: Tag „event-ticket". Darin 3 zeitgesteuerte Reminder, gesteuert über das Event-Datum:

• 1 Woche vorher: Anreise, Location, Parken, Ablauf des Tages, was mitbringen
• 1 Tag vorher: „Morgen ist es so weit" — Uhrzeit, Adresse, Einlass
• Am Morgen des Events: „Heute sehen wir uns" — Adresse und Kontakt für kurzfristige Fragen