VibeBridgeWenn du Claude, ChatGPT oder Cursor um eine Website bittest, bekommst du meist auch ein Kontaktformular dazu. Dann klickt jemand auf Senden, und es passiert nichts. Der Grund ist einfach: Ein Kontaktformular auf einer statischen HTML-Seite ohne Backend hat keinen Ort, an den es die Nachricht liefern kann. Ein Formular braucht einen Server, der die Eingabe entgegennimmt. Eine statische Seite besteht nur aus Dateien, also tut der Button nichts oder erzeugt einen Fehler.
Der übliche Notbehelf ist ein Formular-Dienst zum Einbetten: noch ein Account, noch ein Skript-Tag, oft ein Widget, das sich mit deinem Design beißt. Es geht auch ohne das alles. Lade deine Seite so, wie sie ist, zu VibeBridge hoch, und das Formular in deinem HTML wird automatisch erkannt und verdrahtet. Das Design bleibt genau so, wie es dein KI-Tool gebaut hat, Nachrichten landen in einem Leads-Postfach, und du bekommst für jede neue Nachricht eine E-Mail.
Was du für ein Kontaktformular auf einer statischen HTML-Seite ohne Backend brauchst
- Deine Seite als HTML-Dateien, mit einem Kontaktformular irgendwo im Markup: ein form-Tag, Eingabefelder und einen Senden-Button.
- Ein VibeBridge-Konto. Hier registrieren, 7 Tage kostenlos, keine Einrichtungsgebühr.
- Am Ende zwei Minuten für eine Test-Nachricht.
Schritt 1: Stell sicher, dass dein HTML ein normales Formular enthält
VibeBridge findet Formulare, indem es dein HTML liest. Das Formular muss also ein echtes sein: ein form-Element, das die Felder umschließt, Eingaben mit name-Attributen (name, email, message) und ein Senden-Button. Die meisten KI-Tools liefern genau das, wenn du danach fragst. Du brauchst keine action-URL und keinen Sende-Code. Eine leere oder erfundene action ist in Ordnung, die Verdrahtung wird beim Veröffentlichen ergänzt.
Wo es schiefgeht: Manche generierten Seiten täuschen das Formular mit gestylten divs und einem Klick-Handler vor, oder der Button löst nur eine JavaScript-Meldung aus. Wenn deine Felder nicht in einem form-Tag stehen, hat die Erkennung nichts, woran sie sich festhalten kann.
Tipp: Sag deinem KI-Tool: "Baue das Kontaktformular als standardmäßiges, semantisches HTML: ein form-Element, beschriftete Eingaben mit name-Attributen, eine textarea und einen Senden-Button, keine JavaScript-Sendelogik." Dieser eine Satz verhindert die meisten Erkennungsprobleme.
Schritt 2: Lade die Seite zu VibeBridge hoch
Erstelle dein Konto unter app.vibebridge.ai/signup und zieh dann deinen exportierten Ordner in den Browser-Upload: HTML und Bilder zusammen, relative Pfade lösen sich automatisch auf. Die Seite geht sofort unter ihrer eigenen URL live, mit EU-Hosting und automatischem SSL. Die Pakete starten bei 9 € pro Monat (zzgl. USt.), Details findest du auf der Preisseite.
Während des Uploads scannt VibeBridge die Seiten, erkennt das Kontaktformular und verbindet es. Es wird nichts eingefügt: kein Widget, kein fremdes Skript, keine umgestylten Felder. Nur der Senden-Button liefert jetzt tatsächlich. Du kannst dein KI-Tool auch über MCP verbinden und direkt veröffentlichen lassen. Den Weg Schritt für Schritt findest du unter app.vibebridge.ai/connect.
Schritt 3: Prüf das erkannte Formular und sende eine Test-Nachricht
Öffne im Portal die Formulare deiner Seite. Dein Kontaktformular sollte mit seinen erkannten Feldern aufgelistet sein. Dann mach den ehrlichen Test: Öffne die Live-Seite wie ein Besucher, füll das Formular aus, drück auf Senden. Kurz darauf liegt die Nachricht in deinem Leads-Postfach, und eine Benachrichtigungs-E-Mail kommt an.
Wurde das Formular nicht erkannt, liegt es fast immer am Markup. Geh zurück zu Schritt 1, bitte dein KI-Tool um ein standardmäßiges, semantisches Formular und lade erneut hoch. Wenn du nicht weiterkommst, schick dein HTML an support@vibebridge.ai.
Schritt 4: Arbeite mit Leads im Postfach
Jede Nachricht wird zu einem Lead in deinem Portal: alle übermittelten Felder, mit Datei-Anhängen, falls das Formular ein Upload-Feld hat. Setz für jeden Lead einen Status, durchsuche alles, was eingegangen ist, und lass dich von den E-Mail-Benachrichtigungen wissen, wenn etwas Neues ankommt.
Das Formular ist auch nicht in Stein gemeißelt. Wenn du später ein zusätzliches Feld willst, etwa eine Telefonnummer, bearbeitest du die Felder im Portal, ohne Code anzufassen. Die Änderung landet auf dem Live-Formular, das Design bleibt erhalten. Du kannst auch jemand anderen einladen, zum Beispiel einen Kunden, der die Leads selbst beantwortet.
Häufige Fragen
Warum sendet mein KI-generiertes Kontaktformular nichts?
Weil kein Server dahintersteht. Das HTML beschreibt, wie das Formular aussieht, aber um eine Nachricht zu liefern, braucht es etwas, das sie empfängt, und eine statische Seite hat das nicht. Der Code ist nicht kaputt, nur unvollständig. Sobald die Seite auf VibeBridge läuft, existiert die empfangende Seite, und dasselbe Formular funktioniert.
Kann ich ein Kontaktformular auf eine statische HTML-Seite ohne Backend setzen?
Ja, du brauchst nur einen Ort, an den die Nachricht geht. Diese Rolle übernimmt VibeBridge: Es erkennt das Formular in deinem HTML, empfängt die Nachrichten, speichert sie in deinem Leads-Postfach und schickt dir eine E-Mail. Die Seite selbst bleibt einfache statische Dateien, schnell und schlicht.
Muss ich mein HTML ändern, damit das funktioniert?
Meistens nicht. Ein normales form-Tag mit benannten Eingaben und einem Senden-Button wird so erkannt, wie es ist, und dein Design bleibt unangetastet. Eine Änderung brauchst du nur, wenn die KI das Formular mit divs und JavaScript statt mit einem echten form-Element vorgetäuscht hat. Dann bittest du um ein standardmäßiges, semantisches Formular und lädst erneut hoch.
Wohin gehen die Nachrichten, und bekomme ich eine E-Mail?
Jede Nachricht landet im Leads-Postfach in deinem VibeBridge-Portal, mit allen Feldern, die der Besucher ausgefüllt hat, und für jede neue Nachricht geht eine E-Mail-Benachrichtigung raus.
Kann das Formular Datei-Uploads enthalten?
Ja. Wenn dein Formular ein Datei-Feld hat, zum Beispiel für einen Lebenslauf oder ein Foto, kommen die Dateien als Anhänge am Lead in deinem Postfach an, wo du sie öffnen und herunterladen kannst.
Wie sieht es mit Spam aus?
Ein öffentliches Kontaktformular zieht früher oder später etwas Spam an, auf jeder Plattform. Die Nachrichten landen in deinem Leads-Postfach, wo du Spam markieren und von echten Anfragen fernhalten kannst. Vor deinen Besuchern steht kein Captcha-Rätsel, das Formular bleibt also leicht zu benutzen. Wird Spam zu einem echten Problem, wende dich an support@vibebridge.ai.