Cara Menghapus Tombol Kirim Dari Formulir Perhitungan

Diterbitkan: 2023-11-15

Ingin tahu bagaimana cara menghapus tombol kirim dari formulir penghitungan untuk pengalaman pengguna yang lebih efisien?

Dengan menghapus tombol kirim dari formulir perhitungan yang dibuat oleh WPForms, Anda dapat memberikan perhitungan instan kepada pengunjung Anda.

Dalam panduan ini, Anda akan mempelajari langkah-langkah sederhana untuk memodifikasi formulir Anda untuk penghitungan yang lancar dan real-time tanpa memerlukan tindakan pengiriman formulir.

Cara Menghapus Tombol Kirim Dari Formulir Perhitungan

Menghapus tombol kirim dari formulir perhitungan dengan WPForms sangatlah mudah. Yang perlu Anda lakukan adalah mengikuti langkah-langkah sederhana di bawah ini:

Dalam Artikel Ini

  • Prasyarat
    • 1. Memiliki Lisensi WPForms Pro
    • 2. Menggunakan Addon Perhitungan
    • 3. Memilih Templat Formulir Kalkulator
  • Menghapus Tombol Kirim
    • 1. Buka Perpustakaan Cuplikan WPForms
    • 2. Instal + Aktifkan WPCode
    • 3. Gunakan Cuplikan Tombol Sembunyikan Kirim
    • 4. Tambahkan Kelas CSS Tombol Kirim
  • Pertanyaan Lebih Lanjut tentang Formulir Kalkulator
    • Bagaimana cara mematikan tombol kirim di formulir?
    • Bisakah formulir tidak memiliki tombol kirim?

Prasyarat

Sebelum kita melanjutkan langkah-langkah untuk menonaktifkan tombol kirim, pastikan kita telah menyelesaikan beberapa langkah penting.

Jika Anda telah menyelesaikan langkah-langkah ini, silakan langsung beralih ke bagian menghapus tombol kirim.

1. Memiliki Lisensi WPForms Pro

WPForms adalah plugin pembuat formulir dan kalkulator terkemuka yang memungkinkan pengguna membuat berbagai macam formulir.

The WPForms homepage

Penting bagi Anda untuk menginstal WPForms versi terbaru, bersama dengan akses ke lisensi Pro.

Versi Pro memberi Anda akses ke integrasi premium, add-on, dan banyak fitur berharga seperti logika kondisional, laporan pengiriman formulir, dll.

2. Menggunakan Addon Perhitungan

Untuk membuat kalkulator khusus di WordPress, Anda mungkin sudah tahu bahwa Anda perlu menginstal Addon Perhitungan WPForms.

calculations addon banner

Anda dapat menggunakan addon ini untuk menyisipkan operator logika dan pernyataan jika-maka untuk membuat kutipan yang dipersonalisasi atau membuat kalkulator cerdas.

Bahkan memungkinkan Anda memanfaatkan fungsi matematika terintegrasi untuk membulatkan angka, menghitung rentang waktu, menemukan rata-rata, dan banyak lagi.

3. Memilih Templat Formulir Kalkulator

Terakhir, Anda perlu menyiapkan formulir. Jika Anda perlu membuatnya, WPForms menawarkan 1.100+ templat pra-desain yang memudahkan pembuatan formulir.

calculator form templates category page

Ini termasuk templat formulir kalkulator yang dirancang secara profesional dan dapat dikustomisasi agar sesuai dengan berbagai kasus penggunaan dan industri, seperti:

  • Templat Formulir Kalkulator Hipotek — cocok untuk agen real estat karena memungkinkan calon pembeli menghitung pembayaran bulanan mereka dengan mudah.
  • Templat Formulir Kalkulator Biaya Pengiriman — membantu situs eCommerce menghemat waktu dan tenaga dengan menyediakan kalkulator pengiriman sederhana untuk pelanggan.
  • Templat Formulir Kalkulator BMI — ideal untuk situs web yang ditujukan untuk kebugaran fisik atau kesehatan yang membantu pengguna dalam mengevaluasi kondisi kesehatan mereka saat ini.
  • Templat Formulir Kalkulator ROI —membantu bisnis dan pemasar dalam mengevaluasi profitabilitas kampanye atau proyek mereka secara efisien.

Bagian terbaiknya: Anda dapat menggunakan add-on perhitungan untuk membuat kalkulator khusus tanpa pengetahuan HTML, javascript, atau pengkodean yang rumit.

Menghapus Tombol Kirim

Setelah prasyarat ini terpenuhi, Anda siap memodifikasi formulir untuk menghapus tombol kirim untuk pengalaman pengguna yang lebih efisien.

1. Buka Perpustakaan Cuplikan WPForms

Dari dashboard WordPress Anda, cukup buka WPForms » Tools. Kemudian, navigasikan ke tab Cuplikan Kode .

wpforms code snippets

Ini akan menampilkan pesan pop-up yang mengatakan, “Silakan Instal WPCode untuk Menggunakan Perpustakaan Cuplikan WPForms.”

2. Instal + Aktifkan WPCode

Yang harus Anda lakukan sekarang adalah mengklik tombol Instal + Aktifkan WPCode . Plugin sekarang memerlukan waktu beberapa detik untuk dipasang.

install and activate wpcode

Setelah plugin WPCode diinstal, Anda akan dapat mengakses daftar lengkap cuplikan WPForms.

all code snippets

3. Gunakan Cuplikan Tombol Sembunyikan Kirim

Sekarang, cari cuplikan tombol sembunyikan kirim dengan mengetikkan namanya di bidang Cuplikan Pencarian . Selanjutnya, klik tombol Instal Cuplikan .

Install hide submit button snippet

Ini akan mengarahkan Anda ke halaman pratinjau cuplikan WPCode, tempat Anda dapat melihat kode terintegrasi secara otomatis.

Hide submit button code snippet preview

Sekarang, yang perlu Anda lakukan hanyalah mengaktifkan kode cuplikan. Untuk melakukannya, pindahkan tombol dari Tidak Aktif ke Aktif .

Activate hide submit button snippet

Langkah selanjutnya untuk mengaktifkan cuplikan kode di seluruh situs adalah dengan menekan tombol Perbarui , tepat di sebelah opsi sakelar Aktif .

Update hide submit button snippet

Dengan mengikuti pendekatan ini, Anda hanya perlu menambahkan cuplikan satu kali melalui pustaka cuplikan WPForms.

Kemudian, untuk setiap formulir tempat pengguna ingin menggunakan cuplikan ini, mereka perlu menambahkan nama Kelas CSS Tombol Kirim di dalam pembuatnya.

4. Tambahkan Kelas CSS Tombol Kirim

Sekarang, yang perlu dilakukan hanyalah menambahkan kelas CSS di pembuat formulir kalkulator yang tombol kirimnya ingin Anda hapus.

Untuk melakukan ini, buka formulir kalkulator Anda dan navigasikan ke tab Umum , lalu gulir ke bawah ke tab Tingkat Lanjut .

Setelah itu, pastekan CSS wpf-calc-form ke dalam Submit Button CSS Class untuk mengaktifkan cuplikan kodenya.

Add css class to submit button

Anda sekarang dapat melihat pratinjau formulir Anda untuk melihat bahwa tombol kirim dari kalkulator Anda telah berhasil dihapus!

Mortgage calculator without submit button

Pertanyaan Lebih Lanjut tentang Formulir Kalkulator

Formulir kalkulator adalah topik populer di kalangan pembaca kami. Berikut adalah jawaban atas beberapa pertanyaan umum tentang mereka.

Bagaimana cara mematikan tombol kirim di formulir?

Untuk mematikan tombol kirim di formulir, terutama jika Anda menggunakan WPForms Pro, Anda bisa menerapkan CSS khusus. Buka WPForms »Alat. Kemudian, navigasikan ke tab Cuplikan Kode dan akses perpustakaan Cuplikan WPForms, yang berisi solusi untuk mematikan tombol kirim di formulir.

Bisakah formulir tidak memiliki tombol kirim?

Ya, formulir bisa berfungsi tanpa tombol kirim. Hal ini biasa terjadi pada formulir yang dikirimkan secara otomatis atau menggunakan metode alternatif untuk pengambilan data. Dengan WPForms Pro, Anda dapat membuat formulir tersebut dengan menyesuaikannya dengan CSS untuk menyembunyikan tombol kirim, menggunakan integrasi WPCode untuk menambahkan kode yang diperlukan dengan lancar.

Selanjutnya, Pelajari Cara Membuat Kalkulator Online Kustom

Menambahkan kalkulator ke situs web Anda dapat meningkatkan keterlibatan dengan mendorong pengunjung untuk bertahan dan mendapatkan jawaban atas masalah mereka. Lihat panduan ini tentang cara membuat kalkulator khusus di WordPress untuk kebutuhan unik situs web Anda.

Buat Kalkulator Online Khusus

Siap membuat formulir Anda? Mulailah hari ini dengan plugin pembuat formulir WordPress termudah. WPForms Pro menyertakan banyak templat gratis dan menawarkan jaminan uang kembali 14 hari.

Jika artikel ini membantu Anda, silakan ikuti kami di Facebook dan Twitter untuk tutorial dan panduan WordPress gratis lainnya.