# Batas kiriman formulir Webflow: apa itu dan cara melewatinya

> Paket gratis Starter Webflow berhenti mengumpulkan setelah 50 kiriman formulir per situs dan situs yang diekspor tidak mendapat apa-apa, jadi arahkan Form Block ke Ikiform.

Terbit 2026-10-25 · https://ikiform.com/id/guides/website-builder-forms/webflow-submission-limit

Di paket situs gratis Starter, Webflow mengumpulkan total 50 kiriman formulir per situs, hitungannya tidak di-reset, dan kiriman baru tidak dikumpulkan setelah itu. Paket situs berbayar mencantumkan kiriman tanpa batas, dan situs yang diekspor ke host lain tidak mendapat penanganan formulir sama sekali. Atur custom action di Form Block agar formulir mengirim ke Ikiform, yang berfungsi di Starter, di paket berbayar, dan di kode yang diekspor.

## Apa yang berbeda di Webflow

Batas Webflow lebih sempit dari sebelumnya. Per Oktober 2026, halaman harganya mencantumkan 50 kiriman formulir di paket situs gratis Starter dan kiriman tanpa batas di setiap paket situs berbayar, mulai dari Basic. Pusat bantuan Webflow menyatakan hitungan Starter adalah total yang tidak di-reset. Artikel lama yang mengutip batas bulanan untuk paket berbayar menggambarkan harga yang sudah berubah.

Jadi siapa yang benar-benar mentok? Tiga kelompok:

- **Situs yang tetap di Starter.** Situs pribadi, proyek sampingan, atau halaman acara yang dipublikasikan di `webflow.io` tanpa paket situs. Lima puluh kiriman cepat habis begitu bot menemukan formulirnya.
- **Agensi yang membangun di staging.** Setiap kiriman uji selama Anda membangun dihitung ke 50 yang sama, sebelum klien membayar hosting.
- **Situs yang diekspor.** Ekspor kode Webflow memberi Anda HTML-nya, tetapi formulir di situs yang di-host di tempat lain sama sekali tidak diproses Webflow. Formulir tidak mengirim ke tempat yang berguna.

Jika situs Anda di paket berbayar dan Anda puas dengan inbox dan notifikasi Webflow, Anda tidak perlu pindah. Pengguna paket berbayar pindah karena alasan lain: satu tempat untuk formulir dari beberapa situs, webhook bertanda tangan ke alat mereka sendiri, penyaringan spam yang bisa disesuaikan, atau formulir yang tetap berfungsi setelah pindah dari Webflow.

Diagram: Tiga situasi Webflow dan apa yang harus dilakukan di masing-masing

1. Situs Starter di webflow.io mengumpulkan total 50 kiriman, tanpa reset, lalu berhenti mengumpulkan. Atur custom action di Form Block.
2. Situs di paket situs berbayar punya kiriman tanpa batas. Tetap pakai formulir Webflow, atau pindah hanya jika Anda butuh fitur yang tidak dimiliki Webflow.
3. Situs yang diekspor dan di-host di tempat lain tidak mendapat penanganan formulir dari Webflow. Edit action formulir di HTML yang diekspor.

Hanya baris pertama dan terakhir yang merupakan batas. Baris tengah adalah pilihan soal fitur, bukan batas.

## Atur custom action di Designer

Custom action membuat browser pengunjung mengirim langsung ke URL yang Anda berikan. Webflow tidak memproses post itu, jadi itu bukan salah satu kiriman formulir Webflow. Pengaturan Form Block tersedia di Starter; Anda tidak butuh custom code untuk bagian ini.

1. Buat formulir di dashboard Ikiform dan salin endpoint-nya.
2. Di Designer, pilih elemen form di dalam Form Block, bukan blok itu sendiri, dan buka **Settings**.
3. Di **Send to**, hapus tujuan bawaan Webflow, pilih custom action, tempel endpoint ke **Action**, dan atur **Method** ke **POST**.
4. Pilih setiap input dan atur **Name**-nya ke id huruf kecil: `name`, `email`, `company`, `message`. Webflow mengisi nama dari label, yang akan memberi Anda `Name` dan `Field 2` di Ikiform.
5. Hapus elemen reCAPTCHA apa pun dari formulir. Ikiform tidak memeriksanya, dan token-nya akan tiba sebagai field tambahan.
6. Tambahkan satu Input lagi bernama `_gotcha`, sembunyikan dengan **Display: none**, dan tambahkan custom attribute `tabindex` = `-1` dan `autocomplete` = `off`. Itulah honeypot-nya.
7. Publikasikan ke `your-site.webflow.io`. Custom action tidak berjalan di kanvas Designer.

`Action`:

```text
https://ikiform.com/f/frm_xxxxxxxxxxxxxxxx
```

## Apa yang dilihat pengunjung setelah mengirim

Blok sukses dan error Webflow hanya muncul saat Webflow menangani post. Dengan custom action, browser mengikuti jawaban Ikiform. Pilih salah satu:

| Opsi | Paket | Yang dilihat pengunjung |
| --- | --- | --- |
| Tidak melakukan apa-apa | Apa saja | Halaman terima kasih yang di-host Ikiform, dengan tautan kembali ke situs Anda. Cukup untuk pengujian, polos untuk situs live |
| **Redirect after submit** | Apa saja | Halaman terima kasih Webflow Anda sendiri. Buat halaman, publikasikan, dan tempel URL lengkapnya ke pengaturan formulir Ikiform |
| Script `fetch` | Paket situs berbayar | Blok sukses dan error bawaan Webflow, diisi oleh script singkat. Custom code butuh paket situs berbayar atau paket Workspace |

Di Starter, redirect adalah pilihan yang tepat: tidak butuh kode dan terlihat seperti bagian lain situs Anda. Script untuk paket berbayar ada di [dokumentasi Webflow](https://ikiform.com/id/docs/guides/webflow.md#keep-success-state). Script itu mengirim dengan `fetch`, jadi tidak bisa menampilkan pemeriksaan manusia Ikiform; biarkan **Spam check** mati jika Anda memakainya.

## Situs Webflow yang diekspor

Saat Anda mengekspor kode dan meng-host-nya di Netlify, Vercel, Cloudflare Pages, atau server Anda sendiri, markup formulir ikut terbawa tetapi penanganan formulir Webflow tidak. Buka file HTML hasil ekspor yang berisi formulir, atur `action` dan `method`, ganti nama input, lalu tambahkan redirect dan honeypot:

`contact.html`:

```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>
```

- Pertahankan class `w-input` dan `w-button` agar CSS yang diekspor tetap memberi gaya pada formulir.
- `_redirect` mengarahkan browser ke halaman terima kasih Anda setelah post berhasil. Ini hanya berfungsi untuk URL `https:` di salah satu **Allowed domains** formulir.
- Lakukan perubahan di Designer juga, sebagai custom action, agar ekspor berikutnya tidak menimpanya dengan default Webflow.
- Kirim sekali dari host dan perhatikan panel network browser. Post seharusnya pergi ke `https://ikiform.com/f/` dan menjawab `303` dengan redirect, bukan ke alamat Webflow.

> Jika Anda meng-host hasil ekspor di Netlify, jangan tambahkan `data-netlify` ke formulir yang sama. Formulir hanya mengirim ke `action`-nya, jadi Netlify akan mencantumkan formulir di tab **Forms** yang tidak pernah menerima apa pun.

## Allowed domains untuk Webflow

Tambahkan `your-site.webflow.io` dan domain kustom Anda di **Allowed domains** formulir. Subdomain dari domain yang tercantum sudah cocok, jadi `example.com` mencakup `www.example.com`. Jangan tambahkan `webflow.io` saja: itu akan mengizinkan setiap situs Webflow mengirim ke formulir Anda. Untuk situs yang diekspor, tambahkan domain tempat situs itu di-host.

Field upload file Webflow, yang tercantum di halaman harganya untuk Premium, tidak punya padanan di Ikiform. Upload file belum didukung. Kiriman dengan file mendapat `422 files_not_supported`. Hapus field upload dari formulir, atau biarkan formulir itu di Webflow.

## Pastikan berfungsi di Webflow

1. Di **Allowed domains** formulir, tambahkan domain situs Anda, ditambah `localhost` selama pengembangan. Biarkan kosong untuk menerima kiriman dari mana saja.
2. Publikasikan ke `webflow.io` dan kirim formulir dari halaman yang dipublikasikan, bukan dari Designer.
3. Pastikan Anda mendarat di halaman terima kasih Anda, atau melihat blok sukses Webflow jika Anda menambahkan script.
4. Buka **Submissions** di dashboard. Kiriman baru ada di sana dengan setiap field yang Anda kirim.
5. Baca nama field. Seharusnya `name`, `email`, `company`, dan `message`, tanpa `Field 2` dan tanpa honeypot.
6. Cek inbox setiap penerima notifikasi. Masing-masing mendapat email berisi field, dan **Reply** terkirim ke pengirim formulir jika formulir punya field `email`.
7. Buka kiriman formulir Webflow untuk situs itu dan pastikan uji tadi tidak ada di sana. Webflow tidak lagi menghitungnya.

## Hal yang sering menjebak

| Masalah | Yang harus dilakukan |
| --- | --- |
| Respons `404 not_found` setelah mengirim | **Method** bernilai GET. Atur ke **POST** dan publikasikan lagi. |
| Halaman terima kasih Ikiform alih-alih milik Anda | Atur **Redirect after submit** ke URL lengkap halaman Webflow Anda, dan tambahkan domainnya ke **Allowed domains**. |
| Kiriman masih muncul di Webflow | Anda mengubah formulir yang berbeda, atau belum memublikasikan. Setiap Form Block punya pengaturan **Send to** sendiri; periksa setiap halaman yang punya formulir. |
| `422 validation_failed` dengan Unknown field seperti `Email` atau `g-recaptcha-response` | Nama input tidak cocok dengan id field Anda, atau elemen reCAPTCHA masih ada di formulir. Ganti nama atau hapus. |
| `403 origin_not_allowed`, atau setiap kiriman masuk ke spam | Domain halaman tidak ada di **Allowed domains** formulir. Tambahkan, ditambah `localhost` untuk uji lokal. Subdomain dari domain yang terdaftar diizinkan. |
| `422 files_not_supported` | Formulir punya `<input type="file">` dengan file yang dipilih. Upload file belum didukung; hapus input itu atau minta link sebagai gantinya. |

## Pertanyaan

### Apakah batas formulir Starter Webflow di-reset setiap bulan?

Tidak. Pusat bantuan Webflow menggambarkannya sebagai total 50 kiriman formulir per situs di paket gratis Starter, hitungan yang tidak di-reset. Setelah itu, kiriman baru tidak dikumpulkan sampai situs punya paket situs berbayar.

### Apakah saya butuh paket Webflow berbayar untuk memakai custom form action?

Tidak. Custom action adalah pengaturan Form Block. Anda butuh paket situs berbayar atau paket Workspace hanya untuk custom code, seperti script yang mempertahankan blok sukses dan error Webflow.

### Apakah kiriman tetap muncul di Webflow setelah saya beralih?

Tidak. Dengan custom action Webflow tidak pernah melihat post, jadi tidak menyimpannya atau mengirim email notifikasinya. Kiriman muncul di dashboard Ikiform, dan Ikiform mengirim email ke tim Anda.

### Apakah formulir berfungsi di situs Webflow yang diekspor?

Tidak lewat Webflow. Situs yang diekspor tidak mendapat penanganan formulir, jadi atur action formulir ke backend formulir seperti endpoint Ikiform Anda dan atur method ke post.

### Bisakah formulir menerima upload file?

Belum. Kiriman yang berisi file ditolak dengan 422 files_not_supported. Minta link ke file sebagai gantinya, seperti URL shared drive.

## Panduan lainnya

- [Melampaui formulir builder](https://ikiform.com/id/guides/website-builder-forms.md): Saat formulir Webflow, Netlify, Carrd, atau Framer mentok di batas atau kekurangan fitur, pertahankan formulir yang Anda desain dan arahkan ke backend formulir.
- [Batas Netlify Forms](https://ikiform.com/id/guides/website-builder-forms/netlify-forms-limit.md): Paket Netlify lama menghitung kiriman formulir per situs dan meng-upgrade Anda otomatis, dan paket kredit bisa menjeda situs, jadi pindahkan formulir ke backend.
- [Formulir Framer](https://ikiform.com/id/guides/website-builder-forms/framer-forms.md): Formulir Framer sudah mengirim ke email, Sheets, atau webhook; tambahkan Ikiform sebagai webhook untuk kiriman yang tersimpan dan tersaring, notifikasi tim, dan lebih banyak tujuan.
- [Formulir Carrd](https://ikiform.com/id/guides/website-builder-forms/carrd-forms.md): Formulir kontak Carrd hanya mengirim email ke Anda dan formulir kustom butuh Pro Plus, jadi gunakan Send to URL di Plus atau embed HTML di Standard untuk menyimpan setiap kiriman.