Искате да добавите IMC калкулатор към вашата страница в WordPress?

wordpress

Ако предлагате съдържание, продукти или услуги, свързани със здравето и фитнеса, BMI калкулаторът може да бъде наистина полезен за вашата аудитория.

В тази статия ще ви покажем как лесно да добавите BMI калкулатор към WordPress. Не се изисква математика или код!

Какво е ИТМ и защо е важно?

ИТМ означава индекс на телесна маса. Това е брутна мярка за телесни мазнини въз основа на височината и теглото. Чрез изчисляване на Вашия ИТМ ще получите бърза информация дали имате наднормено тегло, наднормено тегло или правилното тегло за вашия ръст.

Ако имате здравен или здравен блог, тогава би било разумно да предложите на посетителите си BMI калкулатор.

Добавянето на BMI калкулатор към вашия сайт може да даде на хората повече време на вашия сайт. В крайна сметка те биха могли да купят нещо или една от вашите партньорски оферти.

Това е и добър начин да насърчите многократния трафик. Ако някой се опитва да отслабне, можете да се върнете на вашия сайт и да видите дали неговият ИТМ се е подобрил.

Как мога да изчисля BMI?

Можете да изчислите своя ИТМ, като използвате следното изчисление:

Kg е теглото на човека в килограми, а m2 е неговата височина в квадратни метри.

Ако предпочитате да изчислявате BMI с помощта на имперски единици, можете да използвате следната формула:

ИТМ = (килограм тегло/инч височина2) x 703

Здравият ИТМ е в диапазона от 18,5 - 25. ИТМ под 18,5 показва, че човекът е с поднормено тегло, а ИТМ над 25 означава, че е с наднормено тегло.

Очевидно е да помолите читателите си да извадят калкулатор не е много полезно.

Можете да добавите прост калкулатор към уебсайта си, където потребителите да могат да въведат своята височина и тегло, така че калкулаторът да може да им покаже своя ИТМ. Това поддържа потребителите ангажирани с вашия сайт и по-вероятно да станат клиенти.

Създайте BMI калкулатор в WordPress

Ще използваме добавката Formidable Forms за този урок. Това е една от най-добрите добавки за WordPress форми на пазара и ви позволява да създавате разширени формуляри с помощта на прости инструменти за плъзгане и пускане.

Той се предлага с куп шаблони за формуляри, калкулатори, усъвършенствани ретранслаторски полета и други инструменти. Това ще ви позволи да създадете силно интерактивни разширени формуляри за вашия уебсайт.

Първо трябва да се регистрирате за акаунт на Formidable Forms, след което да инсталирате и активирате добавката. За повече информация вижте нашите инструкции за инсталиране на WordPress.

След активирането трябва да посетите Впечатляващи »Форми и щракнете върху бутона "Добавяне на нов" в горната част, за да създадете своя BMI калкулатор.

Когато направите това, ще видите различни шаблони, които можете да използвате за създаване на формуляра.

Превъртете надолу, за да намерите BMI калкулатор, или просто го намерете, като напишете „BMI“ в лентата за търсене.

След като имате шаблон за калкулатор на BMI на екрана си, задръжте курсора на мишката върху него и щракнете върху бутона Създаване на формуляр.

След това ще бъдете подканени да въведете име и описание на формуляра. Можете да използвате името по подразбиране и да пропуснете описанието, ако искате. Когато сте готови, щракнете върху бутона Създаване.

Когато направите това, Formidable Forms автоматично създава вашата форма за калкулатор на BMI.

Ще бъдете пренасочени директно към изгледа на формуляра „Изграждане“. Както можете да видите, имате формата от дясната страна на екрана. Вляво е област, където можете да добавяте или редактирате полета на формуляра.

BMI калкулаторът ще работи перфектно с настройките по подразбиране. Ако искате да добавите още полета, можете да го направите, като кликнете върху полето вляво и то автоматично ще бъде добавено към формуляра.

Може да искате да изтриете полето IMC Prime, ако искате формулярът да е опростен. Формата може да не работи.

За да изтриете поле, просто кликнете върху него и след това върху иконата на кошчето.

Можете също така да премахнете полетата за ниско тегло, здравословно тегло, наднормено тегло и затлъстяване, ако искате потребителят да изпрати формуляр за преглед на резултатите от ИТМ.

Регулирайте настройките на BMI калкулатора

Когато сте доволни от вашия BMI калкулатор, щракнете върху раздела "Настройки" в горната част на екрана.

Може да искате да направите промени тук. Например можете да промените съобщенията по подразбиране, които потребителите виждат, когато подават формуляр. Ако превъртите до края на страницата, ще ги видите в полето При изпращане.

Когато някой използва калкулатор, резултатът му се показва по следния начин:

Може да искате да коригирате формулировката така, че да отговаря на вашата аудитория.

Друга възможност е да добавите връзки към допълнителни инструкции. Например може да имате съдържание, което предоставя съвети за хранене или упражнения.

Можете да въведете HTML в полето. Можете да използвате функцията Formidable Forms, за да промените размера на шрифта и цвета на фона на полето. Ще се видим по-късно в това ръководство.

Ето пример за отчет с резултат, включително съответна връзка:

Тип: Кутията, където можете да редактирате отчета за резултатите, е доста малка. Можете да копирате съобщение от полето и да го поставите в редактора на кода, за да улесните редактирането. Когато сте готови, копирайте го обратно в прозореца на съобщението.

Променете текста на бутона за калкулатор на ИТМ

Ако искате да промените текста на бутона във формуляра, можете да го направите Настройки »Стил и бутони,

Просто напишете текста, който искате да използвате. Вместо текста „Покажи моя обхват!“ Ще използваме текста „Показване на моя обхват на ИТМ“. за текст на бутон

Променихме и текста „Актуализиране на резултатите“ вместо текста „Актуализиране“ за текста на бутона, който се появява при първото изпращане на формуляра.

Променете стила на BMI калкулатора

По подразбиране BMI калкулаторът изглежда много прост. Текстът също е доста малък, например:

Можете да промените стила на формуляра с различни цветове, размери на шрифта и други. Първо трябва да отидете Удивителни »стилове в лентата на задачите на WordPress.

След това можете да щракнете върху бутона "+ Нов стил", за да започнете да създавате нов стил. Като алтернатива можете да промените съществуващ стил по подразбиране, за да приложите същия стил към всичките си форми.

Ще създадем нов стил само за нашата форма за калкулатор на ИТМ.

Можете да преоразмерите етикетите в полетата на формуляра, като щракнете върху падащото меню до раздела Етикети на полета. Ще го увеличим от 14px на оригиналните 18px.

Преглед на стила на формуляра се показва в дясната част на екрана. Тази актуализация се актуализира автоматично, когато се правят промени.

Можете също така да увеличите размера и височината на шрифта на самите полета в раздела „Настройки на полето“. Можете да преоразмерите превключвателите (Imperial срещу Metric) в раздела "Поле за отметка и радиус".

Можете също да увеличите размера на шрифта на бутона в раздела Бутони. Можете също да изберете цвета на бутона.

Ако искате да разширите отчета за резултатите или да промените цвета на фона, можете да го направите в раздела Форми.

След като направите всички необходими промени, щракнете върху „Актуализиране“ в горния десен ъгъл, за да запазите промените в стила.

След това можете да приложите стила към формуляра. Отидете първи Впечатляващи »Форми след това намерете своя път. Щракнете върху името на формуляра, за да го редактирате, или задръжте курсора на мишката върху формуляра и щракнете върху връзката Редактиране точно под него.

След това отидете в раздела Настройки и щракнете върху бутона Стил и бутони конфигуриране на стилове на формуляри.

Тук можете да изберете вашия нов шаблон за стил от падащото меню Шаблон за стил. Просто щракнете върху падащото меню и след това щракнете върху стила, който искате да използвате.

Сега вашата форма ще бъде оформена в шаблон. Изглежда така:

Добавете BMI калкулатор към вашия уебсайт

Когато сте готови, можете да поставите формуляра си на живо на вашия уебсайт. Първо ще искате да щракнете върху бутона „Актуализиране“ в горния десен ъгъл, за да запазите промените си:

След това ще трябва да редактирате съществуваща публикация или страница или да създадете нова.

Когато приключите, можете да щракнете върху бутона (+), за да добавите нов блок. Отидете в раздела Widgets и кликнете върху блока Formidable Forms. Ако искате, можете да го потърсите с помощта на лентата за търсене.

Сега можете лесно да изберете вашата BMI форма. Щракнете върху падащото меню Избор на формуляр и изберете BMI калкулатор, например:

Може да искате да прегледате страницата си, за да видите как изглежда вашият ИТМ калкулатор на вашия сайт. Ето нашето:

За да промените или редактирате нещо, просто се върнете към формата на таблото за управление на WordPress. Можете да го намерите по-долу Впечатляващи »Форми,

Всеки път, когато правите промени във формуляр, той автоматично се актуализира навсякъде на вашия сайт. Не е необходимо да променяте съкратения код или да предприемате допълнителни стъпки.

Надяваме се, че този урок ви е помогнал да научите как да добавите BMI калкулатор в WordPress, използвайки Formidable Forms. Може да харесате и нашите статии за най-полезните приспособления за WordPress и имате нужда от приставки за WordPress за бизнес уебсайтове.

Ако тази статия ви е харесала, абонирайте се за нашия канал в YouTube, за да гледате видеоклипове на WordPress. Можете също така да ни намерите в Twitter и Facebook,