Batas kiriman formulir Webflow: apa itu dan cara melewatinya

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.

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.

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:

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. 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:

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

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

Pertanyaan