Leere Felder
Lass ein Pflichtfeld leer und drücke den Demo-Button. Der Browser zeigt, was noch fehlt.
Kontaktformular mit KI erstellen · praktisch erklärt
Ein Formular ist erst fertig, wenn die Nachricht ankommt.
Mit einem Prompt kannst du ein Kontaktformular erstellen lassen. Damit es auf deiner Website wirklich funktioniert, gehören Versand, Datenschutz und ein Test dazu. Hier siehst du den ganzen Weg.
- mit Claude Code oder Codex
- mit Fehlerprüfung
- ohne Technikwissen
Schreib uns eine Nachricht.
Nur eine Demo. Nichts wird versendet oder gespeichert. Bitte keine persönlichen Daten eingeben.
Vielleicht kennst du das
Drei Eingabefelder sind schnell da. Aber …
- Wohin geht die Nachricht?Ohne Verarbeitung auf dem Server oder einen Formulardienst bleibt es bei sichtbaren Eingabefeldern.
- Eine Erfolgsmeldung beweist nichts.Erst wenn die Testanfrage beim richtigen Empfänger ankommt, ist der Versandweg überprüft.
- Auch Fehler brauchen eine Antwort.Bei einer ungültigen Adresse oder einem Versandproblem soll niemand im Unklaren bleiben.
- Du verarbeitest persönliche Angaben.Datensparsamkeit, Sicherheit und passende Datenschutzinformationen gehören von Anfang an dazu.
Die KI kann dir beim Einrichten helfen. Den Versandweg und das Ergebnis prüfst du mit.
Kontaktformular mit KI erstellen
Sag nicht nur, welche Felder du willst. Sag auch, was passieren soll.
Mit Claude Code oder Codex kannst du Formular und Verarbeitung zusammen entwickeln. Welche Lösung passt, hängt von deiner Website und deinem Hosting ab.
Ein Beispiel für deinen Auftrag an Claude Code oder Codex
Ergänze ein Kontaktformular mit Name, E-Mail und Nachricht auf meiner Website. Frage mich zuerst nach dem Hosting, dem Empfänger und einem vorhandenen Versandweg. Validiere Eingaben auch auf dem Server, verhindere doppelte Absendungen und zeige verständliche Fehler. Lege keine Zugangsdaten im Browsercode ab. Behaupte erst nach einer geprüften Testzustellung, dass der Versand funktioniert.
- FestlegenEmpfänger und VersandwegHat dein Hosting eine geeignete Verarbeitung oder brauchst du einen externen Formulardienst? Prüfe Datenverarbeitung und Kosten, bevor du dich entscheidest.
- UmsetzenFormular und VerarbeitungFelder mit Labels, Pflichtprüfung, sichere serverseitige Verarbeitung und verständliche Rückmeldung. Spam-Schutz und Schutz vor Missbrauch mitdenken.
- PrüfenEchte Testnachricht zustellenEine markierte Testanfrage senden und beim vorgesehenen Empfänger prüfen. Auch ungültige Eingaben und einen Versandfehler testen.
Was du oben ausprobieren kannst
Fehlende Angaben, Erfolg und Versandfehler.
Die Demo im Einstieg prüft Pflichtfelder und das E-Mail-Format im Browser. Mit der Auswahl kannst du zwei vorbereitete Rückmeldungen ansehen.
Simulierter Erfolg
Die Anzeige erklärt, wie eine Rückmeldung aussehen kann. Es gibt ausdrücklich keinen echten Versand und keine Zustellung.
Simulierter Fehler
Deine Eingaben bleiben stehen. Du bekommst einen Hinweis, statt einer falschen Erfolgsmeldung.
Vor der Veröffentlichung
Diese Punkte dürfen nicht nur gut aussehen.
Daten und Zugangsdaten schützen
Nur benötigte Angaben abfragen. Kein Passwort oder Mail-Server-Zugang im ausgelieferten JavaScript. Übertragung per HTTPS und serverseitige Prüfung vorsehen.
Datenschutz passend erklären
Zweck, Empfänger und gegebenenfalls eingebundene Dienste klären. Ein beliebiges Häkchen macht ein Formular nicht automatisch rechtskonform. Keine Rechtsberatung.
Am Handy und im Postfach testen
Felder und Button müssen auch mobil bedienbar sein. Prüfe Fehlerfälle, Mehrfachklicks und den tatsächlichen Eingang der markierten Testnachricht.
Wenn du es gemeinsam machen möchtest
Deine erste Website. Mit mir an deiner Seite.
Wenn du nicht nur ein Formular, sondern deine eigene Website selbst erstellen möchtest: Im bestehenden Kurs bauen wir deine erste Seite. Eine Anleitung für das Kontaktformular gehört dazu. Das ist kein separater Formularservice.
- zu HauseVorbereitenFragebogen, Domain und Hosting. Du bekommst eine Vorbereitungsmail und bei Bedarf ein kurzes Telefonat.
- live onlineEin Vormittag gemeinsamVier Stunden in einer kleinen Gruppe. Wir bauen deine erste Seite, ich helfe dir bei den einzelnen Schritten.
- danachSelbst weiterbauenAnleitungen für Unterseiten, Blog und Kontaktformular. Fragen per Mail bis zwei Wochen danach.
Website-Kurs · nur 6 PlätzeNoch 2026 zum Einstiegspreis
160 €
Bei Buchung bis 31.12.2026.
Ab 2027: 240 €.
- Vorbereitung und ein Vormittag live online
- Deine erste Website unter deiner eigenen Adresse
- Danach selbst bearbeiten und erweitern
Unverbindliche Anfrage. Termin und verbindliche Zusage folgen im nächsten Schritt.
Endpreis, keine Umsatzsteuer ausgewiesen (Kleinunternehmer gem. § 6 Abs. 1 Z 27 UStG). Domain, Hosting und ein gegebenenfalls benötigtes KI-Abo kommen dazu.
Häufige Fragen
Was du noch wissen möchtest.
Kann ich das Formular mit einem Prompt erstellen?
Du kannst den Entwurf und die Verarbeitung damit anstoßen. Ohne Informationen zu Hosting, Empfänger und Versandweg kann die KI aber keine tatsächliche Zustellung garantieren. Einrichtung und Test bleiben nötig.
Versendet die Demo auf dieser Seite eine Nachricht?
Nein. Sie läuft nur in deinem Browser, speichert die Angaben nicht und sendet sie nicht an einen Server. Erfolg und Fehler sind vorbereitete Demonstrationszustände.
Kann ich das bei Wix, WordPress oder Jimdo einbauen?
Das hängt vom System, Tarif und deinen Zugriffsrechten ab. Oft sind dort vorhandene Formularfunktionen oder Plugins der passende Weg. Die hier beschriebene Arbeit an Website-Dateien ist nicht automatisch auf jedes System übertragbar.
Brauche ich einen bezahlten Formulardienst?
Nicht zwingend. Vielleicht kann dein Hosting die Verarbeitung übernehmen. Ein externer Dienst kann eine Alternative sein, hat aber eigene Tarife, Grenzen und Datenschutzbedingungen. Ohne konkrete Einrichtung gibt es hier keine Gratiszusage.
Was lerne ich dazu im Website-Kurs?
Du lernst den grundlegenden Weg zu deiner eigenen Website. Für Kontaktformular, Blog und Unterseiten sind Anleitungen enthalten. Der Kurs verspricht nicht, jede fremde Website oder jede individuelle Integration am Vormittag fertig einzurichten.
Claude Code oder Codex: womit arbeite ich?
Beide können an den Dateien deiner Website arbeiten. Der Grundablauf bleibt gleich: beschreiben, ansehen, ändern, prüfen und hochladen. Die aktuelle Kursseite nennt für die Vorbereitung noch Claude Pro. Wenn du Codex nutzen möchtest, schreib es in deine Anfrage.
Baut Gabriel die Website für mich?
Nein. Du erstellst sie selbst und lernst dabei, sie später weiterzubearbeiten. Im Website-Kurs helfe ich dir live bei den einzelnen Schritten. Das ist kein Erstellungsservice.
Dein nächster Schritt
Aus deiner Idee kann deine eigene Website werden.
Du möchtest nicht allein anfangen? Schau dir den Website-Kurs an oder frag direkt einen Platz an.