Grenzen von Baukasten-Formularen

Grenzen von Baukasten-Formularen7 Min. Lesezeit

Webflow-Formularlimit: was es ist und wie du darüber hinauskommst

Der kostenlose Starter-Tarif von Webflow hört nach 50 Formulareinsendungen pro Site auf zu sammeln, und exportierte Sites bekommen gar keine. Richte den Form Block deshalb auf Ikiform aus.

Preet SutharGründer, Ikiform

Im kostenlosen Starter-Site-Tarif sammelt Webflow insgesamt 50 Formulareinsendungen pro Site, der Zähler wird nicht zurückgesetzt, und danach werden neue Einsendungen nicht mehr gesammelt. Bezahlte Site-Tarife nennen unbegrenzte Einsendungen, und Sites, die zu einem anderen Host exportiert werden, haben überhaupt keine Formularverarbeitung. Setze am Form Block eine eigene Action, damit das Formular an Ikiform sendet. Das funktioniert auf Starter, in bezahlten Tarifen und in exportiertem Code.

Was bei Webflow anders ist

Das Limit von Webflow ist enger gefasst als früher. Stand Oktober 2026 nennt die Preisseite 50 Formulareinsendungen im kostenlosen Starter-Site-Tarif und unbegrenzte Einsendungen in jedem bezahlten Site-Tarif ab Basic. Laut Hilfecenter von Webflow ist der Starter-Zähler eine Gesamtzahl, die nicht zurückgesetzt wird. Ältere Artikel, die monatliche Grenzen für bezahlte Tarife nennen, beschreiben Preise, die sich inzwischen geändert haben.

Wer stößt also tatsächlich an die Grenze? Drei Gruppen:

  • Sites, die auf Starter bleiben. Eine persönliche Site, ein Nebenprojekt oder eine Event-Seite, veröffentlicht auf webflow.io ohne Site-Tarif. Fünfzig Einsendungen sind schnell weg, sobald ein Bot das Formular findet.
  • Agenturen, die auf Staging bauen. Jede Testeinsendung während des Bauens zählt zu denselben 50, bevor der Kunde für Hosting bezahlt hat.
  • Exportierte Sites. Der Code-Export von Webflow liefert dir das HTML, aber Formulare auf einer anderswo gehosteten Site verarbeitet Webflow überhaupt nicht. Das Formular sendet nirgendwohin, wo es nützt.

Ist deine Site in einem bezahlten Tarif und bist du mit dem Posteingang und den Benachrichtigungen von Webflow zufrieden, musst du nicht wechseln. Leute in bezahlten Tarifen wechseln aus anderen Gründen: ein Ort für Formulare über mehrere Sites, signierte Webhooks an eigene Tools, einstellbare Spamfilterung oder ein Formular, das einen Umzug weg von Webflow übersteht.

Drei Webflow-Situationen und was in jeder zu tun istStarter-Siteauf webflow.io, keinSite-Tarifinsgesamt 50kein Zurücksetzen, dannnicht gesammelteigene Actionim Form Block setzenbezahlterSite-TarifBasic oder höherunbegrenztauf der Preisseitegenanntbleiben oder fürFunktionen wechselnexportierter Codewoanders gehostetkeineFormularverarbeitungWebflow sieht den PostnieAction ändernim exportierten HTMLDrei Webflow-Situationen und was in jeder zu tun istStarter-Siteauf webflow.io, kein Site-Tarifinsgesamt 50kein Zurücksetzen, dann nichtgesammelteigene Actionim Form Block setzenbezahlter Site-TarifBasic oder höherunbegrenztauf der Preisseite genanntbleiben oder fürFunktionen wechselnexportierter Codewoanders gehostetkeineFormularverarbeitungWebflow sieht den Post nieAction ändernim exportierten HTML
  1. Eine Starter-Site auf webflow.io sammelt insgesamt 50 Einsendungen ohne Zurücksetzen und hört dann auf. Setze am Form Block eine eigene Action.
  2. Eine Site in einem bezahlten Site-Tarif hat unbegrenzte Einsendungen. Bleib bei den Formularen von Webflow, oder wechsle nur, wenn du Funktionen brauchst, die Webflow nicht hat.
  3. Eine exportierte und anderswo gehostete Site bekommt keine Formularverarbeitung von Webflow. Ändere die Action des Formulars im exportierten HTML.
Nur die erste und letzte Zeile sind Limits. Die mittlere Zeile ist eine Entscheidung über Funktionen, keine Grenze.

Die eigene Action im Designer setzen

Eine eigene Action lässt den Browser des Besuchers direkt an die angegebene URL senden. Webflow verarbeitet den Post nicht, also ist er keine der Formulareinsendungen von Webflow. Die Einstellung im Form Block gibt es auf Starter; für diesen Teil brauchst du keinen eigenen Code.

  1. Erstelle ein Formular im Ikiform-Dashboard und kopiere seinen Endpunkt.
  2. Wähle im Designer das Formularelement im Form Block, nicht den Block selbst, und öffne Settings.
  3. Entferne unter Send to die Ziele von Webflow, wähle eine eigene Action, füge den Endpunkt in Action ein und setze Method auf POST.
  4. Wähle jeden Input aus und setze seinen Name auf eine kleingeschriebene ID: name, email, company, message. Webflow füllt Namen aus den Labels, was in Ikiform Name und Field 2 ergeben würde.
  5. Entferne jedes reCAPTCHA-Element aus dem Formular. Ikiform prüft es nicht, und sein Token käme als zusätzliches Feld an.
  6. Füge einen weiteren Input mit dem Namen _gotcha hinzu, verstecke ihn mit Display: none und ergänze die eigenen Attribute tabindex = -1 und autocomplete = off. Das ist der Honeypot.
  7. Veröffentliche auf your-site.webflow.io. Eigene Actions laufen nicht im Canvas des Designers.
Action
https://ikiform.com/f/frm_xxxxxxxxxxxxxxxx

Was Besucher nach dem Absenden sehen

Die Erfolgs- und Fehlerblöcke von Webflow erscheinen nur, wenn Webflow den Post verarbeitet. Mit einer eigenen Action folgt der Browser stattdessen der Antwort von Ikiform. Wähle eine dieser Optionen:

OptionTarifWas Besucher sehen
Nichts tunBeliebigDie gehostete Dankeseite von Ikiform mit einem Link zurück zu deiner Site. Gut zum Testen, schlicht für eine Live-Site
Redirect after submitBeliebigDeine eigene Dankeseite in Webflow. Erstelle eine Seite, veröffentliche sie und füge ihre vollständige URL in die Einstellungen des Ikiform-Formulars ein
Ein fetch-SkriptBezahlter Site-TarifDie eigenen Erfolgs- und Fehlerblöcke von Webflow, gefüllt von einem kurzen Skript. Eigener Code braucht einen bezahlten Site-Tarif oder einen Workspace-Tarif

Auf Starter ist die Weiterleitung die richtige Wahl: Sie braucht keinen Code und sieht aus wie der Rest deiner Site. Das Skript für bezahlte Tarife steht in der Webflow-Doku. Es sendet mit fetch, kann also Ikiforms Menschlichkeitsprüfung nicht zeigen; lass den Spam check aus, wenn du es nutzt.

Exportierte Webflow-Sites

Wenn du Code exportierst und auf Netlify, Vercel, Cloudflare Pages oder deinem eigenen Server hostest, kommt das Formular-Markup mit, die Formularverarbeitung von Webflow aber nicht. Öffne die exportierte HTML-Datei mit dem Formular, setze action und method, benenne die Inputs um und ergänze eine Weiterleitung und den Honeypot:

contact.html
<form id="wf-form-Contact" name="wf-form-Contact" data-name="Contact"
  method="post" action="https://ikiform.com/f/frm_xxxxxxxxxxxxxxxx" class="contact-form">
  <label for="name">Name</label>
  <input class="w-input" maxlength="256" name="name" id="name" type="text" required>
  <label for="email">Email</label>
  <input class="w-input" maxlength="256" name="email" id="email" type="email" required>
  <label for="company">Company</label>
  <input class="w-input" maxlength="256" name="company" id="company" type="text">
  <label for="message">Message</label>
  <textarea class="w-input" maxlength="5000" name="message" id="message" required></textarea>
  <input type="hidden" name="_redirect" value="https://studio.example/thanks">
  <input name="_gotcha" type="text" tabindex="-1" autocomplete="off" hidden>
  <input type="submit" class="w-button" value="Send">
</form>
  • Behalte die Klassen w-input und w-button, damit das exportierte CSS das Formular weiter gestaltet.
  • _redirect schickt den Browser nach einem erfolgreichen Post auf deine Dankeseite. Das funktioniert nur für eine https:-URL auf einer der Allowed domains des Formulars.
  • Nimm die Änderung auch im Designer vor, als eigene Action, damit der nächste Export sie nicht mit dem Standard von Webflow überschreibt.
  • Sende einmal vom Host ab und beobachte das Netzwerk-Panel des Browsers. Der Post sollte an https://ikiform.com/f/ gehen und mit 303 und einer Weiterleitung antworten, nicht an eine Webflow-Adresse.
Hostest du den Export auf Netlify, füge data-netlify nicht zum selben Formular hinzu. Ein Formular sendet nur an seine action, also würde Netlify im Tab Forms ein Formular listen, das nie etwas empfängt.

Allowed domains für Webflow

Füge your-site.webflow.io und deine eigene Domain unter Allowed domains des Formulars hinzu. Subdomains einer gelisteten Domain passen bereits, also deckt example.com auch www.example.com ab. Füge nicht webflow.io allein hinzu: Das würde jeder Webflow-Site erlauben, an dein Formular zu senden. Bei einer exportierten Site füge die Domain hinzu, auf der sie gehostet ist.

Das Datei-Upload-Feld von Webflow, das die Preisseite bei Premium nennt, hat kein Gegenstück in Ikiform. Datei-Uploads werden noch nicht unterstützt. Ein Post mit einer Datei bekommt 422 files_not_supported. Entferne das Upload-Feld aus dem Formular oder lass dieses eine Formular bei Webflow.

Prüfen, dass es auf Webflow funktioniert

  1. Füge unter Allowed domains des Formulars die Domain deiner Site hinzu, plus localhost, während du entwickelst. Lass das Feld leer, um Posts von überall anzunehmen.
  2. Veröffentliche auf webflow.io und sende das Formular von der veröffentlichten Seite ab, nicht aus dem Designer.
  3. Prüfe, dass du auf deiner Dankeseite landest oder den Erfolgsblock von Webflow siehst, wenn du das Skript ergänzt hast.
  4. Öffne Submissions im Dashboard. Die neue Einsendung ist da, mit jedem Feld, das du gesendet hast.
  5. Lies die Feldnamen. Sie sollten name, email, company und message sein, ohne Field 2 und ohne Honeypot.
  6. Prüfe das Postfach jedes Benachrichtigungsempfängers. Jeder bekommt eine E-Mail mit den Feldern, und Reply geht an den Absender, wenn das Formular ein email-Feld hat.
  7. Öffne die Formulareinsendungen der Site in Webflow und prüfe, dass der Test nicht dort ist. Webflow zählt ihn nicht mehr.

Stolperfallen

ProblemWas zu tun ist
Eine Antwort 404 not_found nach dem AbsendenMethod ist GET. Setze sie auf POST und veröffentliche erneut.
Die Dankeseite von Ikiform statt deiner eigenenSetze Redirect after submit auf die vollständige URL deiner Webflow-Seite und füge ihre Domain zu Allowed domains hinzu.
Einsendungen erscheinen weiter in WebflowDu hast ein anderes Formular geändert oder nicht veröffentlicht. Jeder Form Block hat seine eigene Einstellung Send to; prüfe jede Seite mit einem Formular.
422 validation_failed mit einem Unknown field wie Email oder g-recaptcha-responseEin Input-Name passt nicht zu deinen Feld-IDs, oder ein reCAPTCHA-Element ist noch im Formular. Benenne es um oder entferne es.
403 origin_not_allowed, oder jeder Post landet im SpamDie Domain der Seite steht nicht unter Allowed domains des Formulars. Füge sie hinzu, plus localhost für lokale Tests. Subdomains einer eingetragenen Domain sind erlaubt.
422 files_not_supportedDas Formular hat ein <input type="file"> mit ausgewählter Datei. Datei-Uploads werden noch nicht unterstützt; entferne das Eingabefeld oder bitte stattdessen um einen Link.

Fragen

Hängst du bei einem Schritt fest oder willst eine Anleitung für deinen Fall? Schreib an hello@ikiform.com.