Cara Menambahkan Kalkulator IMC di WordPress (Langkah demi Langkah)
Apakah Anda 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 di 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, 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 baik 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 meminta pembaca Anda untuk mengeluarkan kalkulator mereka tidak membantu.
Anda dapat menambahkan kalkulator sederhana di situs web Anda tempat pengguna dapat memasukkan tinggi dan berat badan mereka, sehingga kalkulator menunjukkan BMI mereka. Dengan cara ini, pengguna akan 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 plugin pembuat formulir WordPress terbaik di pasar dan memungkinkan Anda membuat formulir lanjutan menggunakan alat seret dan lepas sederhana.
Muncul dengan banyak templat formulir tingkat lanjut, kalkulator, bidang berulang, dan alat lainnya. Ini memungkinkan Anda untuk membuat formulir yang disempurnakan yang sangat interaktif untuk situs web Anda.
Pertama-tama Anda harus mendaftar untuk akun Formidable Forms, lalu menginstal dan mengaktifkan plugin. Untuk detail 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 bisa Anda gunakan untuk membuat formulir.
Gulir ke bawah untuk menemukan kalkulator BMI, atau cukup ketik “BMI” di bilah pencarian untuk menemukannya.
Sekarang setelah Anda memiliki template Kalkulator BMI di layar Anda, arahkan kursor ke atasnya dan klik tombol Buat Formulir.
Selanjutnya, Anda akan diminta untuk memberikan nama untuk formulir dan deskripsi Anda. Anda dapat menggunakan nama default dan menghilangkan deskripsi jika Anda mau. Saat Anda siap, klik tombol “Buat”.
Setelah Anda selesai melakukannya, Formidable Forms akan secara otomatis membuatkan formulir 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 formulir Anda.
Kalkulator BMI akan bekerja sempurna dengan pengaturan default. Jika Anda ingin menambahkan bidang tambahan, Anda dapat melakukannya dengan mengklik bidang di sebelah kiri dan secara otomatis akan ditambahkan ke formulir Anda.
Anda mungkin ingin menghapus kotak IMC Prime jika Anda ingin membuat formulir tetap sederhana. Formulir tidak perlu berfungsi.
Untuk menghapus bidang, cukup klik bidang tersebut, lalu ikon tempat sampah.
Jika Anda ingin pengguna mengirimkan formulir untuk melihat hasil BMI mereka, Anda juga dapat menghapus bidang kurus, sehat, 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 ditampilkan kepada pengguna setelah mereka mengirimkan formulir. Jika Anda menggulir ke bagian bawah halaman, Anda dapat melihatnya di kotak On Submit.
Ketika seseorang menggunakan kalkulator, hasilnya akan ditampilkan sebagai berikut:
Anda mungkin ingin menyesuaikan kata-kata Anda 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. Untuk mengubah ukuran font dan warna latar belakang kotak, Anda dapat menggunakan fitur Styles dari Formidable Form. 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. Salin kembali ke kotak pesan setelah selesai.
Ubah teks tombol kalkulator BMI
Jika Anda ingin mengubah teks tombol formulir Anda, Anda dapat melakukannya di Pengaturan » Gaya dan tombol.
Cukup ketik teks yang ingin Anda gunakan. Kami akan menggunakan teks “Tampilkan rentang BMI saya” alih-alih “Lihat rentang saya!” untuk teks tombol
Kami juga telah mengubah “Perbarui Hasil” 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, seperti:
Anda dapat mengubah gaya formulir 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 ada, jika Anda ingin 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 formulir Anda. Kami akan meningkatkan ini dari 14px ke 18px asli.
Di sisi kanan layar, Anda akan melihat pratinjau gaya formulir. Saat Anda membuat perubahan, ini akan diperbarui secara otomatis.
Anda mungkin juga ingin menambah ukuran font dan tinggi bidang bidang itu sendiri, di bawah “Pengaturan Bidang”. Anda dapat mengubah ukuran tombol radio (Imperial vs Metrik) di tab “Kotak centang 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 semua perubahan yang Anda inginkan, klik “Perbarui” di sudut kanan atas untuk menyimpan perubahan gaya.
Anda kemudian dapat menerapkan gaya ke formulir Anda. Duluan Mengerikan »Penampilan lalu navigasi Klik pada judul formulir untuk mengedit atau mengarahkan kursor ke formulir dan klik tautan “Edit” langsung di bawah formulir.
Anda kemudian dapat pergi ke tab Pengaturan dan klik Gaya dan Tombol untuk mengonfigurasi gaya formulir Anda.
Di sini, Anda dapat menggunakan menu tarik-turun Template Gaya untuk memilih template gaya baru. Cukup klik pada menu drop-down dan kemudian klik pada gaya yang ingin Anda gunakan.
Sekarang template Anda akan ditata 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 Anda selesai melakukannya, 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 bilah pencarian untuk menemukannya.
Sekarang, Anda cukup memilih formulir BMI Anda. Klik menu tarik-turun “Pilih formulir” 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 modifikasi, cukup kembali ke formulir Anda di dasbor WordPress. Anda dapat 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 pendek atau melakukan apa pun tambahan.
Kami harap panduan ini membantu Anda mempelajari cara menambahkan kalkulator BMI di WordPress menggunakan Formatable Forms. Anda mungkin juga menyukai artikel kami tentang widget WordPress yang paling berguna dan harus memiliki plugin WordPress untuk situs web bisnis.
Jika Anda menyukai artikel ini, berlangganan saluran kami YouTube untuk menonton video tutorial WordPress. Anda juga dapat menemukan kami di Twitter dan Facebook.