Widget Pembuat Formulir HTML

Buat formulir online di situs HTML Anda untuk mengumpulkan prospek, 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
HTML Form Builder widget

Buat widget Anda

Konfigurasikan Form Builder Anda dan tambahkan ke situs HTML Anda secara gratis!

Cuplikan Layar

HTML Form Builder widget
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

Formulir adalah mesin kerja senyap di sebuah situs — ia mengumpulkan leads, mengumpulkan umpan balik, dan menjaga percakapan tetap berjalan. Pembuat Formulir Elfsight memberi kekuatan itu ke tangan Anda tanpa perlu belajar kode. Mulailah dengan template, sesuaikan kolomnya, dan Anda akan memiliki formulir yang tampak pas untuk halaman Anda.

Kami melihat berbagai penggunaan kreatif: studio kecil yang memakai formulir singkat untuk memesan konsultasi, toko yang menanyakan dua pertanyaan cepat sebelum checkout, atau seorang penulis yang mengumpulkan email pembaca. Ini fleksibel—sehingga Anda bisa menyesuaikannya dengan alur kerja Anda tanpa repot.

Tahukah Anda? Menurut laporan HubSpot 2024, formulir tetap menjadi salah satu saluran konversi teratas untuk mengumpulkan prospek secara online.

Coba buat formulir sederhana dan lihat bagaimana ini memengaruhi alur kerja Anda — sering satu formulir kecil membawa kejelasan dan kontak baru.

Fitur Utama Pembuat Formulir

Fitur praktis yang penting untuk penggunaan sehari-hari — dijelaskan dengan jelas.

  • Editor visual: Seret dan lepaskan bidang dan blok tata letak sehingga Anda bisa membuat formulir tanpa menyentuh HTML — jika Anda bisa memindahkan elemen, Anda bisa membuat formulir.
  • Logika kondisional: Tampilkan atau sembunyikan pertanyaan berdasarkan jawaban sebelumnya untuk menjaga formulir tetap singkat dan relevan; pengunjung hanya melihat apa yang penting bagi mereka.
  • Pemrosesan data bawaan: Arahkan kiriman ke email, kirim entri ke Google Sheets, atau hubungkan ke CRM — pembuat formulir memberi Anda opsi untuk setiap alur kerja.
  • Berbagai tipe bidang: Kumpulkan teks, angka, berkas, penilaian, dan lainnya — pembuat formulir HTML ini mendukung input umum untuk kebutuhan nyata.
  • Proteksi Spam: Langkah anti-spam bawaan seperti honeypot dan CAPTCHA menjaga pesan sampah keluar dari kotak masuk Anda sehingga Anda hanya menerima respons yang berguna.
  • Layout Responsif: Formulir menyesuaikan diri dengan ponsel dan desktop secara otomatis, memberi pengalaman mulus bagi pengguna di setiap kunjungan.

Coba editor langsung dan buat formulir gratis — tidak perlu mendaftar.

Cara Menambahkan Pembuat Formulir ke HTML

Siap menyisipkan formulir? Anda punya dua opsi mudah: inline (tempatkan formulir di halaman tertentu) atau floating (muat formulir di seluruh situs). Kedua cara menggunakan potongan kode singkat yang Anda tempelkan ke halaman Anda.

Metode 1: Sematkan Inline (sisipkan formulir ke HTML situs web)

  1. Buat formulir Anda: Buka editor Elfsight dan pilih template atau mulai dari awal.
  2. Sesuaikan bidang: Tambah, atur ulang, dan beri nama bidang; tetapkan opsi wajib dan aturan bersyarat.
  3. Hasilkan kode: Klik “Tambahkan ke situs web secara gratis” dan salin potongan HTML yang disediakan.
  4. Tempelkan di lokasi yang Anda inginkan: Di berkas HTML Anda, tempelkan cuplikan ke markup halaman tempat formulir seharusnya muncul.
  5. Simpan dan uji: Unggah atau perbarui halaman dan kirim entri uji untuk memastikan semuanya berfungsi.

Metode 2: Sematkan Mengambang di Seluruh Situs

  1. Pilih opsi tampil mengambang: Di editor, pilih opsi slide-in, modal, atau lengket, dan atur pemicu (saat memuat, saat mengklik, saat menggulir, dll.).
  2. Salin cuplikan global: Buat kode universal yang akan dipasang di seluruh situs.
  3. Tambahkan ke templat Anda: Tempelkan cuplikan sebelum tag penutup </body> di templat situs Anda agar formulir tersedia di seluruh halaman.
  4. Terbitkan dan tinjau: Publikasikan template yang telah diperbarui dan jelajahi situs untuk memastikan formulir mengambang muncul dan berfungsi sesuai konfigurasi.

Jika Anda ingin bereksperimen tanpa komitmen, gunakan opsi pembuat formulir HTML gratis di editor untuk menguji tata letak dan alur kerja sebelum Anda menambahkannya ke halaman yang sedang aktif.

Butuh bantuan? Pusat Bantuan kami memiliki artikel langkah demi langkah, dan Anda bisa berbincang dengan pengguna lain di Forum Komunitas. Berikan ide di Daftar Keinginan dan pantau pembaruan di Catatan Perubahan. Untuk inspirasi, lihat Blog kami.

Bisakah Form Builder disematkan pada situs HTML statis?

Ya, Elfsight bekerja dengan sempurna di situs HTML mana pun. Cukup tempel kode semat ke sumber halaman Anda di tempat Anda ingin formulir muncul.

Apakah saya membutuhkan rencana hosting khusus untuk menggunakan formulir pada HTML?

Tidak memerlukan hosting khusus. Selama situs HTML Anda mendukung eksekusi JavaScript, formulir ini akan berfungsi dengan benar.

Jenis formulir apa saja yang bisa saya buat dengan Elfsight?

Anda bisa membuat formulir kontak klasik, formulir multi-langkah, survei, formulir pemesanan, formulir penilaian, dan formulir umpan balik untuk mengumpulkan data dalam berbagai skenario.

Berapa banyak tipe bidang yang tersedia di Pembuat Formulir?

Formulir ini mencakup 22 jenis bidang, seperti input teks, dropdown, pemilih tanggal, peringkat, bidang telepon, unggah berkas, dan lainnya.

Apakah formulir mendukung logika kondisional?

Ya, Anda bisa menerapkan logika kondisional untuk menampilkan atau menyembunyikan bidang secara dinamis, tergantung bagaimana pengguna menjawab pertanyaan sebelumnya.

Dapatkah pengunjung mengunggah berkas melalui Formulir?

Ya, Anda bisa menambahkan bidang unggah berkas sehingga pengguna bisa melampirkan dokumen atau gambar langsung saat mengirim.

Apakah kolom tanda tangan tersedia di situs HTML saya?

Ya, Elfsight menyertakan bidang tanda tangan yang memungkinkan pengguna menggambar dan mengirimkan tanda tangan mereka secara digital.

Apakah Pembuat Formulir menyertakan perlindungan CAPTCHA?

Ya, fitur CAPTCHA bawaan dan pemblokiran email membantu melindungi formulir HTML Anda dari spam dan pengiriman otomatis.

Apa yang terjadi setelah seseorang mengirimkan formulir?

Setelah pengiriman formulir, Anda bisa menampilkan pesan terima kasih khusus, mengarahkan pengguna ke URL yang dipilih, atau menyembunyikan formulir sepenuhnya.

Bisakah saya menerima notifikasi email untuk pengiriman formulir?

Ya, aktifkan fitur “Notify Me” untuk menerima pemberitahuan lewat email berisi data yang dikirim dari formulir situs HTML Anda.

Bisakah saya menambahkan beberapa penerima email?

Ya, Anda bisa menentukan hingga tiga penerima utama, ditambah alamat CC dan BCC, dalam 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 Simple Order Form template
Buat formulir sederhana untuk mengumpulkan pesanan produk menggunakan template situs web.
HTML Job Application Form template
Buat formulir untuk mengumpulkan resume lamaran kerja menggunakan template untuk situs web.
HTML Doctor Prescription Form template
Buat formulir untuk tenaga kesehatan mengisi resep dokter menggunakan templat situs web.

Harga

Garansi uang kembali 14 hari. Tanpa risiko, Anda bisa membatalkan kapan saja.
Elfsight Apps
Perangkat lunak lintas-platform yang berfungsi di situs mana pun
mulai dari $0/bulan
Mulai dengan paket gratis
Situs web tanpa batas
Dukungan premium tepat waktu dan dokumentasi lengkap.
Layanan pemasangan gratis
Penawaran khusus untuk beberapa aplikasi
Mudah diedit