Leere Felder
Lass ein Pflichtfeld leer und drücke den Demo-Button. Der Browser zeigt, was noch fehlt.
Kontaktformular mit ChatGPT erstellen · selbst gemacht
Mit ChatGPT zum Formular. Mit einem echten Versandweg.
Name, E-Mail und Nachricht sind der sichtbare Teil. Mit ChatGPT kannst du das Formular und seine Verarbeitung vorbereiten. Damit Nachrichten wirklich ankommen, brauchst du passende Einrichtung, Datenschutz und einen Zustellungstest.
ChatGPT ist der Einstieg für Briefing, Inhalte und Entwurf. Für die Arbeit direkt an deinen Website-Dateien beschreiben wir den Codex-Weg. Ein normaler Chat ist nicht automatisch mit deinem Hosting oder Postfach verbunden.
- mit 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.
ChatGPT kann dir beim Einrichten helfen. Den Versandweg und das Ergebnis prüfst du mit.
Kontaktformular mit ChatGPT erstellen
Sag nicht nur, welche Felder du willst. Sag auch, was passieren soll.
Mit Codex kannst du Formular und Verarbeitung zusammen entwickeln. Welche Lösung passt, hängt von deiner Website und deinem Hosting ab. Für deinen ersten Auftrag an ChatGPT: Nenne die benötigten Felder, Empfängeradresse und vorhandenes Hosting, aber teile keine Zugangsdaten. Lass dir fehlende Voraussetzungen erklären. Mit Codex kannst du anschließend Formular und Verarbeitung im Website-Projekt umsetzen; prüfe die echte Zustellung getrennt von dieser lokalen Demo.
Ein Beispiel für deinen Auftrag an ChatGPT
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.
Wie arbeite ich hier mit ChatGPT?
In ChatGPT kannst du dein Angebot und den Website-Entwurf ausarbeiten. Für Änderungen direkt am Website-Projekt beschreiben wir hier den Codex-Weg. Ein normaler Chat allein übernimmt nicht automatisch Zugriff auf deine Dateien, die Veröffentlichung oder den Mailversand.
Ändert sich dadurch das Kursangebot?
Nein. Es bleibt der bestehende Website-Kurs zum Selbermachen. Im Kurs werden Claude Code und Codex verwendet. Die Vorbereitungsmail erklärt die Einrichtung und die benötigten Zugänge. Preis, Dauer und Leistungen bleiben gleich.
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 ChatGPT 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.
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.