Alle Beiträge

So fügst du einer statischen KI-Website ein funktionierendes Kontaktformular hinzu

Du hast deine KI gebeten, ein Kontaktformular einzubauen, und sie hat brav eines mit Feldern für Name, E-Mail und Nachricht erstellt. Doch wenn du oder ein Besucher auf „Senden“ klickt, passiert nichts, oder es erscheint ein Fehler. Das ist kein Fehler der KI. Es liegt in der Natur statischer Websites, und so behebst du es richtig.

Warum statische Formulare allein nicht funktionieren

Eine statische Website besteht nur aus HTML-Dateien, genau das, was KI-Tools erzeugen. Dahinter läuft kein Server, der ein abgeschicktes Formular empfangen, speichern und dir per E-Mail schicken könnte. Das Formular sieht richtig aus, aber der „Senden“-Button weiß nicht, wohin. Damit ein Formular wirklich funktioniert, braucht es auf der Empfängerseite etwas, das es verarbeitet.

Früher hieß das: Backend-Code schreiben (PHP, Node usw.) und einen Server betreiben. Für Nicht-Techniker ein riesiger Schritt. Die moderne Antwort ist ein Formular-Endpunkt, ein Dienst, der den Empfang für dich übernimmt.

Die einfache Lösung: ein Formular-Endpunkt

Ein Formular-Endpunkt ist eine Webadresse, die die Daten deines Formulars entgegennimmt, speichert und dich benachrichtigt, ohne dass du einen Server betreibst. Du richtest dein Formular auf diese Adresse, und es funktioniert. Viele Hoster bieten das an. Bei Hostilo hat jede Website einen eingebauten Formular-Endpunkt, du brauchst also keinen separaten Dienst.

Schritt für Schritt

1. Formular-Code holen

Kopiere ein Formular, das an den Endpunkt sendet und den eindeutigen Token deiner Website enthält. So sieht es aus:

<form action="https://hostilo.app/api_form.php" method="POST">
  <input type="hidden" name="site_token" value="DEIN_EINDEUTIGER_TOKEN">
  <input type="email" name="email" required>
  <textarea name="message" required></textarea>
  <button type="submit">Senden</button>
</form>

2. Token einsetzen

Der site_token verknüpft die Nachrichten mit deiner Website. Den fertigen Code mit eingetragenem Token findest du im Editor deiner Website unter Einstellungen. Dieses eine Detail macht das Formular zu deinem.

3. In die Seite einfügen

Setze das Formular an die gewünschte Stelle in deinem HTML, speichere und veröffentliche. Fertig: Das Formular ist live und funktioniert.

Wohin gehen die Nachrichten?

Wenn jemand das Formular ausfüllt, bekommst du die Nachricht per E-Mail, und sie wird zusätzlich in deinem Dashboard gespeichert. So hast du sie auch dann, wenn eine E-Mail verloren geht. Du musst keinen separaten Dienst prüfen: Alles ist an einem Ort.

Und was ist mit Spam?

Öffentliche Formulare ziehen Spam-Bots an. Ein guter Endpunkt hat einen Honeypot: ein unsichtbares Feld, das Menschen nie ausfüllen, Bots aber schon. Ist der Honeypot gefüllt, wird die Nachricht stillschweigend verworfen. Das blockiert den Großteil des automatischen Spams, ohne echte Besucher mit Captchas zu nerven.

Häufige Fragen

Muss ich programmieren können, um ein funktionierendes Formular einzubauen?
Nein. Du fügst einen Code-Schnipsel ein und trägst deinen Token ein. Kein Backend, kein Server, kein Code.

Kann ich das Aussehen des Formulars anpassen?
Ja. Das Formular ist normales HTML: Gestalte es, wie du willst, oder behalte das Design der KI. Nur die action-Adresse und das versteckte Token-Feld müssen bleiben.

Bekomme ich die Nachrichten per E-Mail?
Ja. Nachrichten kommen per E-Mail und werden zur Sicherheit auch im Dashboard gespeichert.

Wie wird Spam abgewehrt?
Ein eingebautes Honeypot-Feld erkennt und blockiert die meisten Bots automatisch, Captchas brauchst du nicht.