Formular für Websites aus ChatGPT und Claude

Wenn Sie ChatGPT oder Claude eine Website bauen lassen, fügen Sie diesen Prompt hinzu: Die Seite erhält ein Kontaktformular, das Nachrichten tatsächlich zustellt. Es ist reines HTML und funktioniert auf jedem statischen Hosting.

1. Holen Sie sich auf der Startseite einen Zugriffsschlüssel.
2. Fügen Sie den Prompt zusammen mit Ihrer Website-Anfrage ein.
3. Prüfen Sie, dass die action des Formulars die Formgong-Adresse /submit ist und der Schlüssel Ihrer.
4. Laden Sie die Seite hoch und senden Sie eine Test-Einsendung.

Prompt

Wenn du diese Website baust, füge in derselben Datei ein funktionierendes Kontaktformular als normales HTML ein, damit es ohne JavaScript auf jedem statischen Hosting funktioniert.
- <form action="https://formgong.com/submit" method="POST">
- Verstecktes Feld access_key: fk_your_access_key (der Schlüssel ist öffentlich)
- Felder name, email, message; Beschriftungen auf Deutsch
- Verstecktes Honeypot-Feld botcheck außerhalb des sichtbaren Bereichs (position:absolute; left:-10000px)
- Kein Backend, keine Datenbank, kein E-Mail-Versanddienst

Zusätzlich:
- Verstecktes Feld _lang mit dem Wert de (Sprache der Seite): Fehlermeldungen, Danke-Seite und automatische Antwort erscheinen dann auf Deutsch.
- Optional: verstecktes Feld _redirect mit der vollständigen https-Adresse deiner Danke-Seite. Ohne dieses Feld zeigt Formgong eine eigene Danke-Seite.
- Optional: <script src="https://formgong.com/fg.js" async></script> einmal pro Seite. Es setzt _lang aus <html lang> und zählt Formularansichten ohne Cookies.
- Turnstile nur einbauen, wenn ich dir einen Site Key gebe.

Minimaler Code

HTML

<form action="https://formgong.com/submit" method="POST">
  <input type="hidden" name="access_key" value="fk_your_access_key">
  <input type="hidden" name="_lang" value="de">
  <label>Name <input type="text" name="name" autocomplete="name" placeholder="Ihr Name" required></label>
  <label>E-Mail <input type="email" name="email" autocomplete="email" placeholder="name@beispiel.de" required></label>
  <label>Nachricht <textarea name="message" placeholder="Wie können wir Ihnen helfen?" required></textarea></label>
  <div aria-hidden="true" style="position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden">
  <label>Lassen Sie dieses Feld leer<input type="text" name="botcheck" tabindex="-1" autocomplete="off"></label>
</div>
  
  <button type="submit">Senden</button>
</form>

Vor dem Veröffentlichen

• Das Formular sendet an https://formgong.com/submit (action des Formulars oder URL im fetch).
• access_key enthält Ihren Schlüssel aus dem Formgong-Dashboard, nicht fk_your_access_key.
• Ein verstecktes, leeres Feld botcheck ist vorhanden.
• _lang entspricht der Sprache der Seite.
• Für das Formular wurde keine API-Route, keine Serverfunktion, keine Datenbanktabelle und kein Secret angelegt.
• Eine Test-Einsendung erscheint im Formgong-Posteingang und in Ihrem E-Mail-Postfach.

Schlüssel holen