Bevor du startest

Was ist ein Freebie
— und warum?

Ein kostenloses Geschenk — PDF, Audio, Video, Mini-Tool oder Quiz — das du im Tausch gegen die Daten deines potenziellen Kunden (Telefonnummer + E-Mail-Adresse) weitergibst.

Warum es so gut wirkt

Niedrige Eintrittsschwelle. Der Lead lernt deine Arbeit kennen, ohne sofort zu kaufen — und du baust deine Lead-Liste auf, um die Kontakte direkt anzurufen und ins Verkaufsgespräch zu führen.

Im Zusammenspiel mit Meta Ads

Über Meta-Werbung füllst du deine Lead-Liste täglich neu — und führst die Kontakte direkt ins Verkaufsgespräch:

Meta Ad Landingpage Eintragung Freebie / Termin Quali-Call Sales Call Kunde

Konkrete Beispiele

Welche Form ein Freebie annimmt, hängt von deiner Nische ab. Ein paar typische Varianten aus der Praxis:

Kostenloser Ernährungsplan

PDF

Für Health-Coaches und Ernährungsberater.

Kostenloser Trainingsplan

PDF

Für Personal Trainer und Fitness-Coaches.

Geführte Atemübung

Audio

Für Mental-, Stress- und Achtsamkeits-Coaches.

Geführte Meditation

Audio

Für spirituelle Coaches und Mindset-Trainer.

Fußball-Potenzialanalyse

Termin → Quali-Call

Für Sport-Mentaltrainer. Eintragung führt zum Termin, die Analyse läuft im Quali-Call.

Mental-Quiz

Interaktiv

Für Persönlichkeits-Coaches. Quiz-Ergebnis wird per Mail geschickt — Lead bleibt im Funnel.

Deine Vorteile

  • Schnell aufgesetzt, dauerhaft wirksam — einmal gebaut, läuft die Seite täglich für dich.
  • Lead-Liste wächst kontinuierlich — Telefonnummer + E-Mail mit jeder Eintragung.
  • Perfekte Vorbereitung, um Leads in kaufkräftige Kunden zu verwandeln — direkt in den Quali-Call und ins Sales-Gespräch.
Anleitung · Schritt für Schritt

Wenn du jetzt ein Freebie aufsetzen willst — hier der Weg in 9 Schritten.

60–90 Min. Kein Code 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 erstellen
  • Toolkit-Dateien herunterladen & reinlegen
  • Projekt in der Desktop-App öffnen
  • Prompt starten & Fragen beantworten
  • Vorschau öffnen & Feinschliff
  • Test-Eintragung durchklicken
  • Netlify-Account erstellen
  • Projektordner hochladen — Seite ist live
  • Subdomain einrichten (DNS-Eintrag)
1

Ordner am Desktop erstellen

ca. 30 Sekunden

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

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

Bau mir eine Freebie-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 (Das Freebie).

Claude liest jetzt alle Dateien aus deinem Ordner, versteht den Aufbau und stellt dir dann Schritt für Schritt Fragen — zu deinem Freebie (Format, Inhalt, Mockup), zu dir als Absender, zu deinem Wunschleser, zu Design und Tonalität. Aus deinen Antworten baut Claude die komplette Seite automatisch: die Startseite mit dem Eintragungs-Formular, die Download-Auslieferung deiner Freebie-Datei und die Dankesseite, auf der deine Leads nach der Eintragung 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

Freebie-Datei + Bilder einbauen — so geht's

Claude fragt dich im Verlauf nach deiner Freebie-Datei (PDF, ZIP, Audio, Video) und nach Bildern (Speaker-Foto, Logo, Mockup des Freebies). Wenn vorhanden:

  • Lege die Freebie-Datei (z. B. freebie.pdf) und alle 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 Freebie heißt premium-pricing-checkliste.pdf"
  • Formate: PDF, ZIP, MP3, MP4 für Freebies · JPG, PNG, WebP, SVG für Bilder
  • Niemals Google Drive / Dropbox-Links nutzen — Datei muss im Ordner liegen
Keine Bilder? Kein Problem. Wenn du noch keine eigenen Bilder hast, baut Claude die Seite mit eleganten Platzhaltern (z. B. Initialen-Kreisen statt Fotos, CSS-Mockup statt Stock-PDF-Cover). Du kannst später jederzeit echte Bilder nachreichen.

Videos einbetten — so geht's (Vimeo)

Claude fragt dich aktiv, ob du Videos einbetten willst (z. B. ein 30-Sek-Vorschauvideo zum Freebie, eine kurze persönliche Begrüßung, ein Erklärvideo) — und wenn ja, an welcher Stelle. Standard ist immer ein eleganter Platzhalter, du kannst Videos jederzeit später nachreichen oder ganz weglassen und stattdessen Testimonials / Ergebnisse in Textform mit Foto + Name einbauen.

Wenn du echte Videos einbetten willst, läuft das über Vimeo. Der kostenlose Plan reicht völlig aus — bis zu 1 GB Speicher.

  • Auf vimeo.com kostenlos anmelden
  • Video hochladen
  • Privatsphäre-Einstellung auf „Public" / „Anyone can see" setzen — sonst kann das Video nicht eingebettet werden
  • Vimeo-Link kopieren (z. B. https://vimeo.com/123456789)
  • In Claude Code mit klarer Position-Anweisung einfügen, z. B.: „Bette dieses Vimeo-Video als Vorschau zum Freebie unter dem Hero ein: https://vimeo.com/123456789"
Vorerst Platzhalter — bewusste Entscheidung Wenn du noch kein Video aufgenommen hast: lass Claude Platzhalter setzen. Die Seite kann sofort live gehen, du reichst Videos nach. Genauso legitim: Mockup-Bild des Freebies + Text statt Video — viele der besten Freebie-Pages laufen ganz ohne Video.

Am Ende des Dialogs baut Claude automatisch die Startseite (index.html) und die Dankeseite (freebie-bereit.html) mit großem Direkt-Download-Button.

5

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 noch einen Inhalts-Punkt hinzu: ..."
  • „Der Download-Button verlinkt auf premium-pricing-checkliste.pdf"
  • „Auf der Dankeseite: bau eine Strategiegespräch-Box ein, Link zu calendly.com/dein-kalender"

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

6

Test-Eintragung durchklicken

ca. 5 Minuten

Sobald deine Seite live ist (gleich im nächsten Schritt), machst du eine echte Test-Eintragung über die echte Internet-Adresse — damit du sicher bist, dass jede Antwort bei dir ankommt und der Download-Button funktioniert. Mach den Test am besten direkt nach dem Hochladen: Eintragungs-Formular, Download und Weiterleitung funktionieren zuverlässig nur auf der live Seite, nicht in der lokalen Vorschau.

  • Öffne deine Landingpage über die echte Internet-Adresse (deine netlify.app-URL oder Subdomain)
  • Klick auf „Freebie sichern" — das Popup öffnet sich
  • Trag Vorname, E-Mail ein und hak die Datenschutz-Checkbox an
  • Klick auf „Freebie freischalten" und schau, ob du auf der Dankeseite landest
  • Auf der Dankeseite: klick auf den Download-Button — die Freebie-Datei muss sich runterladen (oder im Tab öffnen)
  • Prüf danach im Netlify-Dashboard unter „Forms", ob deine Test-Eintragung mit allen Feldern angekommen ist (Vorname, E-Mail, Datenschutz-Consent)
KRITISCH — alle Felder + Download prüfen Unter „Forms" müssen alle deine Felder auftauchen — Vorname, E-Mail, Datenschutz-Consent. Wenn etwas fehlt: Claude schreiben „Eine Antwort fehlt im Submit — stelle sicher, dass das Formular komplett als statisches HTML im Quelltext steht und das netlify-Attribut trägt" und erneut hochladen. Und: Der Download-Button muss die richtige Datei runterladen — wenn nicht, Claude schreiben „Verlink den Download-Button auf [dateiname.pdf]".
7

Netlify-Account erstellen

ca. 5 Min. · Free-Plan reicht

Netlify ist der Dienst, der deine Seite im Netz zugänglich macht. Das Wichtige vorweg: der kostenlose Plan reicht für eine normale Freebie-Landingpage völlig aus — inklusive Eintragungs-Formular und Hosting der Freebie-Datei (PDF / ZIP / o. ä.) gleich mit dabei.

  • 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
Free oder Pro? Der Free-Plan erlaubt 100 Formulareinsendungen pro Monat und unbegrenzte Deploys für eine Seite — das reicht für den Start locker. Erst wenn du regelmäßig über 100 Eintragungen pro Monat bekommst, lohnt sich Pro (ca. 9 € / Monat). Fang mit Free an, du verlierst nichts dabei.
Zu Netlify →
8

Projektordner hochladen — Seite ist live

ca. 3 Minuten

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

  • 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 →
Damit Netlify Eintragungen erfasst — die Form-Erkennung Damit Netlify die Eintragungen aus deinem Formular automatisch sammelt (Vorname, E-Mail, Datenschutz-Consent), muss das <form>-Tag das netlify-Attribut tragen. Claude setzt das automatisch, wenn du das mitgelieferte Toolkit nutzt — du musst nichts manuell ergänzen. So sieht ein korrekt vorbereitetes Formular aus (Beispiel aus der Netlify-Doku):
<form name="contact" netlify>
  <p>
    <label>Name <input type="text" name="name" /></label>
  </p>
  <p>
    <label>Email <input type="email" name="email" /></label>
  </p>
  <p>
    <button type="submit">Send</button>
  </p>
</form>
Wenn nach dem Upload keine Eintragungen im Netlify-Dashboard unter „Forms" erscheinen: höchstwahrscheinlich fehlt das Attribut. Lösung: Claude in der Desktop-App bitten — „Stelle sicher, dass alle Formulare das netlify-Attribut tragen" — und den Ordner erneut auf Netlify ziehen.
Später Änderungen hochladen Wenn du später etwas ändern willst: In der Desktop-App über den „Code"-Tab anpassen lassen, dann den Ordner erneut auf Netlify ziehen (app.netlify.com/drop). Die alte Version wird automatisch durch die neue ersetzt.
9

Subdomain einrichten (DNS-Eintrag)

ca. 10 Min. · optional, aber empfohlen

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 freebie.deinefirma.at oder checkliste.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. freebie.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. freebie) · 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.
Wo finde ich die DNS-Einstellungen beim Anbieter? Im Kundenbereich einloggen → Reiter „Domains" oder „Meine Domains" → bei deiner Domain „DNS-Einstellungen", „DNS verwalten" oder „Nameserver / DNS". Wenn du es nicht findest, schreib dem Support deines Anbieters: „Wo finde ich die DNS-Einstellungen für meine Domain?" — die helfen sofort.
DNS braucht Zeit — Ruhe bewahren Nach dem Speichern dauert es zwischen 15 Minuten und 24 Stunden, bis die Subdomain weltweit erreichbar ist (DNS-Propagation). Wenn die Seite nach 5 Minuten noch nicht läuft: warten, nichts rückgängig machen.
SSL automatisch durch Netlify Sobald der DNS-Eintrag aktiv ist, richtet Netlify für deine Subdomain automatisch ein SSL-Zertifikat ein (das grüne Schloss im Browser). Du musst dich darum nicht kümmern.

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 sich für dein Freebie einträgt. Dafür brauchst du einen Meta Pixel — einen kleinen Tracking-Code, den Claude bereits als Platzhalter in deine Seite eingebaut hat (mit dem Event Lead 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
  • Ordner erneut auf Netlify ziehen (siehe Hinweis in Step 8)
Ausführliche Schritt-für-Schritt-Anleitung Wie du einen Meta Pixel erstellst, einrichtest und konfigurierst, erklären wir dir im Salesforce-Kurs. Dort gehen wir klickgenau durch: Pixel anlegen, Events definieren, Zielgruppen aufbauen, mit Werbeanzeigen verknüpfen. Wenn du den Kurs noch nicht gemacht hast, schreib uns — wir schicken dir den Zugang.

Fertig.
Deine Freebie-Landingpage ist live.

Eintragungen findest du in deinem Netlify-Dashboard unter „Forms". Der Direkt-Download auf der Dankeseite reicht völlig — du brauchst kein zusätzliches Tool. Optional: Wenn du nach dem Freebie eine Mail-Sequenz oder einen Newsletter anschließen willst, kannst du Mailchimp + Zapier dazuschalten — wie das geht, steht in der Webinar-Anleitung. Wenn du später etwas ändern willst: zurück in die Desktop-App über den „Code"-Tab, anpassen und den Ordner erneut auf Netlify ziehen — die alte Version wird automatisch ersetzt.

Häufige Fragen

Was kostet das alles zusammen?
Claude Pro (ca. 20 € / Monat) + Netlify Pro (ca. 9 € / Monat) = ca. 29 € / Monat. Beide Abos sind monatlich kündbar. Wenn du Claude nur zum Bauen nutzt, kannst du das Abo nach dem Launch pausieren — die Seite läuft auf Netlify weiter.
Was, wenn Claude etwas falsch macht?
Sag es ihm. „Das Icon liegt falsch, mach es mittig." oder „Der Text ist zu lang, kürze ihn auf 2 Sätze." Claude korrigiert sich sofort. Je konkreter deine Anweisung, desto besser.
Kann ich später noch Änderungen machen?
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 (app.netlify.com/drop). Die alte Version wird automatisch ersetzt.
Wie sehe ich die eingegangenen Eintragungen?
Im Netlify-Dashboard unter „Forms". Du kannst zusätzlich eine E-Mail-Benachrichtigung einrichten — dann bekommst du jede neue Eintragung sofort per Mail. Der Freebie-Download läuft direkt über die Dankeseite — du brauchst kein zusätzliches Tool.
Was, wenn keine Eintragungen im Netlify-Dashboard erscheinen?
Zwei häufige Ursachen: (1) Das Formular wird per JavaScript erzeugt — Netlify scannt beim Build aber nur statisches HTML und sieht es dann nie. Das Formular muss komplett im Quelltext der index.html stehen (im ausgeblendeten Popup ist das ok). (2) Dem <form> fehlt das netlify-Attribut oder das versteckte form-name-Feld passt nicht exakt zum Formularnamen. Beides macht Claude bei Verwendung des Toolkits automatisch. Wichtig: Das Formular erscheint im Netlify-Dashboard erst nach einem erfolgreichen Deploy. Falls trotzdem nichts ankommt: in der Desktop-App über den „Code"-Tab bitten „Stelle sicher, dass das Eintragungsformular komplett als statisches HTML im Quelltext steht und das netlify-Attribut trägt" und den Ordner erneut auf Netlify ziehen.
Wie binde ich ein Vorschauvideo zum Freebie ein?
Über Vimeo — kostenloser Plan reicht (1 GB Speicher). Video hochladen, Privatsphäre auf „Public" / „Anyone can see" stellen, Link kopieren und Claude geben mit klarer Position-Anweisung — z. B. „Bette dieses Vimeo-Video als Vorschau zum Freebie unter dem Hero ein: https://vimeo.com/123456789". Ohne Video setzt Claude einen Platzhalter — du kannst das Video später jederzeit nachreichen, oder ganz weglassen.
Wo lege ich die Freebie-Datei (PDF) ab?
Direkt in den gleichen Ordner wie die index.html. Beim Hochladen auf Netlify wird sie automatisch mit gehostet — über die URL deinedomain.netlify.app/freebie.pdf. Sag Claude einfach den Dateinamen, dann verlinkt er den Download-Button entsprechend. Niemals Google Drive / Dropbox: bricht oft, hat Vorschau-Zwischenseiten und wirkt unprofessionell.
Brauche ich Mailchimp für ein Freebie?
Standard-Antwort: Nein. Der Direkt-Download auf der Dankeseite reicht völlig — die Eintragungen sammelst du in Netlify. Optional, wenn du nach dem Freebie eine Mail-Sequenz oder einen Newsletter anschließen willst: dann brauchst du Mailchimp (mit Double-Opt-In wegen DSGVO) und verbindest es über Zapier mit Netlify. Wie das geht, steht ausführlich in unserer Webinar-Anleitung (Bonus-Block „Mailchimp + Zapier").
Brauche ich eine eigene Domain?
Technisch nein, praktisch ja. Netlify gibt dir automatisch eine kostenlose URL (z. B. mutiges-licht-1234.netlify.app) — die Seite läuft sofort. Aber: Für einen professionellen Auftritt brauchst du eine eigene (Sub-)Domain. Ein Freebie-Download auf freebie.deinefirma.at wirkt deutlich vertrauenswürdiger als eine zufällige Netlify-URL — gerade wenn du Kaltverkehr von Meta-Ads auf die Seite leitest. Wie du das einrichtest, zeigt dir Step 11 (Subdomain einrichten). Eine neue Domain musst du dafür nicht kaufen — eine Subdomain deiner bestehenden Domain reicht völlig.
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.