Cara Menambahkan Kalkulator IMC ke WordPress (Langkah demi Langkah)
Ingin menambahkan kalkulator IMC ke situs WordPress Anda?
Jika Anda menyediakan konten, produk, atau layanan yang berkaitan dengan kesehatan dan kebugaran, kalkulator BMI dapat sangat membantu audiens Anda.
Pada artikel ini, kami akan menunjukkan cara mudah menambahkan kalkulator BMI ke WordPress. Tidak perlu matematika atau kode!
Apa itu BMI dan mengapa itu penting?
BMI adalah singkatan dari indeks massa tubuh. Ini adalah ukuran kasar lemak tubuh berdasarkan tinggi dan berat badan. Perhitungan BMI memberi Anda indikasi cepat apakah Anda kekurangan berat badan, kelebihan berat badan atau berat badan yang tepat untuk tinggi badan Anda.
Jika Anda telah memulai blog kebugaran atau kesehatan, mungkin masuk akal untuk menawarkan kalkulator BMI kepada pengunjung Anda.
Menambahkan kalkulator BMI ke situs web Anda dapat membuat orang menghabiskan lebih banyak waktu di situs web Anda. Mereka bahkan mungkin membelikan Anda sesuatu, atau salah satu penawaran afiliasi Anda.
Ini juga merupakan cara yang bagus untuk mendorong lalu lintas berulang. Jika seseorang mencoba menurunkan berat badan, Anda dapat kembali ke situs web mereka untuk melihat apakah BMI mereka telah meningkat.
Bagaimana cara menghitung BMI?
Anda dapat menghitung BMI menggunakan perhitungan berikut:
BMI = kg / m2
Kg adalah berat badan seseorang dalam kilogram dan m2 adalah tinggi badannya dalam meter persegi.
Jika Anda ingin menghitung BMI dalam satuan imperial, Anda dapat menggunakan rumus berikut:
BMI = (berat / tinggi inci2) x 703
BMI yang sehat adalah antara 18,5 dan 25. BMI di bawah 18,5 menunjukkan bahwa orang tersebut kekurangan berat badan, dan BMI lebih besar dari 25 menunjukkan bahwa mereka kelebihan berat badan.
Jelas, tidak membantu untuk meminta pembaca Anda mencabut komputer mereka.
Anda dapat menambahkan kalkulator sederhana ke situs web Anda di mana pengguna dapat memasukkan tinggi dan berat badan mereka agar kalkulator menunjukkan BMI mereka. Dengan cara ini, pengguna tetap terlibat dengan situs Anda dan lebih cenderung menjadi pelanggan.
Buat Kalkulator BMI di WordPress
Untuk tutorial ini, kita akan menggunakan plugin Formidable Forms. Ini adalah salah satu pembuat formulir WordPress terbaik di pasar dan memungkinkan Anda membuat formulir tingkat lanjut dengan alat seret dan lepas yang mudah.
Muncul dengan banyak templat canggih, kalkulator, bidang perulangan, dan alat lainnya. Ini memungkinkan Anda untuk membuat formulir yang disempurnakan yang sangat interaktif untuk situs web Anda.
Pertama, Anda perlu mendaftar untuk akun Formidable Forms, lalu instal dan aktifkan plugin. Untuk informasi lebih lanjut, lihat panduan kami tentang cara menginstal plugin WordPress.
Setelah aktivasi, Anda harus mengakses Mengerikan »Penampilan dan kemudian klik tombol “Tambah Baru” di bagian atas untuk membuat kalkulator BMI Anda.
Setelah Anda selesai melakukannya, Anda akan melihat sekumpulan templat yang dapat Anda gunakan untuk membuat formulir.
Gulir ke bawah untuk menemukan kalkulator BMI atau cukup ketik “BMI” di bidang pencarian untuk menemukannya.
Sekarang setelah Anda memiliki template kalkulator BMI di layar, arahkan kursor ke atasnya dan klik tombol Buat.
Anda kemudian akan diminta untuk memasukkan nama untuk formulir Anda dan deskripsi. Anda dapat menggunakan nama default dan menghilangkan deskripsi jika Anda mau. Saat Anda siap, klik tombol “Buat”.
Setelah selesai, Formidable Forms akan secara otomatis menghasilkan kalkulator BMI untuk Anda.
Anda akan diarahkan ke tampilan “Bangun” formulir Anda secara langsung. Seperti yang Anda lihat, Anda memiliki formulir di sisi kanan layar. Di sebelah kiri, ada area di mana Anda dapat menambahkan atau mengedit bidang di formulir Anda.
Kalkulator BMI bekerja sempurna dengan pengaturan default. Jika Anda ingin menambahkan bidang tambahan, Anda dapat melakukannya dengan mengklik bidang di sebelah kiri dan secara otomatis ditambahkan ke formulir Anda.
Anda mungkin ingin menghapus kotak IMC Prime jika Anda ingin membuat formulir tetap sederhana. Formulir tidak harus berfungsi.
Untuk menghapus bidang, cukup klik bidang tersebut lalu klik ikon tempat sampah.
Jika Anda ingin pengguna mengirimkan formulir untuk melihat hasil BMI mereka, Anda juga dapat menghapus bidang kekurangan berat badan, kekurangan berat badan, kelebihan berat badan, dan obesitas.
Sesuaikan pengaturan kalkulator BMI Anda
Saat Anda puas dengan kalkulator BMI Anda, klik tab “Pengaturan” di bagian atas layar.
Anda mungkin ingin membuat perubahan di sini. Misalnya, Anda dapat mengubah pesan default yang akan ditampilkan kepada pengguna setelah mereka mengirimkan formulir. Jika Anda menggulir ke bagian bawah halaman, Anda dapat melihatnya di kotak Saat Anda mengirimkan.
Ketika seseorang menggunakan kalkulator, hasilnya akan muncul seperti ini:
Anda mungkin ingin menyesuaikan kata-kata dengan audiens Anda.
Pilihan lain di sini adalah menambahkan tautan untuk instruksi lebih lanjut. Misalnya, Anda mungkin memiliki konten yang menawarkan saran diet atau olahraga.
Anda dapat memasukkan kode HTML di dalam kotak. Jika Anda ingin mengubah ukuran font dan warna latar belakang, Anda dapat menggunakan fitur Styles di Formatable Forms. Kita akan lihat nanti di panduan ini.
Berikut adalah contoh pesan yang dihasilkan dengan tautan yang relevan disertakan:
Tip: Kotak tempat Anda dapat mengedit pesan yang dihasilkan cukup kecil. Anda dapat menyalin pesan dari kotak dan menempelkannya ke editor kode untuk mengedit lebih mudah. Setelah selesai, salin kembali ke kotak pesan.
Ubah teks tombol kalkulator BMI
Jika Anda ingin mengubah teks tombol di formulir Anda, Anda dapat melakukannya di Pengaturan » Gaya dan tombol.
Cukup masukkan teks yang ingin Anda gunakan. Kami akan menggunakan teks “Tampilkan rentang BMI saya” alih-alih “Lihat periode saya!” untuk teks tombol
Kami juga mengubah “Hasil Perbarui” alih-alih “Perbarui” untuk teks tombol yang muncul setelah formulir pertama kali dikirimkan.
Ubah model kalkulator BMI Anda
Secara default, kalkulator BMI terlihat cukup sederhana. Teksnya juga cukup kecil, jadi:
Anda dapat mengubah bentuk bentuk Anda dengan berbagai warna, ukuran font, dan lainnya. Untuk melakukan ini, Anda harus terlebih dahulu pergi ke Mengerikan »Gaya di dasbor WordPress Anda.
Anda kemudian dapat mengklik tombol “+ Gaya Baru” untuk mulai membuat gaya baru. Atau, Anda bisa mengedit gaya default yang sudah ada untuk menggunakan gaya yang sama untuk semua formulir Anda.
Kami akan membuat gaya baru hanya untuk template kalkulator BMI kami.
Dengan mengklik menu tarik-turun di sebelah tab Label Bidang, Anda dapat mengubah ukuran label di bidang pada formulir Anda. Kami akan meningkatkan ini dari 14px ke 18px asli.
Di sisi kanan layar, Anda akan melihat pratinjau tampilan bentuk. Saat Anda membuat perubahan, ini akan diperbarui secara otomatis.
Anda mungkin juga ingin menambah ukuran font dan tinggi bidang untuk bidang itu sendiri di “Pengaturan Bidang”. Anda dapat mengubah ukuran tombol radio (Imperial vs Metrik) pada tab “Kotak kontrol dan bidang radius”.
Anda juga dapat memperbesar ukuran font tombol pada tab Buttons. Anda juga dapat memilih warna untuk tombol.
Jika Anda ingin memperluas pesan yang dihasilkan atau mengubah warna latar belakang, Anda dapat melakukannya di tab Contoh Pesan.
Setelah Anda membuat perubahan, Anda ingin mengklik “Perbarui” di sudut kanan atas untuk menyimpan perubahan gaya.
Anda kemudian dapat menerapkan gaya ke bentuk Anda. Duluan Mengerikan »Penampilan lalu navigasi Klik pada judul formulir untuk mengedit atau mengarahkan kursor ke formulir dan klik tautan “Edit” langsung di bawah.
Anda kemudian dapat pergi ke tab Pengaturan dan klik Gaya dan tombol untuk mengonfigurasi gaya dalam formulir Anda.
Di sini, Anda dapat menggunakan menu tarik-turun Template Gaya untuk memilih template gaya baru. Cukup klik menu tarik-turun lalu klik gaya yang ingin Anda gunakan.
Sekarang bentuk Anda akan dirancang dalam template. Seperti inilah tampilan kami:
Tambahkan template kalkulator BMI ke situs web Anda
Saat Anda siap, Anda dapat menempatkan formulir langsung Anda di situs web Anda. Pertama, Anda ingin mengklik tombol “Perbarui” di sudut kanan atas untuk menyimpan perubahan:
Anda kemudian perlu mengedit posting atau halaman yang ada atau membuat yang baru.
Setelah selesai, Anda dapat mengklik tombol (+) untuk menambahkan blok baru. Pergi ke bagian Widget dan klik pada blok Formidable Form. Atau, jika Anda mau, Anda dapat menggunakan kotak pencarian untuk menemukannya.
Sekarang Anda cukup memilih formulir BMI Anda. Klik menu tarik-turun “Pilih Bentuk” dan pilih kalkulator BMI Anda, seperti ini:
Anda mungkin ingin melihat pratinjau halaman Anda untuk melihat seperti apa tampilan kalkulator BMI Anda yang telah selesai di situs web Anda. Berikut adalah milik kita:
Jika ada sesuatu yang ingin Anda ubah atau ubah, cukup kembali ke formulir Anda di dasbor WordPress. Anda akan menemukannya di bawah ini Mengerikan »Penampilan.
Setiap kali Anda mengubah formulir Anda, secara otomatis memperbarui di mana-mana di situs Anda. Anda tidak perlu mengubah kode kartu atau melakukan sesuatu yang ekstra.
Kami harap panduan ini membantu Anda mempelajari cara menambahkan kalkulator BMI ke WordPress menggunakan Formatable Forms. Anda mungkin juga menyukai artikel kami tentang widget WordPress yang paling berguna dan Anda harus memiliki plugin WordPress untuk halaman bisnis.
Jika Anda menyukai artikel ini, berlangganan saluran kami YouTube untuk menonton video tutorial WordPress. Anda juga dapat menemukan kami di Twitter dan Facebook.
