Integrasi Pembuat Form Webflow

Buat formulir online di situs Webflow Anda untuk mengumpulkan leads, menerima pertanyaan, dan menjalankan survei yang menangkap data berharga lebih cepat—membantu bisnis Anda tumbuh.
Rating 4,8
Lebih dari 10.000 ulasan
Rencana gratis tersedia
Bertenaga AI
Buat Widget Gratis
Tidak perlu kartu kredit
Webflow Form Builder Integration

Buat widget Anda

Atur Pembuat Form Anda dan tambahkan ke Webflow secara gratis!

Cuplikan Layar

Webflow Form Builder Integration
Buat formulir kontak yang atraktif dengan gaya bulat dan pengelompokan bidang yang ringkas
Manfaatkan lebih dari 20 elemen input beragam dan bagi menjadi langkah-langkah yang mudah dikelola
Tambahkan penilaian dan skala beserta kolom komentar untuk merancang survei dan mengumpulkan masukan
Susun bidang dropdown dengan placeholder dan kalender tersemat untuk pengisian yang mudah dan cepat.
Nikmati antarmuka yang fleksibel dengan gaya dan warna kustom yang cocok untuk konsep situs mana pun
Berikan pengalaman pengguna yang mulus di semua perangkat
1 / 6

Mengapa Orang Suka Elfsight

Bayangkan jika situs Webflow Anda bisa mengumpulkan informasi persis yang Anda butuhkan — tanpa ribuan plugin, coding, atau pengaturan membingungkan. Itulah sebabnya kami membuat Form Builder. Ini memberi Anda cara yang jelas dan mudah untuk membuat formulir apa pun yang Anda inginkan, apakah itu untuk pengumpulan prospek, pertanyaan klien, pendaftaran acara, atau sekadar umpan balik harian.

Kami telah melihat tim kecil menggunakannya untuk menyederhanakan seluruh alur kerja mereka. Misalnya, sebuah studio fotografi lokal menambahkan formulir pemesanan cepat di halaman beranda Webflow mereka. Begitu malamnya, kotak masuk mereka dipenuhi lead berkualitas — tanpa jam kerja pengembang, tanpa stres. Perubahan kecil itulah yang akhirnya membuat perbedaan nyata.

Tahukah Anda? Menurut Laporan State of Marketing HubSpot 2024, formulir tetap menjadi salah satu dari tiga saluran penghasil prospek online yang paling andal.

Bahkan satu formulir yang diposisikan dengan tepat pun bisa meningkatkan konversi. Coba buat satu di editor kami hari ini dan lihat betapa mudahnya rasanya.

Fitur Utama Pembuat Formulir

Widget ini dirancang untuk bisnis nyata — mudah digunakan, tetapi kuat di bagian yang paling penting. Inilah yang membuatnya bersinar dalam penggunaan sehari-hari:

  • Pembuat seret-dan-lepas visual: Tambahkan, atur ulang, dan sesuaikan bidang dengan tepat dalam editor yang bersih. Jika Anda bisa mengatur file di komputer Anda, Anda juga bisa melakukannya.
  • Beragam jenis kolom: Teks, pilihan dropdown, unggahan berkas, Penilaian, kotak centang, dan lainnya — buat formulir yang benar-benar sesuai dengan tujuan Anda.
  • Logika Kondisional Cerdas: Tampilkan bidang hanya saat dibutuhkan, menjaga formulir tetap singkat dan ramah pengguna.
  • Tata Letak yang Fleksibel: Blok inline, panel melayang, jendela modal — gabungkan gaya agar desain Anda pas dengan sempurna.
  • Rute Data yang Mudah: Kirim pengajuan langsung ke kotak masuk Anda, Google Sheets, atau CRM menggunakan integrasi formulir Webflow bawaan. Tidak ada perantara.
  • Perlindungan Spam: CAPTCHA dan honeypots menjaga spam tetap keluar sehingga Anda bisa fokus pada respons yang nyata.
  • Desain responsif: Setiap formulir otomatis menyesuaikan diri untuk ponsel, tablet, dan desktop tanpa pekerjaan tambahan.

Buka editor dan buat formulir pertama Anda secara gratis — lebih cepat daripada bikin kopi.

Cara Menambahkan Pembuat Formulir ke Webflow

Jika Anda pernah bertanya-tanya bagaimana cara membuat formulir di Webflow tanpa coding, inilah caranya. Ada dua cara mudah untuk menambahkan widget ini: inline (di dalam halaman tertentu) dan floating (tetap terpasang di seluruh situs). Begini cara kerja keduanya:

Metode 1: Sematan Langsung

  1. Buat formulir Anda: Buka editor Elfsight dan pilih template atau mulai dari awal.
  2. Sesuaikan: Tambahkan bidang, sesuaikan label, dan atur tata letak hingga cocok dengan visi Anda.
  3. Salin cuplikan: Klik “Tambahkan ke situs web secara gratis” untuk mendapatkan kode unik Anda.
  4. Tempel di Webflow: Di Webflow Designer Anda, tambahkan elemen Sematkan (Embed) di tempat yang Anda inginkan untuk formulir, lalu tempel potongan kode di dalamnya.
  5. Publikasikan dan periksa: Klik Publikasikan, muat ulang halaman Anda, dan lakukan pengiriman uji singkat.

Metode 2: Formulir Mengambang

  1. Pilih tata letak mengambang: Modal, slide-in, sticky bar — apa pun yang paling pas untuk gaya situs Anda.
  2. Tetapkan pemicu: Tentukan kapan muncul (mis. saat memuat halaman, menggulir, atau mengklik).
  3. Salin kode: Buat potongan kode melayang dari editor.
  4. Tambahkan secara global: Sisipkan potongan kode di area kode kustom Webflow sebelum penutup tag </body> agar tampil di semua halaman.
  5. Terbitkan: Publikasikan ulang situs Anda dan pastikan semuanya berjalan lancar.

Butuh bantuan? Cek Pusat Bantuan for step-by-step guides. If you’re looking for more information on the installation process and the widget’s benefits, our artikel explores the topic in depth.

Apakah Pembuat Formulir berfungsi di halaman Webflow CMS?

Ya, Anda bisa menempatkan formulir di dalam template Koleksi CMS, sehingga tampil otomatis di seluruh halaman Webflow dinamis.

Apakah saya perlu paket Webflow berbayar untuk menyematkan formulir?

Ya, Webflow memerlukan paket berbayar untuk menambahkan kode kustom, karena sisipan kustom tidak tersedia pada paket gratis.

Jenis formulir apa saja yang bisa saya buat di Webflow?

Anda bisa membuat formulir kontak, formulir multi-langkah, survei, formulir pemesanan, formulir penilaian, dan formulir umpan balik untuk berbagai interaksi pengguna.

Berapa banyak tipe bidang yang tersedia di Pembuat Formulir?

Pembuat formulir menawarkan 22 jenis bidang, termasuk input teks, dropdown, pemilih tanggal, rating, kolom telepon, unggahan berkas, dan lainnya.

Apakah Form Webflow mendukung logika bersyarat?

Ya, Anda bisa mengonfigurasi aturan bersyarat untuk menampilkan atau menyembunyikan bidang formulir tertentu berdasarkan jawaban pengguna secara waktu nyata.

Bisakah pengguna mengunggah berkas melalui formulir ini?

Ya, bidang unggah berkas memungkinkan pengunjung melampirkan dokumen atau gambar langsung saat mengirim formulir di situs Webflow Anda.

Apakah ada bidang tanda tangan yang tersedia?

Ya, Elfsight menyertakan kolom tanda tangan yang memungkinkan pengguna menggambar dan mengirim tanda tangan mereka secara digital melalui formulir.

Apakah Pembuat Formulir dilengkapi perlindungan spam?

Ya, fitur CAPTCHA bawaan dan pemblokiran email membantu mencegah spam dan pengiriman otomatis di situs Webflow Anda.

Apa yang terjadi setelah formulir dikirim?

Anda bisa menampilkan pesan terima kasih khusus, mengarahkan pengunjung ke URL tertentu, atau secara otomatis menyembunyikan formulir setelah pengiriman.

Bisakah saya menerima notifikasi email untuk pengiriman Webflow?

Ya, aktifkan opsi “Beritahu Saya” untuk menerima notifikasi email berisi data formulir yang diajukan dari situs Webflow Anda.

Bisakah saya mengirim notifikasi ke beberapa alamat email?

Ya, Anda dapat menambahkan hingga tiga penerima utama beserta alamat CC dan BCC di Pengaturan Email Tambahan.

Katalog Template Pembuat Form

Pilih dari templat widget siap pakai kami untuk digunakan apa adanya, atau sesuaikan agar cocok dengan gaya Anda.
HTML Success Message Form template
Buat formulir situs web dengan template ini dan tambahkan pesan sukses untuk mengucapkan terima kasih kepada responden.
HTML Date Picker Form template
Buat formulir yang memungkinkan pengguna memilih tanggal yang ditampilkan di pemilih tanggal kalender menggunakan templat untuk situs web.
HTML Email Contact Form template
Buat formulir untuk mengumpulkan detail kontak dan email menggunakan template untuk situs web.

Harga

Garansi uang kembali 14 hari. Tanpa risiko, Anda bisa membatalkan kapan saja.
Widget Webflow
Solusi digital lintas-platform
mulai dari $0/bulan
Mulai dengan paket gratis
Jumlah situs web tak terbatas
Dukungan Pelanggan Gratis
Bantuan pemasangan gratis
Penawaran khusus untuk beberapa aplikasi
Dapat disesuaikan sepenuhnya