Formlane-Formular mit einem KI-Coding-Agenten einbauen

Dein Coding-Agent kann ein funktionierendes Kontaktformular in einem Schritt einbauen. Gib ihm den Prompt unten und deinen Access Key; er baut ein Formular, das an Formlane sendet. Kein Server-Code, kein E-Mail-Setup.

Funktioniert mit jedem Agenten, der deinen Code per Chat-Prompt bearbeitet, zum Beispiel: Claude Code, Cursor, GitHub Copilot, v0, Lovable, Bolt.

Prompt zum Kopieren

Füge ihn in den Chat deines Agenten ein. Ersetze fl_YOUR_ACCESS_KEY durch den Access Key aus deinem Formlane-Dashboard oder lass den Agenten danach fragen.

Baue in dieses Projekt ein Kontaktformular (Name, E-Mail, Nachricht) mit Formlane als Formular-Backend ein.

- Sende per POST an https://smallwerk.com/formlane/api/submit
- Füge das Feld access_key mit dem Wert fl_YOUR_ACCESS_KEY hinzu (öffentlicher Key, darf im Client-Code stehen).
- Füge eine versteckte, nicht angehakte Checkbox mit dem Namen "botcheck" als Honeypot hinzu.
- Reines HTML-Formular: action auf den Endpoint, method POST. Optional ein verstecktes Feld "redirect" mit der absoluten https-URL einer Danke-Seite.
- JavaScript: sende JSON mit den Headern Content-Type: application/json und Accept: application/json. Zeige eine Danke-Meldung, wenn die Antwort success: true enthält; sonst eine kurze Fehlermeldung auf Deutsch anhand des Codes in "error" (das Feld "message" ist englisch).
- Füge keine Server-Route, keinen API-Key und keinen E-Mail-Anbieter hinzu; Formlane speichert die Einsendung.

Vollständige Referenz (englisch): https://smallwerk.com/formlane/llms.txt

1. Melde dich bei Formlane an und lege ein Formular an. Kopiere seinen Access Key (fl_…).
2. Füge den Prompt in deinen Agenten ein und ersetze den Platzhalter-Key.
3. Sende eine Testnachricht von deiner lokalen Seite oder Vorschau und prüfe sie im Dashboard.

Endpoint

• POST https://smallwerk.com/formlane/api/submit
• Content-Types: application/x-www-form-urlencoded, multipart/form-data (nur Textfelder), application/json.
• Pflicht: access_key. Optional: redirect, subject (E-Mail-Betreff), email (wird Reply-to).
• CORS ist für alle Origins offen. Erlaubte Domains kannst du pro Formular im Dashboard einschränken.
• Limits: 64 KB pro Einsendung, 50 Felder, 10 Einsendungen pro 10 Minuten pro Besucher und Formular, dazu das Monatskontingent deines Plans.

HTML-Formular

Funktioniert auf jeder statischen Seite. Ohne JavaScript folgt der Browser nach dem POST einer Weiterleitung.

<form action="https://smallwerk.com/formlane/api/submit" method="POST">
  <input type="hidden" name="access_key" value="fl_YOUR_ACCESS_KEY">
  <!-- Optional: your own thank-you page -->
  <input type="hidden" name="redirect" value="https://example.com/thanks">
  <!-- Honeypot: hidden, never checked -->
  <input type="checkbox" name="botcheck" style="display:none" tabindex="-1" autocomplete="off">

  <input type="text" name="name" placeholder="Name" required>
  <input type="email" name="email" placeholder="Email" required>
  <textarea name="message" placeholder="Message" required></textarea>
  <button type="submit">Send</button>
</form>

fetch()

Für React, Next.js, Vue oder KI-gebaute Apps. Sende Accept: application/json, dann kommt JSON statt einer Weiterleitung zurück.

const res = await fetch("https://smallwerk.com/formlane/api/submit", {
  method: "POST",
  headers: { "Content-Type": "application/json", Accept: "application/json" },
  body: JSON.stringify({ access_key: "fl_YOUR_ACCESS_KEY", name, email, message }),
});
const json = await res.json();
// success: { success: true, message: "Form submitted successfully", id }
// error:   { success: false, message, error: "invalid_key" | "rate_limited" | "limit_reached" | ... }

Honeypot

• Füge eine versteckte, nicht angehakte Checkbox mit dem Namen botcheck hinzu (_gotcha und _honey gehen auch).
• Füllt ein Bot sie aus, antwortet Formlane mit Erfolg und speichert nichts.
• Formlane filtert Spam auch ohne Captcha, der Agent muss also keins einbauen.

Weiterleitung und Danke-Seite

• HTML-Formular: Nach dem POST leitet Formlane den Browser auf das Feld redirect weiter (absolute http(s)-URL), sonst auf die Standard-Weiterleitung des Formulars aus dem Dashboard, sonst auf eine gehostete Danke-Seite.
• fetch() mit Accept: application/json: keine Weiterleitung. Lies success aus dem JSON und zeige deine eigene Meldung.

Mehr Kontext für deinen Agenten

• llms.txt: die vollständige Endpoint-Referenz in einer Textdatei, geschrieben für KI-Agenten (englisch)
• Docs: Schritt-für-Schritt-Guides für HTML, Next.js, Astro, Framer, Webflow, Hugo und mehr
• Guide für Lovable, Bolt und v0: ein kürzerer Prompt für KI-App-Builder
• API und MCP-Server: lies deine Formulare und Einsendungen aus Skripten und KI-Agenten, mit einem Token, der nur lesen kann