Come Creare un Calcolatore di IMC in WordPress: Guida Passo Passo

Hai un sito web di fitness, un blog sulla salute o magari il sito di una clinica e vuoi permettere alle persone di controllare facilmente il proprio BMI? O sei semplicemente stanco di mandare le persone su siti BMI casuali che le allontanano dalla tua pagina?

Beh, non sei l'unico. Gli utenti WordPress vogliono aggiungere un Calcolatore dell'IMC al loro sito, ma non è sempre facile. Alcuni strumenti richiedono la scrittura di codice, e altri non ti permettono di modificare molto per adattarli allo stile del tuo sito web.

Ma ecco la parte migliore: puoi creare la tua calcolatrice per l'indice di massa corporea direttamente nella tua dashboard. Ha un aspetto pulito, funziona senza intoppi e non devi nemmeno toccare una riga di codice. In questa guida, ti mostrerò come costruirne una che non solo fornisca il risultato, ma offra anche agli utenti alcuni consigli sulla salute in base al loro input. Fantastico, vero?

In questo tutorial, esploreremo come creare un Modulo calcolatore BMI in WordPress. Allora andiamo!

Che cos'è una calcolatrice BMI?

Un calcolatore dell'indice di massa corporea (IMC) nei moduli di WordPress è un piccolo strumento divertente che permette agli utenti di inserire la propria altezza e peso, e voilà, viene immediatamente mostrato il loro punteggio IMC. 

Che tu stia costruendo un calcolatore di BMI per uomini, un calcolatore di BMI per donne o un calcolatore universale di indice di massa corporea, la funzionalità principale rimane la stessa. Tuttavia, un calcolatore di BMI personalizzato per WordPress può fare molto di più che mostrare un numero!

Se ne crei uno personalizzato, può fare cose ancora più grandiose, come 

• Calcolo istantaneo dell'IMC con risultati in tempo reale
• Classificazione della categoria dell'IMC (Sottopeso, Normopeso, Sovrappeso, Obeso)
• Raccolta dati per valutazioni sanitarie
• Integrazione con il tuo Email strumenti di marketing

Perché hai bisogno del modulo calcolatore BMI sul tuo sito WordPress?

Beh, se sei un allenatore di fitness, un esperto di dieta, un medico o qualcuno che scrive di salute, questo tipo di modulo può davvero aiutare. Offre alle persone qualcosa di utile mentre ti aiuta a far crescere la tua lista email.

Inoltre, è un modo semplice per rendere il tuo sito web più divertente e utile. Le persone rimangono più a lungo, imparano qualcosa sulla propria salute e potrebbero persino ritornare. Ciò significa più traffico e, alla fine, forse anche più denaro.

Una risorsa sanitaria aiuta anche a stabilire il tuo sito come un'autorità nella categoria della salute e del fitness.

Capire l'IMC: Le fondamenta

Prima di costruire il nostro modulo, vediamo la formula dell'IMC e le categorie:

Formula del IMC:

• Unità di misura metriche: Peso (Kg)  ÷  Altezza (m)²
• Unità Imperiali 703 * Peso (libbre)  ÷ Altezza (m)²

Categorie BMI:

• Sottopeso BMI < 18,5
• Peso normale: IMC 18,5-24,9
• Sovrappeso BMI 25,0-29,5
• Obeso IMC  ≥  29,6

Come Creare un Calcolatore di IMC in WordPress Facilmente?

È più facile di quanto pensi. Ti basta un plugin che prenda i numeri dell'utente, faccia i calcoli dell'IMC e mostri il risultato.

In questo tutorial userò Bit Form per creare la nostra calcolatrice. È un costruttore di moduli per WordPress che rende semplicissimo aggiungere elementi come le calcolatrici BMI. E la cosa interessante? La maggior parte dei caratteristiche viene fornito con la versione gratuita, così non devi spendere un sacco di soldi per iniziare.

Guida passo passo: Creare il tuo modulo calcolatrice 

Pronto a creare il tuo calcolatore di IMC personalizzato in WordPress con supporto per varie formule di calcolo dell'IMC in kg, cm, metri, piedi e altre misure imperiali? Immergiamoci nel processo passo dopo passo:

Passaggio 1: Installare e attivare Bit Form

Per iniziare a utilizzare Bit Form sul tuo calcolatore dell'IMC di WordPress, accedi innanzitutto alla dashboard di WordPress. Vai a “Plugin” e clicca “Aggiungi nuovo.” Nella casella di ricerca, inserisci “Bit Form” e cercarlo nella lista. 

Una volta trovato, fai clic su “Installa ora” pulsante, e al termine dell'installazione, premi “Attiva.” Ecco fatto. Bit Form è ora pronto ad aiutarti a creare il tuo calcolatore dell'IMC in WordPress direttamente dal pannello di amministrazione di WordPress.

Passaggio 2: Crea un nuovo modulo

1. Naviga nella tua bacheca di WordPress e vai su Bit Form > Tutti i moduli
2. Clicca su “Crea Modulo” per iniziare un nuovo modulo

Per iniziare da zero, scegli “Modulo vuoto,” che ti dà il pieno controllo sul design. Dai un nome descrittivo al tuo modulo, come “Calcolatore di salute” per trovarlo facilmente più tardi.

Ora sei pronto per iniziare a costruire il tuo modulo per il calcolo dell'IMC su WordPress.

Passaggio 3: Aggiungere campi essenziali per il calcoloione

Ora è il momento di aggiungere le funzionalità di base. Fare clic o trascinare e rilasciare qualsiasi campo necessario nell'editor di moduli. Inizia con il Altezza e Peso campi, impostali come input numerici e puoi configurarli per supportare unità come metri per l'altezza e chilogrammi per il peso.

È anche possibile aggiungere Campo nome per dare un tono personale al modulo e un Email campo se desideri inviare i risultati o condividere consigli sulla salute in seguito.

Per rendere il processo ancora più semplice, includere un sezione di conversione della scala con campi numerici aggiuntivi. 

Per conversione di unità metriche nel tuo calcolatore dell'IMC su WordPress, devi aggiungere i campi per i piedi, i pollici e i centimetri, oltre all'altezza calcolata in metri  come un campo numerico. 

E per conversione unità imperiali, È necessario aggiungere campi per piedi, metri e centimetri, insieme a un'altezza calcolata in pollici come un campo numerico. 

In questo modo, gli utenti della tua calcolatrice BMI di WordPress che non conoscono la loro altezza e peso in entrambe le unità non avranno bisogno di lasciare il modulo o visitare un altro sito.

Non dimenticare di aggiungere un“Il tuo IMC” campo come un Numero campo e a “Il tuo "Stato dell'IMC"” campo come un Testo campo. Questo consente agli utenti di vedere sia il loro IMC calcolato sia la categoria di salute a cui appartiene nella tua calcolatrice IMC su WordPress.

Passaggio 4: Configurare la logica condizionale per i calcoli

1. Logica condizionale per il risultato dell'IMC

Dopo aver creato il tuo modulo, è ora di aggiungerne alcuni logica condizionale per il calcolo. Questo aiuta il modulo a rispondere in base all'input dell'utente. È possibile impostare qualsiasi logica o formula personalizzata necessaria. Per iniziare, vai semplicemente su Impostazioni > Logica Condizionale > Aggiungi Logica Condizionale.

Innanzitutto, dai un nome alla tua logica condizionale. Poi, imposta Azione Esegui Quando a Registra Crea/Modifica, e impostare Effetto Azione a Solo sull'input sul campo.

Ora impostiamo le condizioni necessarie per rendere il modulo funzionale. Inizieremo creando la logica per il Il tuo IMC campo. Imposta la condizione in modo che quando entrambi i Altezza e Peso i campi vengono compilati, la logica si attiverà automaticamente. 

Prossimamente, nel Azioni sul campo, seleziona Il tuo BMI e  applica la formula dell'IMC per unità metriche nelle impostazioni logiche impostando il Valore: (peso (kg) / (altezza (metri) * altezza (metri)))

Aggiungi un'altra logica condizionale per il unità imperiale. Seleziona Il tuo BMI e  applicare la formula per le unità imperiali nelle impostazioni logiche impostando il Valore: (Peso (libbre) / (altezza (pollici) * altezza (pollici))) * 703

2. Logica condizionale per la conversione di scala

• Conversione matrici

Imposta il filtro“Azione Esegui Quando” opzione per“Crea/Modifica record” e seleziona “Solo sull'inserimento sul campo” sotto “Effetto Azione.La logica viene eseguita ogni volta che un campo pertinente viene modificato.

Successivamente, configuri le condizioni sotto il SE sezione. Usa due condizioni principali combinate con E logica:

•  Il campo “Unità di Misura” deve essere uguale a “Metrica.” 
• “Hai bisogno di una conversione di scala?” deve essere uguale a “Sì”

Poi, aggiungi diversi O condizioni logiche per attivare l'azione quando uno qualsiasi dei campi correlati cambia. Questi campi includono Piedi, pollici e centimetri. Imposta ciascuno di questi a “Modifica” in modo che il calcolo venga eseguito ogni volta che l'utente ne aggiorna uno.

Nella“Poi” sezione, imposta le azioni di output. Per il campo, “La tua altezza in metri,” imposta l'azione su “valore” e usa la formula: (Piedi / 3.281) + (Pollici / 39.37) + (metri)

Questo converte tutta l'altezza fornita in metri. 

• Conversione Imperiale

Imposta il filtro“Azione Esegui Quando” opzione per“Crea/Modifica record” e seleziona “Solo sull'inserimento sul campo” sotto “Effetto Azione.La logica viene eseguita ogni volta che un campo pertinente viene modificato.

Successivamente, configuri le condizioni sotto il SE sezione. Usa due condizioni principali combinate con E logica:

•  Il campo “Unità di Misura” deve essere uguale a “Imperiale.” 
• “Hai bisogno di una conversione di scala?” deve essere uguale a “Sì”

Poi, aggiungi diversi O condizioni logiche per attivare l'azione quando uno qualsiasi dei campi correlati cambia. Questi campi includono peso (kg), piedi, centimetri e metri. Imposta ciascuno di questi a “Modifica” in modo che il calcolo venga eseguito ogni volta che l'utente ne aggiorna uno.

Nel Allora sezione, definisci le azioni di output. Per il campo, “La tua altezza in pollici,” imposta l'azione su “valore” e usa la formula: (Piedi * 12) + (Centimetri / 2.54) + (Metri * 39.37)

Questo converte tutta l'altezza inserita in pollici. 

Poi, per il campo, “Il tuo peso in libbre”,” imposta l'azione su valore e usa la formula: Peso (kg) * 2.205

Questo converte il peso dai chilogrammi alle libbre.

3. Logica condizionale per lo stato dell'IMC

Ora è il momento di impostare la categoria salute. Crea una nuova logica condizionale e chiamala “Indice di massa corporea (BMI).” Imposta la condizione in modo che se il tuo IMC è inferiore o uguale a 18,5, allora il tuo Stato dell'IMC campo visualizzerà “Sottopeso.”

Allo stesso modo, seleziona il Altrimenti, se condizione, e impostare la condizione in modo che se il tuo indice di massa corporea (BMI) è inferiore o uguale a 24,9,  allora il tuo Stato dell'IMC campo visualizzerà “Normale.”

Ancora, seleziona il Altrimenti, se condizione, e impostare la condizione in modo che se il tuo IMC è inferiore o uguale a 29,5,  allora il tuo Stato dell'IMC campo visualizzerà “Sovrappeso.”

Infine, creane uno ultimo Altrimenti, se condizione e imposta la condizione in modo che  se il tuo indice di massa corporea (BMI) è superiore a 29,5,  allora il tuo Stato dell'IMC campo visualizzerà “Obeso.”

Passaggio 4: Aggiungi la tua calcolatrice al tuo sito

Una volta pronto il tuo modulo, fai clic sul pulsante Pubblica nell'angolo in alto a destra. Quindi, copia lo shortcode generato e incollalo in qualsiasi pagina o post in cui desideri che appaia il calcolatore. Il tuo calcolatore di salute sarà ora attivo e pronto per essere provato dagli utenti.

E il tuo modulo è pronto per essere utilizzato!

Conclusione:

Creare un modulo per il calcolo dell’IMC su WordPress non deve necessariamente essere complicato o costoso. Con Bit Form, puoi realizzare un calcolatore dell’IMC per WordPress professionale e perfettamente funzionante, in grado di coinvolgere i tuoi visitatori, fornire preziose informazioni sulla salute e aiutarti ad ampliare la tua mailing list.

L'interfaccia drag-and-drop rende la creazione di una calcolatrice IMC su WordPress accessibile anche ai principianti. Prenditi un momento per esplorare tutte le caratteristiche Bit Form funzionalità; è ricco di strumenti che ti aiutano a creare moduli efficaci e flessibili con estrema facilità.

Quindi procedi pure a creare qualsiasi tipo di modulo che soddisfi le tue esigenze, che si tratti di un calcolatore di IMC in WordPress, di un modulo di contatto o di qualcosa di personalizzato. Con pochi