Come creare un calcolatore di BMI utilizzando Elementor ed Element Pack Pro
Pubblicato: 2022-02-01Se gestisci un sito relativo alla salute o apri un blog sul fitness o sulla salute in WordPress offrendo ai tuoi visitatori prodotti, servizi o contenuti relativi al benessere e al tenersi in forma, sarebbe una decisione saggia per te offrire loro un calcolatore dell'IMC usando Elementor.
I tuoi sforzi per sensibilizzare sulla salute saranno inutili se dai molti consigli ai tuoi visitatori e dici loro di calcolare il loro BMI da soli. Di conseguenza, i tuoi visitatori torneranno immediatamente indietro e troveranno un'altra fonte adatta a loro.
Invece, sarà una saggia considerazione aggiungere un calcolatore di BMI utilizzando Elementor al tuo sito e consentire ai tuoi visitatori di calcolare facilmente il loro BMI. Di conseguenza, i tuoi visitatori trascorreranno più tempo a tenersi in contatto per molto tempo e attireranno più visitatori al tuo sito finendo per acquistare qualcosa da te.
È un modo migliore per incoraggiare il tuo traffico a mantenersi in buona salute creando un calcolatore dell'IMC utilizzando Elementor e fornendoglielo già pronto. Se qualcuno sta cercando di mantenersi in forma, potrebbe tornare sul tuo sito per vedere se il suo BMI è migliorato.
Che cos'è il calcolatore di BMI e BMI?
BMI sta per Indice di massa corporea. È una misura approssimativa del grasso corporeo basata sull'altezza e sul peso che si applica a uomini e donne adulti. BMI indica la condizione di peso di una persona per la tua altezza. Con l'IMC, puoi indicare rapidamente sottopeso, sovrappeso, peso normale o obesità.
Il calcolatore dell'IMC è lo strumento essenziale per calcolare l'IMC che puoi allegare al tuo sito web. Dopo aver creato un calcolatore dell'IMC utilizzando Elementor, inserisci semplicemente il peso in kg e l'altezza in piedi e pollici e ottieni il risultato dell'IMC. Da quel risultato, puoi vedere se una persona ha un peso sano o meno.
Perché misurare l'IMC è così importante?
Misurando l'IMC, puoi capire le tue condizioni di salute. Maggiore è il BMI, maggiore è il rischio di sviluppare vari problemi di salute come diabete, ipertensione, malattie del fegato, alcuni tipi di cancro, artrite, ecc.
Creando un calcolatore del BMI utilizzando Elementor e aggiungendolo al tuo sito WordPress, puoi creare un modo semplice per i tuoi visitatori di misurare il BMI e coinvolgere più traffico e aumentare il traffico ripetuto.
Grafico dell'IMC
Un grafico BMI nel calcolatore BMI che utilizza Elementor mostra l'indicatore del peso in base all'altezza:
In questo articolo, ti mostrerò il modo più semplice per aggiungere un calcolatore BMI utilizzando Elementor al tuo sito Web WordPress.
Entriamo subito!
Per aggiungere un calcolatore BMI al tuo sito web, devi seguire questi semplici passaggi:
Passaggio 1: personalizzazione del campo modulo
Innanzitutto, per creare un calcolatore dell'IMC utilizzando Elementor, vai al menu Admin, fai clic sulla casella quadrata, digita "calcolatrice" nella barra di ricerca, verranno visualizzati alcuni widget. Seleziona "Calcolatrice avanzata", tieni premuto e trascinalo nell'area di testo.
Ora apparirà un modulo che mostra il campo del valore e il pulsante di invio.
Inizia a personalizzare con i campi Valore. Fare clic su "Primo valore", fare clic su "Contenuto", selezionare "Numero" dall'opzione "Tipo".
Ora seleziona "Primo valore" nell'etichetta, seleziona "Inserisci il tuo valore" nell'opzione "Segnaposto". Digita "Il tuo peso (Kg)".
Quindi, fai clic su "Secondo valore", nella prima parte, imposta "Seleziona" nell'opzione "Tipo", imposta "La tua altezza (piedi)" nell'etichetta, imposta la larghezza della colonna al 50%. Nella sezione delle opzioni, digita da 1 a 7. Consulta il documento per inserire il valore.
Ora, copia la sezione e trasformala in un'altra porzione. Nella seconda parte, imposta "Seleziona" nell'opzione "Tipo", imposta "La tua altezza (pollici)" nell'opzione Etichetta, imposta la larghezza della colonna al 50%. Nella sezione delle opzioni, digita da 1 a 12.
Passaggio 2: inserimento della formula
In questo passaggio, creando un calcolatore dell'IMC utilizzando Elementor, inseriremo una formula per calcolare l'IMC. Ora, fai clic sulla barra "Formula", digita la formula nella casella della formula. La formula è: SUM (f1/ ((f2*0.3048 + f3 *0.0254)* (f2*0.3048 + f3 *0.0254))).
Ancora un po' per finire! Sii paziente e continua a leggere.
Passaggio 3: personalizzazione della colonna
In questo passaggio, creando un calcolatore dell'IMC utilizzando Elementor, personalizzeremo la colonna. Per fare ciò, fai clic sull'opzione "Colonna", quindi fai clic sulla scheda "Avanzate" nella terza posizione in alto a sinistra, imposta il riempimento su 80.
Successivamente, fai clic sulla barra "Stile" nella seconda posizione in alto a sinistra, personalizza l'ombra del riquadro.
Quasi fatto! Mantieni la pazienza, andremo al passaggio finale.
Passaggio 4: styling
In questo passaggio, creando un calcolatore dell'IMC utilizzando Elementor, fai clic su "Stile modulo", modifica la spaziatura, il colore del testo e la tipografia.
Successivamente, fai clic sulla barra "Campi", cambia il colore del testo, il colore del segnaposto e il colore dello sfondo.
Quindi, nella sezione dei campi, cambia la larghezza, il colore e il riempimento.
Dopodiché, fai clic sul "Pulsante di invio", cambia il colore e aggiungi del padding attorno ad esso.
Quindi, fai clic sulla scheda "Contenuto", modifica l'allineamento del pulsante di invio in "giustifica".
Ora, personalizza il "Risultato", cambia le condizioni della sezione dei risultati.
Successivamente, fai clic sulla barra "Stile", modifica la sezione "Errore". Questa sezione mostrerà un messaggio di errore se l'utente inserisce le informazioni errate.
Se l'utente inserisce informazioni errate o non inserisce il valore, verrà visualizzato un messaggio di errore come questo.
Tutto fatto! Hai finito di creare un calcolatore BMI usando Elementor con successo. Ora puoi offrire ai tuoi visitatori di controllare il loro BMI usando questo calcolatore molto facilmente.
Ora che il tuo calcolatore BMI che utilizza Elementor è pronto per funzionare. È così che funziona.
Questo blog è pubblicato su BDThemes
Conclusione
Ti ho mostrato il semplice processo per creare un calcolatore dell'IMC utilizzando Elementor ed Element Pack Pro. Spero che tu possa applicare questo al tuo sito.
Grazie per aver letto pazientemente questo articolo. Ci vediamo!