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.
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.ioohne 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.
- 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.
- 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.
- Eine exportierte und anderswo gehostete Site bekommt keine Formularverarbeitung von Webflow. Ändere die Action des Formulars im exportierten HTML.
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.
- Erstelle ein Formular im Ikiform-Dashboard und kopiere seinen Endpunkt.
- Wähle im Designer das Formularelement im Form Block, nicht den Block selbst, und öffne Settings.
- 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.
- 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 IkiformNameundField 2ergeben würde. - Entferne jedes reCAPTCHA-Element aus dem Formular. Ikiform prüft es nicht, und sein Token käme als zusätzliches Feld an.
- Füge einen weiteren Input mit dem Namen
_gotchahinzu, verstecke ihn mit Display: none und ergänze die eigenen Attributetabindex=-1undautocomplete=off. Das ist der Honeypot. - Veröffentliche auf
your-site.webflow.io. Eigene Actions laufen nicht im Canvas des Designers.
https://ikiform.com/f/frm_xxxxxxxxxxxxxxxxWas 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:
| Option | Tarif | Was Besucher sehen |
|---|---|---|
| Nichts tun | Beliebig | Die gehostete Dankeseite von Ikiform mit einem Link zurück zu deiner Site. Gut zum Testen, schlicht für eine Live-Site |
| Redirect after submit | Beliebig | Deine 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-Skript | Bezahlter Site-Tarif | Die 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:
<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-inputundw-button, damit das exportierte CSS das Formular weiter gestaltet. _redirectschickt den Browser nach einem erfolgreichen Post auf deine Dankeseite. Das funktioniert nur für einehttps:-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 mit303und einer Weiterleitung antworten, nicht an eine Webflow-Adresse.
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
- 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. - Veröffentliche auf
webflow.iound sende das Formular von der veröffentlichten Seite ab, nicht aus dem Designer. - Prüfe, dass du auf deiner Dankeseite landest oder den Erfolgsblock von Webflow siehst, wenn du das Skript ergänzt hast.
- Öffne Submissions im Dashboard. Die neue Einsendung ist da, mit jedem Feld, das du gesendet hast.
- Lies die Feldnamen. Sie sollten
name,email,companyundmessagesein, ohneField 2und ohne Honeypot. - 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. - Öffne die Formulareinsendungen der Site in Webflow und prüfe, dass der Test nicht dort ist. Webflow zählt ihn nicht mehr.
Stolperfallen
| Problem | Was zu tun ist |
|---|---|
Eine Antwort 404 not_found nach dem Absenden | Method ist GET. Setze sie auf POST und veröffentliche erneut. |
| Die Dankeseite von Ikiform statt deiner eigenen | Setze Redirect after submit auf die vollständige URL deiner Webflow-Seite und füge ihre Domain zu Allowed domains hinzu. |
| Einsendungen erscheinen weiter in Webflow | Du 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-response | Ein 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 Spam | Die 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_supported | Das 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
Nein. Das Hilfecenter von Webflow beschreibt es als insgesamt 50 Formulareinsendungen pro Site im kostenlosen Starter-Tarif, ein Zähler, der nicht zurückgesetzt wird. Danach werden neue Einsendungen nicht gesammelt, bis die Site einen bezahlten Site-Tarif hat.
Nein. Die eigene Action ist eine Einstellung des Form Blocks. Einen bezahlten Site-Tarif oder Workspace-Tarif brauchst du nur für eigenen Code, etwa das Skript, das die Erfolgs- und Fehlerblöcke von Webflow behält.
Nein. Mit einer eigenen Action sieht Webflow den Post nie, speichert ihn also nicht und sendet keine Benachrichtigungs-E-Mail. Einsendungen erscheinen im Ikiform-Dashboard, und Ikiform schickt deinem Team E-Mails.
Nicht über Webflow. Exportierte Sites haben keine Formularverarbeitung, also setze die Action des Formulars auf ein Formular-Backend wie deinen Ikiform-Endpunkt und die Methode auf post.
Noch nicht. Ein Post mit einer Datei wird mit 422 files_not_supported abgelehnt. Bitte stattdessen um einen Link zur Datei, etwa die URL eines geteilten Laufwerks.
Hängst du bei einem Schritt fest oder willst eine Anleitung für deinen Fall? Schreib an hello@ikiform.com.