Doriți să adăugați un calculator IMC pe pagina dvs. WordPress?

wordpress

Dacă oferiți conținut, produse sau servicii legate de sănătate și fitness, calculatorul IMC poate fi cu adevărat util pentru publicul dvs.

În acest articol, vă vom arăta cum să adăugați cu ușurință un calculator IMC la WordPress. Nu este nevoie de matematică sau cod!

Ce este IMC și de ce este important?

IMC înseamnă indicele de masă corporală. Este o măsură brută a grăsimii corporale bazată pe înălțime și greutate. Calculând IMC-ul dvs., veți obține informații rapide despre dacă sunteți supraponderal, supraponderal sau greutatea potrivită pentru înălțimea dvs.

Dacă aveți un blog de sănătate sau sănătate, ar putea fi înțelept să oferiți vizitatorilor un calculator IMC.

Adăugarea unui calculator IMC pe site-ul dvs. poate oferi oamenilor mai mult timp pe site-ul dvs. În cele din urmă, ar putea cumpăra ceva sau una dintre ofertele afiliate.

Este, de asemenea, o modalitate bună de a încuraja traficul repetat. Dacă cineva încearcă să slăbească, puteți reveni la site-ul dvs. și puteți vedea dacă IMC-ul s-a îmbunătățit.

Cum pot calcula IMC?

Puteți calcula IMC utilizând următorul calcul:

Kg este greutatea persoanei în kilograme și m2 este înălțimea sa în metri pătrați.

Dacă preferați să calculați IMC folosind unități imperiale, puteți utiliza următoarea formulă:

IMC = (greutatea lirei/înălțimea inci2) x 703

Un IMC sănătos este cuprins între 18,5 și 25. Un IMC mai mic de 18,5 indică faptul că persoana este subponderală și un IMC peste 25 înseamnă că este supraponderală.

Evident, cererea cititorilor să scoată un calculator nu este foarte utilă.

Puteți adăuga un calculator simplu pe site-ul dvs. web, unde utilizatorii își pot introduce înălțimea și greutatea, astfel încât calculatorul să le poată arăta IMC-ul lor. Astfel, utilizatorii sunt implicați în site-ul dvs. și sunt mai predispuși să devină clienți.

Creați un calculator IMC în WordPress

Vom folosi suplimentul Formidable Forms pentru acest tutorial. Este unul dintre cele mai bune programe de completare WordPress de pe piață și vă permite să creați formulare avansate folosind instrumente simple de glisare și plasare.

Acesta vine cu o grămadă de șabloane de formulare, calculatoare, câmpuri repetate avansate și alte instrumente. Acest lucru vă va permite să creați formulare avansate extrem de interactive pentru site-ul dvs. web.

Mai întâi trebuie să vă înregistrați pentru un cont Formidable Forms, apoi să instalați și să activați suplimentul. Pentru mai multe informații, consultați instrucțiunile noastre pentru instalarea WordPress.

După activare, trebuie să vizitați Forme impresionante » și faceți clic pe butonul „Adăugați nou” din partea de sus pentru a vă crea calculatorul IMC.

Când faceți acest lucru, veți vedea diverse șabloane pe care le puteți utiliza pentru a crea formularul.

Derulați în jos pentru a găsi un calculator BMI sau pur și simplu găsiți-l tastând „BMI” în bara de căutare.

Acum, că aveți un șablon pentru calculatorul IMC pe ecran, treceți cu mouse-ul peste el și faceți clic pe butonul Creare formular.

Apoi vi se va solicita să introduceți un nume de formular și o descriere. Puteți utiliza numele implicit și puteți omite descrierea, dacă doriți. Când sunteți gata, faceți clic pe butonul Creați.

Când faceți acest lucru, Formidable Forms vă creează automat formularul pentru calculatorul IMC.

Veți fi redirecționat direct către vizualizarea formularului „Construiți”. După cum puteți vedea, aveți formularul în partea dreaptă a ecranului. În stânga este o zonă în care puteți adăuga sau edita câmpuri de formular.

Calculatorul IMC va funcționa perfect cu setările implicite. Dacă doriți să adăugați mai multe câmpuri, puteți face acest lucru făcând clic pe câmpul din stânga și acesta va fi adăugat automat la formular.

Poate doriți să ștergeți câmpul IMC Prime dacă doriți ca formularul să fie simplu. Este posibil ca formularul să nu funcționeze.

Pentru a șterge un câmp, trebuie doar să faceți clic pe acesta și apoi să faceți clic pe pictograma coș de gunoi.

De asemenea, puteți elimina câmpurile cu greutate redusă, greutate sănătoasă, supraponderalitate și obezitate dacă doriți ca utilizatorul să trimită un formular pentru a vedea rezultatele IMC.

Reglați setările calculatorului IMC

Când sunteți mulțumit de calculatorul BMI, faceți clic pe fila „Setări” din partea de sus a ecranului.

Poate doriți să faceți modificări aici. De exemplu, puteți modifica mesajele implicite pe care utilizatorii le văd atunci când trimit un formular. Dacă derulați până în partea de jos a paginii, le veți vedea în caseta Când trimiteți.

Când cineva folosește un calculator, rezultatul este afișat după cum urmează:

Poate doriți să ajustați formularea pentru a se potrivi publicului dvs.

O altă opțiune este să adăugați linkuri la instrucțiuni suplimentare. De exemplu, este posibil să aveți conținut care să ofere sfaturi despre mâncare sau exerciții fizice.

Puteți introduce HTML în câmp. Puteți utiliza caracteristica Formulare formidabile pentru a modifica dimensiunea fontului și culoarea de fundal a câmpului. Ne vedem mai târziu în acest ghid.

Iată un exemplu de raport cu un rezultat, care include un link relevant:

Tip: Caseta în care puteți edita raportul de rezultate este destul de mică. Puteți copia un mesaj din casetă și îl puteți lipi în editorul de cod pentru a ușura editarea. Când ați terminat, copiați-l înapoi în fereastra mesajului.

Schimbați textul butonului calculatorului IMC

Dacă doriți să modificați textul butonului din formular, puteți face acest lucru Setări »Stil și butoane,

Tastați doar textul pe care doriți să îl utilizați. În loc de textul „Arată gama mea!” Vom folosi textul „Afișează gama mea IMC”. pentru textul butonului

De asemenea, am modificat textul „Actualizați rezultatele” în loc de textul „Actualizați” pentru textul butonului care apare la prima trimitere a formularului.

Schimbați stilul calculatorului IMC

În mod implicit, calculatorul IMC arată foarte simplu. De asemenea, textul este destul de mic, de exemplu:

Puteți schimba stilul formularului cu diferite culori, dimensiuni de font și multe altele. Trebuie să mergi la primul Uimitoare »Stiluri pe bara de activități WordPress.

Apoi puteți face clic pe butonul „+ Stil nou” pentru a începe crearea unui stil nou. Alternativ, puteți modifica un stil implicit existent pentru a aplica același stil tuturor formularelor dvs.

Vom crea un stil nou doar pentru formularul nostru de calculator IMC.

Puteți redimensiona etichetele din câmpurile formularului făcând clic pe meniul derulant de lângă fila Etichete câmp. Îl vom mări de la 14 px la 18 px originale.

O previzualizare a stilului formularului este afișată în partea dreaptă a ecranului. Această actualizare este actualizată automat când se fac modificări.

De asemenea, vă recomandăm să măriți dimensiunea fontului și înălțimea câmpurilor în sine în secțiunea „Setări câmp”. Puteți redimensiona comutatoarele (Imperial vs Metric) în fila „Căsuțe de selectare și câmpuri de rază”.

De asemenea, puteți crește dimensiunea fontului butonului din fila Butoane. De asemenea, puteți alege culoarea butonului.

Dacă doriți să extindeți raportul de rezultate sau să modificați culoarea de fundal, puteți face acest lucru în fila Formulare.

După ce ați făcut toate modificările necesare, faceți clic pe „Actualizare” în colțul din dreapta sus pentru a salva modificările de stil.

Apoi puteți aplica stilul formularului. Du-te primul Forme impresionante » apoi găsește-ți drumul. Faceți clic pe numele formularului pentru a-l edita sau treceți cu mouse-ul peste formular și faceți clic pe linkul Editați chiar sub acesta.

Apoi accesați fila Setări și faceți clic pe buton Stil și butoane configurați stilurile de formular.

Aici puteți selecta noul dvs. șablon de stil din meniul derulant Șablon de stil. Doar faceți clic pe meniul derulant și apoi faceți clic pe stilul pe care doriți să îl utilizați.

Acum formularul dvs. va fi stilizat într-un șablon. Se pare că:

Adăugați un calculator IMC pe site-ul dvs. web

Când sunteți gata, vă puteți pune formularul live pe site-ul dvs. web. Mai întâi, veți dori să faceți clic pe butonul „Actualizare” din colțul din dreapta sus pentru a salva modificările:

Apoi, va trebui să editați o postare sau o pagină existentă sau să creați una nouă.

Când ați terminat, puteți face clic pe butonul (+) pentru a adăuga un bloc nou. Accesați secțiunea Widgets și faceți clic pe blocul Formulare formidabile. Dacă doriți, îl puteți căuta folosind bara de căutare.

Acum puteți alege cu ușurință formularul dvs. IMC. Faceți clic pe meniul derulant Selectați formular și selectați un calculator IMC, de exemplu:

Poate doriți să vă previzualizați pagina pentru a vedea cum arată calculatorul dvs. IMC pe site-ul dvs. Iată-ne:

Pentru a modifica sau edita ceva, pur și simplu reveniți la formularul de tablou de bord WordPress. O puteți găsi mai jos Forme impresionante »,

De fiecare dată când modificați un formular, acesta se actualizează automat peste tot pe site-ul dvs. Nu este nevoie să modificați codul prescurtat sau să faceți pași suplimentari.

Sperăm că acest tutorial te-a ajutat să înveți cum să adaugi un calculator IMC în WordPress folosind Formidable Forms. S-ar putea să vă placă și articolele noastre despre cele mai utile gadget-uri WordPress și aveți nevoie de pluginuri WordPress pentru site-urile de afaceri.

Dacă ți-a plăcut acest articol, abonează-te la canalul nostru YouTube pentru a viziona videoclipuri WordPress. Ne puteți găsi și pe Twitter și Facebook,