Bagaimana Cara Membuat Form Kalkulator Harga di WordPress dengan Mudah? (Selangkah demi selangkah)

Ingin mempelajari cara membuat kalkulator harga formulir WordPress dengan mudah? Kami akan menunjukkan caranya.

Ada kalanya bisnis harus menghitung total harga pesanan secara manual. Ini mungkin berhasil di masa lalu, tetapi dalam konteks sekarang, tidak begitu banyak.

Dengan semakin berkembangnya platform e-commerce dan persaingan yang ketat, semuanya harus segera dilakukan. Termasuk perhitungan harga saat pelanggan memutuskan untuk memesan.

Dan formulir kalkulator harga adalah cara terbaik untuk memastikan pemrosesan pesanan yang cepat. Nah, artikel ini akan mengajarkan Anda cara membuat formulir kalkulator harga dengan mudah.

Namun sebelum itu, mari kita ulas secara singkat manfaat dari bentuk kalkulator harga WordPress.

Manfaat Menggunakan Kalkulator Harga WordPress di Formulir WordPress

Katakanlah Anda memiliki toko pakaian online. Dan pelanggan ingin memilih dari berbagai produk dengan tarif harga yang berbeda.

Bukankah akan membantu jika harga total dapat dihitung secara otomatis?

Oleh karena itu, dengan menggunakan formulir kalkulator harga, baik pelanggan maupun Anda tidak perlu khawatir dengan perhitungan manual.

Selain itu, Anda mendapatkan kepuasan pelanggan melalui pengalaman pemesanan yang cepat. Dan di sisi lain, bisnis mendapatkan keuntungan dari pemrosesan pemesanan otomatis.

Selain itu, ada lebih banyak keuntungan yang telah kami cantumkan di bawah ini.

• Ini membantu pelanggan Anda mengetahui harga total produk atau layanan yang mereka inginkan secara instan.
• Bisnis dapat mempelajari data penjualan seperti jumlah penjualan dan pendapatan penjualan.
• Ini memperkuat keterlibatan situs web dan menarik lalu lintas.

Ini hanya beberapa manfaat yang telah kami sebutkan. Untuk menikmati manfaat ini sebagai pemilik bisnis, kami menganjurkan Anda untuk menyertakan kalkulator harga dalam formulir pemesanan Anda.

Nah, tanpa basa-basi lagi, mari ikuti panduan mudah di bawah ini untuk membuat form kalkulator harga di WordPress.

Bagaimana Cara Membuat Kalkulator di Formulir WordPress menggunakan Formulir Everest?

Pertama, memilih plugin pembuat formulir terbaik yang membantu Anda membuat formulir kalkulator harga dengan lancar adalah suatu keharusan.

Di sinilah Formulir Everest masuk. Ini adalah plugin pembuat formulir seret dan lepas yang populer yang memungkinkan Anda membuat formulir WordPress seperti formulir kontak, formulir survei, formulir lamaran pekerjaan, dll.

Yang terpenting, plugin yang kuat ini menawarkan bidang pembayaran dan add-on Kalkulasi untuk membantu Anda menangani kalkulasi harga otomatis yang sederhana atau kompleks.

Dan karena mendukung integrasi dengan berbagai gateway pembayaran, menerima pembayaran melalui formulir menjadi cepat dan mudah.

Jadi, dengan Formulir Everest, Anda dapat membuat formulir perkiraan harga apa pun hanya dengan beberapa langkah sederhana.

Langkah 1: Instal dan Aktifkan Formulir Everest dan Formulir Everest Pro

Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan Everest Forms dan Everest Forms Pro.

Anda memerlukan plugin versi premium untuk membuka kunci Bidang Pembayaran atau menginstal add-on Perhitungan .

Jadi, pilih paket yang sesuai dari salah satu paket harga dan siapkan plugin di situs Anda.

Add-on Penghitungan hanya tersedia di paket Profesional dan Agensi. Jadi, pilih paket yang sesuai jika Anda berencana menggunakan add-on.

Lihat tutorial kami tentang cara menyiapkan Everest Forms Pro dengan benar jika Anda memerlukan panduan.

Langkah 2: Buat Formulir Kalkulator Harga Baru

Setelah pengaturan plugin berhasil, saatnya membuat formulir kalkulator harga baru.

Anda dapat melakukannya dengan menggunakan dua metode: Menggunakan Bidang Pembayaran atau Menggunakan Add-on Penghitungan .

Kami akan menunjukkan kepada Anda kedua metode ini secara mendetail. Jadi, baca sampai akhir!

Metode 1: Menggunakan Bidang Pembayaran:

Formulir Everest menawarkan banyak templat siap pakai dan banyak bidang khusus. Karenanya untuk membuat formulir baru, mulai dari awal atau gunakan templat yang sudah ada sebelumnya.

Untuk templat siap pakai, buka Formulir Everest >> Tambah Baru dan pilih templat pilihan Anda. Jika Anda ingin membuat formulir baru, klik Mulai Dari Awal .

Dalam tutorial ini, kita akan membuat formulir pemesanan dari awal. Jadi, berikan nama Anda dan klik Continue .

A. Tambahkan Kolom Pembayaran ke Formulir

Setelah Anda menekan Continue , pembuat formulir baru akan terbuka.

Dari sisi kiri layar Anda, gulir ke bawah untuk menemukan Bidang Pembayaran . Cukup seret dan lepas bidang yang Anda perlukan, seperti Kotak centang , Total , Pilihan Ganda , dll., di formulir Anda.

Menambahkan bidang pembayaran membantu Anda mengumpulkan detail terkait pembayaran di formulir Anda.

Kolom pembayaran yang Anda tambahkan bergantung pada produk yang Anda jual. Misalnya, Anda dapat menambahkan bidang pembayaran berikut ke formulir:

• Pilihan Ganda : Biarkan pengguna memilih salah satu produk yang Anda jual.
• Kuantitas : Biarkan mereka memutuskan berapa banyak item yang mereka beli dari produk yang mereka pilih.
• Total : Menampilkan harga total dengan menghitung harga produk yang dipilih dengan kuantitas.

Dan voila! Anda sudah menyiapkan formulir kalkulator harga sederhana!

Anda dapat menambahkan lebih banyak bidang seperti Kotak Centang , Item Tunggal , dan bidang umum lainnya sesuai kebutuhan Anda. Terakhir, klik tombol Simpan .

B. Sesuaikan Opsi Bidang

Setelah Anda menambahkan semua bidang Anda, Anda juga dapat menyesuaikan opsi masing-masing bidang.

Misalnya, mari kita ambil contoh bidang Kotak centang . Bidang ini memungkinkan pengguna Anda memilih satu atau beberapa opsi secara bersamaan.

Dan ketika Anda mengkliknya, Anda dapat menyesuaikan lebih lanjut opsi berikut:

• Label : Anda dapat menentukan opsi apa yang ada di bawahnya.
• Meta Key : Fungsi ini membantu Anda untuk mengambil nilai tersimpan dari database dan menampilkannya.
• Pilihan : Anda dapat menambahkan item pilihan beserta harganya.
• Gunakan Pilihan Gambar : Anda dapat mencentang kolom ini untuk menambahkan pilihan gambar produk Anda.

Di sini, kami telah memberikan label dan menambahkan pilihan beserta harganya untuk pilihan tersebut.

Selanjutnya, untuk menghitung nilai totalnya, klik kolom Kuantitas . Sekarang, Anda akan melihat opsi Hitung dengan kolom ini .

Cukup pilih Select Apparel dari drop-down. Melakukan hal ini akan mengalikan harga barang yang dipilih dengan jumlah yang dimasukkan oleh pengguna.

Setelah melakukan semua perubahan, ingatlah untuk menyimpan formulir Anda.

Saat pengguna memilih produk yang diinginkan dan memasukkan jumlah, formulir secara otomatis menghitung jumlah total. Ini kemudian menampilkan harga akhir di bidang Total .

Dan secepat itu, formulir kalkulator harga sederhana Anda sudah siap!

Untuk panduan yang lebih lengkap, lihat artikel ini tentang cara membuat formulir pemesanan dengan atau tanpa pembayaran.

Metode 2: Menggunakan Pengaya Perhitungan:

Nah, cara selanjutnya untuk membuat formulir kalkulator harga baru dengan Everest Forms adalah dengan menggunakan add-on Perhitungan.

Anda dapat mencoba metode ini jika Anda ingin melakukan perhitungan yang lebih kompleks yang tidak dapat dilakukan oleh bidang Total .

Di sini, kami telah membagi prosesnya menjadi 3 sub-langkah untuk memudahkan Anda mengikutinya.

A. Instal dan Aktifkan Add-on Kalkulasi

Setelah menginstal versi premium plugin, Anda dapat mengakses add-on Everest Forms yang tersedia dengan paket Anda.

Jika Anda telah membeli paket Agensi atau Profesional , Anda mendapatkan akses penuh ke add-on Penghitungan .

Jadi, buka Everest Forms >> Add-ons dan cari Calculations add-on. Kemudian, cukup instal dan aktifkan seperti yang Anda lakukan pada Everest Forms sebelumnya.

Status akan berubah menjadi Diaktifkan jika semuanya berjalan dengan baik.

B. Menambahkan Kolom ke Formulir Kalkulator Harga

Proses pembuatan form mirip dengan metode sebelumnya. Cukup klik mulai dari awal atau pilih Templat formulir Anda.

Setelah itu, seret dan lepas bidang yang diperlukan di formulir pembayaran Anda. Misalnya, mari tambahkan bidang Pilihan Ganda atau Kotak Centang ke formulir.

Sekarang, alih-alih bidang Total , kami akan menambahkan bidang Angka ke formulir. Kami akan menggunakan dua kolom pertama untuk menghitung harga total, yang akan ditampilkan di kolom Angka .

Setelah formulir selesai, tekan tombol Simpan .

C. Mengaktifkan Perhitungan untuk Bidang Biaya

Setelah menambahkan semua bidang wajib, Anda harus mengaktifkan penghitungan untuk bidang tempat Anda ingin menampilkan harga total.

Jadi, klik bidang Angka dan Opsi Bidangnya akan muncul di sebelah kiri.

Dari sini, Anda akan menyesuaikan bidang Label , Meta-key , Description , dan seterusnya. Anda juga dapat menyesuaikan Opsi Lanjutan . Bersamaan dengan itu, Anda dapat mengaktifkan logika Bersyarat .

Namun yang terpenting, Anda harus mengaktifkan penghitungan untuk bidang tersebut. Untuk melakukan itu, gulir ke bawah hingga Anda menemukan opsi Perhitungan . Yang perlu Anda lakukan hanyalah mencentang kotak centang.

Setelah mengaktifkan kotak centang, Anda selanjutnya akan melihat lebih banyak opsi. Di sini, Anda dapat mengatur jumlah Tempat Desimal yang ingin Anda tampilkan di hasil.

Anda juga akan melihat ekspresi dan operator yang dapat Anda gunakan untuk penghitungan tepat di bawah.

Sekarang, klik ikon <> dan pilih bidang pertama yang ingin Anda hitung harganya. Selanjutnya, tambahkan operator yang sesuai, lalu pilih kolom kedua.

Oleh karena itu, jika Anda ingin menjumlahkan nilai dari kedua field tersebut untuk menghitung total harga, Anda dapat menggunakan operator + . Hasilnya kemudian akan ditampilkan pada bidang Angka .

Anda dapat melihat apakah rumus yang Anda gunakan valid atau tidak valid dengan pesan di bawah kotak.

Itu dia; formulir Anda sekarang akan secara otomatis menghitung harga total produk. Tekan tombol Simpan untuk menyimpan perubahan.

Anda dapat memeriksa apakah formulir berfungsi dengan benar dengan tombol Pratinjau di sebelah tombol Simpan .

Namun, contoh di atas hanyalah perhitungan harga sederhana. Plugin ini memungkinkan Anda melakukan penghitungan yang jauh lebih canggih dengan banyak bidang dan operator. Anda bahkan dapat membuat kalkulator BMI, kalkulator bunga, dll. dengan add-on.

Langkah 3: Konfigurasikan Pengaturan Formulir Kalkulator Harga

Pada langkah ini, kami akan mengonfigurasi pengaturan formulir. Anda dapat menemukan Pengaturan tepat di sebelah tab Bidang . Ada tiga opsi yang dapat Anda konfigurasikan:

Umum

Di bawah Pengaturan umum , Anda dapat melakukan perubahan seperti yang disebutkan di bawah ini:

• Form Name : Bidang ini memungkinkan Anda mengedit nama formulir Anda.
• Deskripsi Formulir : Anda dapat menambahkan keterangan singkat tentang motif formulir Anda.
• Formulir Nonaktifkan Pesan : Di sini, Anda dapat mengedit pesan yang ditampilkan setelah Anda menonaktifkan formulir.
• Pesan Pengiriman Formulir yang Berhasil : Edit teks yang ingin Anda tampilkan kepada pembeli Anda setelah pengiriman formulir mereka berhasil.
• Redirect To : Pilih apakah Anda ingin pelanggan dialihkan ke halaman yang sama, halaman kustom, atau URL eksternal.
• Desain Tata Letak : Kolom ini memungkinkan Anda untuk memilih tata letak yang telah dibuat sebelumnya. Anda dapat memilih Tata Letak Default atau Tata Letak Klasik.
• Kelas Formulir : Ini memungkinkan Anda menambahkan kelas CSS untuk formulir Anda.
• Kirim Teks Tombol : Edit teks tombol kirim ke preferensi Anda. Misalnya, alih-alih Kirim, Anda dapat menggunakan frasa seperti Kirim, Terapkan, dll.
• Kirim Teks Pemrosesan Tombol : Ini memungkinkan Anda mengatur teks tombol yang ditampilkan saat pengiriman formulir sedang diproses.
• Kelas Tombol Kirim : Dengan ini, Anda dapat menambahkan nama kelas CSS untuk tombol kirim.

Bukan itu saja. Anda dapat mengonfigurasi lebih banyak pengaturan seperti logika bersyarat dengan Formulir Everest. Selain itu, Anda juga dapat Mengaktifkan pot madu anti-spam untuk mencegah spam pada formulir Anda.

Surel

Opsi ini memungkinkan Anda mengonfigurasi notifikasi formulir. Dengan cara ini, Anda akan diberi tahu saat klien Anda mengirimkan formulir.

Selain itu, Anda bahkan dapat memberi tahu mereka jika formulir mereka telah diterima oleh departemen terkait.

Dengan Formulir Everest, Anda dapat mengatur notifikasi email tanpa batas. Seperti:

• Pemberitahuan Email Admin
• Pemberitahuan Email Pengguna

Anda dapat membuat notifikasi sebanyak yang Anda butuhkan dengan tombol Tambahkan Email Baru .

Setelah itu, sesuaikan opsi yang tersedia seperti Ke Alamat , Dari Nama , Dari Alamat , Subjek Email , dll. Dan selesai!

WebHook

Anda dapat mengirim data formulir ke URL eksternal apa pun dengan fitur webhook.

Untuk mengonfigurasi pengaturan WebHook , arahkan ke Pengaturan >> WebHook dan klik Aktifkan WebHook .

Ini menampilkan semua opsi yang perlu Anda konfigurasikan agar webhook berfungsi dengan benar. Jadi, atur Request URL , Request Method , Request Format , dan Request Header untuk formulir tersebut.

Dan setelah mengkonfigurasi semua pengaturan sesuai dengan kebutuhan Anda, klik tombol Simpan .

Langkah 4: Publikasikan Formulir Anda ke Situs Web

Dengan Formulir Everest, Anda dapat dengan mudah menyematkan formulir Anda ke situs web tanpa menyentuh sebaris kode pun.

Cukup arahkan ke Posts/Pages >> Add New .

Kemudian, klik tombol Add Block (+) dan tambahkan blok Everest Forms ke halaman/posting.

Setelah selesai, pilih formulir yang Anda buat di langkah sebelumnya dari drop-down.

Jika Anda ingin melihat tampilan formulir Anda di bagian depan sebelum menerbitkannya, klik tombol Pratinjau .

Terakhir, Anda dapat menekan tombol Terbitkan jika formulir Anda sudah siap.

Dan begitulah, formulir kalkulator harga Anda berhasil dibuat dan diterbitkan untuk situs Anda.

Membungkusnya!

Itu merangkum panduan kami tentang cara membuat formulir kalkulator harga di WordPress dengan mudah.

Di atas, kami telah menyebutkan dua cara super mudah untuk membuat formulir kalkulator harga dengan Formulir Everest.

• Menggunakan Bidang Pembayaran
• Menggunakan Add-on Perhitungan

Anda dapat menggunakan metode apa pun yang Anda inginkan.

Dengan plugin yang ramah pengguna ini, Anda dapat melakukan lebih banyak lagi, seperti menjadwalkan tanggal dan waktu pengiriman formulir, mengisi kolom formulir secara otomatis dengan string kueri, dan banyak lagi.

Jika Anda menyukai konten kami, Anda dapat membaca lebih lanjut tentang hal-hal terkait WordPress di blog kami. Dan untuk tutorial video yang mudah, Anda dapat berlangganan saluran YouTube kami.

Selanjutnya, jika Anda memiliki pertanyaan, hubungi kami melalui Facebook dan Twitter.