Eine Seite mit einem Ziel: Passende Bewerber bewerben sich direkt über ein Formular mit Vorfilter-Fragen — du bekommst nur noch qualifizierte Bewerbungen. Diese Anleitung führt dich von ganz vorne bis zur fertigen, live gehosteten Seite — ohne Technik-Wissen.
Eine fokussierte Seite mit nur einem Ziel: Der passende Bewerber bewirbt sich direkt über ein Formular — statt dir nur eine formlose Mail zu schicken. Über Vorfilter-Fragen (z. B. Arbeitsmodell, Erfahrung, Verfügbarkeit) qualifiziert sich jeder Bewerber selbst, bevor seine Bewerbung bei dir landet.
Eine eigene, fokussierte Seite zieht genau die Bewerber an, die zu dir passen — statt einer Flut aus generischen Bewerbungen. Die Vorfilter-Fragen sortieren unpassende Kandidaten automatisch aus, bevor sie Arbeit machen. Das spart dir Zeit beim Sichten und sorgt dafür, dass du dich nur noch mit ernsthaften, passenden Bewerbern beschäftigst.
Über Meta-Werbung führst du passende Kandidaten direkt auf deine Landingpage — und von dort in eine qualifizierte Bewerbung:
Eine fokussierte Seite zieht die Richtigen an — statt einer Flut aus unpassenden Bewerbungen.
Die Vorfilter-Fragen sortieren unpassende Kandidaten automatisch aus, bevor sie bei dir landen.
Bewerbungen kommen rund um die Uhr rein und werden direkt gesammelt — du musst nichts tun.
Du siehst alle Bewerbungen an einem Ort und behältst jederzeit den Überblick.
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.
In diesem Ordner wird deine Landingpage entstehen — Texte, Design, alles an einem Ort.
Das sind die Dateien, die Claude „beibringen", wie deine Recruiting-Landingpage aufgebaut werden soll. Das Herzstück des Systems — ohne sie funktioniert der ganze Prozess nicht.
Die einmalige Einrichtung hast du im Setup-Guide erledigt. Ab jetzt arbeitest du komplett in der App — ohne Terminal.
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 deinem Unternehmen, der Position, deinem Wunschbewerber, Design und Tonalität. Aus deinen Antworten baut Claude die komplette Seite automatisch: die Startseite mit dem Bewerbungsformular (inkl. Vorfilter-Fragen) und die Dankesseite, auf der deine Bewerber nach dem Absenden landen — du musst dich um keine der Seiten selbst kümmern.
Claude fragt dich im Verlauf, ob du eigene Bilder einbauen willst (z. B. Team-Fotos, dein Logo, Produkt-Bilder). Wenn ja:
Claude fragt dich aktiv, ob du Videos einbetten willst (z. B. eine kurze Botschaft des Geschäftsführers / Teamleads, ein Office-Walkthrough, ein Mitarbeiter-Statement) — und wenn ja, an welcher Stelle. Standard ist immer ein eleganter Platzhalter, du kannst Videos jederzeit später nachreichen oder ganz weglassen und stattdessen Mitarbeiter-Statements in Textform mit Foto + Name + Rolle einbauen — auf Recruiting-Pages funktioniert Text oft genauso gut wie Video.
Wenn du echte Videos einbetten willst, läuft das über Vimeo. Der kostenlose Plan reicht völlig aus — bis zu 1 GB Speicher.
https://vimeo.com/123456789)Am Ende des Dialogs baut Claude automatisch die Startseite (index.html) und die Dankeseite (bewerbung-eingegangen.html).
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:
Claude passt an, du schaust wieder in die Vorschau. So lange, bis alles sitzt.
Bevor du die Seite live stellst, klickst du einmal das Bewerbungsformular durch — damit du sicher bist, dass später wirklich jede Antwort bei dir ankommt.
index.html in deinem Ordner)Netlify ist der Dienst, der deine Seite im Netz zugänglich macht. Das Wichtige vorweg: der kostenlose Plan reicht für eine normale Recruiting-Landingpage völlig aus — inklusive Formular-Handling.
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.
Sobald die Seite live ist, machst du eine echte Test-Bewerbung über die echte Internet-Adresse — den lokalen Durchklick aus Step 6 hast du ja schon gemacht, hier zählt der Live-Test:
<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 Bewerbungen 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.
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 karriere.deinefirma.at oder bewerbung.deinefirma.at. Du musst keine neue Domain kaufen — eine Subdomain deiner bestehenden Domain reicht.
karriere.deinefirma.at → bestätigenkarriere) · Wert / Ziel: die netlify.app-Adresse aus Netlify · TTL: Standardwert lassenWenn du über Meta (Facebook / Instagram) Werbung schaltest, willst du wissen, wer über deine Ads auf der Landingpage landet und sich bewirbt. Dafür brauchst du einen Meta Pixel — einen kleinen Tracking-Code, den Claude bereits als Platzhalter in deine Seite eingebaut hat.
Bewerbungen über das Formular findest du in deinem Netlify-Dashboard unter „Forms". Wenn du später etwas ändern willst: 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.
index.html stehen (Steps werden nur per CSS ein-/ausgeblendet). (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 Bewerbungsformular komplett als statisches HTML im Quelltext steht und das netlify-Attribut trägt", dann den Ordner erneut auf Netlify ziehen.