Ви хочете додати калькулятор IMC на свою сторінку WordPress?
Якщо ви пропонуєте вміст, товари чи послуги, пов’язані зі здоров’ям та фітнесом, калькулятор ІМТ може бути дійсно корисним для вашої аудиторії.
У цій статті ми покажемо вам, як легко додати калькулятор ІМТ до WordPress. Не потрібно математики чи коду!
Що таке ІМТ і чому це важливо?
ІМТ означає індекс маси тіла. Це загальний показник жиру в організмі на основі зросту та ваги. Розрахувавши свій ІМТ, ви отримаєте швидку інформацію про те, чи маєте ви надмірну вагу, надмірну вагу або правильну вагу для вашого зросту.
Якщо у вас є блог про здоров’я чи здоров’я, тоді було б доцільно запропонувати своїм відвідувачам калькулятор ІМТ.
Додавання калькулятора ІМТ на ваш сайт може дати людям більше часу на вашому сайті. Зрештою вони можуть купити щось або одну з ваших афілійованих пропозицій.
Це також хороший спосіб заохотити повторний рух. Якщо хтось намагається схуднути, ви можете повернутися на свій сайт, щоб перевірити, чи покращився їх ІМТ.
Як я можу розрахувати ІМТ?
Ви можете розрахувати свій ІМТ, використовуючи такий розрахунок:
Кг - вага людини в кілограмах, а м2 - її зріст у квадратних метрах.
Якщо ви віддаєте перевагу обчислювати ІМТ за допомогою імперських одиниць, ви можете скористатися наступною формулою:
ІМТ = (фунт ваги/висота дюйма2) x 703
Здоровий ІМТ знаходиться в межах 18,5-25. ІМТ менше 18,5 вказує на те, що людина має недостатню вагу, а ІМТ вище 25 означає, що у нього надмірна вага.
Очевидно, що просити читачів дістати калькулятор не дуже корисно.
Ви можете додати простий калькулятор на свій веб-сайт, де користувачі можуть вводити свій зріст і вагу, щоб калькулятор міг показувати їм свій ІМТ. Це заважає користувачам взаємодіяти з вашим сайтом і, швидше за все, вони стануть клієнтами.
Створіть калькулятор ІМТ у WordPress
Для цього підручника ми використовуватимемо плагін Formidable Forms. Це один з найкращих доповнень до форм WordPress на ринку і дозволяє створювати вдосконалені форми за допомогою простих інструментів перетягування.
Він постачається з безліччю шаблонів форм, калькуляторами, розширеними полями-репітерами та іншими інструментами. Це дозволить вам створювати високоінтерактивні розширені форми для вашого веб-сайту.
Спочатку потрібно зареєструватися для облікового запису Formidable Forms, а потім встановити та активувати надбудову. Для отримання додаткової інформації див. Наші інструкції з встановлення WordPress.
Після активації ви повинні відвідати Вражаючі »Форми і натисніть кнопку "Додати нове" вгорі, щоб створити свій калькулятор ІМТ.
Коли ви зробите це, ви побачите різні шаблони, які ви можете використовувати для створення форми.
Прокрутіть униз, щоб знайти калькулятор ІМТ, або просто знайдіть його, ввівши "BMI" у рядок пошуку.
Тепер, коли на екрані є шаблон калькулятора ІМТ, наведіть на нього курсор і натисніть кнопку Створити форму.
Потім вам буде запропоновано ввести назву та опис форми. Ви можете використовувати ім’я за замовчуванням і, якщо хочете, опустити опис. Коли будете готові, натисніть кнопку Створити.
Коли ви це зробите, Formidable Forms автоматично створює вашу форму калькулятора ІМТ.
Вас буде перенаправлено безпосередньо до подання форми "Збірка". Як бачите, ви маєте форму праворуч на екрані. Зліва знаходиться область, де ви можете додавати або редагувати поля форми.
Калькулятор ІМТ буде чудово працювати з налаштуваннями за замовчуванням. Якщо ви хочете додати більше полів, ви можете зробити це, натиснувши поле зліва, і воно буде автоматично додане до форми.
Ви можете видалити поле IMC Prime, якщо ви хочете, щоб форма була простою. Форма може не працювати.
Щоб видалити поле, просто натисніть на нього, а потім натисніть на піктограму кошика.
Ви також можете видалити поля з низькою вагою, здоровою вагою, надмірною вагою та ожирінням, якщо хочете, щоб користувач подав форму для перегляду результатів ІМТ.
Налаштуйте параметри калькулятора ІМТ
Коли ви задоволені своїм калькулятором ІМТ, натисніть на вкладку "Налаштування" у верхній частині екрана.
Ви можете внести зміни тут. Наприклад, ви можете змінити повідомлення за замовчуванням, які бачать користувачі, коли подають форму. Якщо ви прокрутите внизу сторінки, ви побачите їх у полі При надсиланні.
Коли хтось використовує калькулятор, їх результат відображається таким чином:
Можливо, ви захочете скорегувати формулювання відповідно до своєї аудиторії.
Інший варіант - додати посилання на додаткові інструкції. Наприклад, у вас може бути вміст, який надає поради щодо їжі чи фізичних вправ.
Ви можете ввести HTML у поле. За допомогою функції «Грізні форми» можна змінити розмір шрифту та колір тла поля. До зустрічі в цьому посібнику.
Ось приклад звіту з результатом, що включає відповідне посилання:
Тип: Поле, в якому ви можете редагувати звіт про результати, досить невелике. Ви можете скопіювати повідомлення з вікна та вставити його в редактор коду, щоб полегшити його редагування. Після закінчення скопіюйте його назад у вікно повідомлення.
Змініть текст кнопки калькулятора ІМТ
Якщо ви хочете змінити текст кнопки на формі, ви можете це зробити Налаштування »Стиль і кнопки,
Просто введіть текст, який ви хочете використовувати. Замість тексту «Показати мій діапазон!» Ми будемо використовувати текст «Показати мій діапазон ІМТ». для тексту кнопки
Ми також змінили текст "Оновити результати" замість тексту "Оновити" для тексту кнопки, який з'являється під час першої подачі форми.
Змініть стиль калькулятора ІМТ
За замовчуванням калькулятор ІМТ виглядає дуже просто. Текст також досить невеликий, наприклад:
Ви можете змінити стиль форми за допомогою різних кольорів, розмірів шрифтів тощо. Треба йти до першого Дивовижні »Стилі на панелі завдань WordPress.
Потім ви можете натиснути кнопку "+ Новий стиль", щоб розпочати створення нового стилю. Крім того, ви можете змінити існуючий стиль за замовчуванням, щоб застосувати той самий стиль до всіх ваших форм.
Ми збираємось створити новий стиль лише для нашої форми калькулятора ІМТ.
Ви можете змінити розмір міток у полях форми, натиснувши спадне меню поруч із вкладкою Позначки полів. Ми збільшимо його з 14 пікселів до початкових 18 пікселів.
Попередній перегляд стилю форми відображається в правій частині екрана. Це оновлення автоматично оновлюється після внесення змін.
Ви також можете збільшити розмір шрифту та висоту самих полів у розділі "Налаштування поля". Ви можете змінити розмір перемикачів (Imperial vs Metric) на вкладці "Поля прапорця та радіуса".
Ви також можете збільшити розмір шрифту кнопки на вкладці Кнопки. Ви також можете вибрати колір кнопки.
Якщо ви хочете розширити звіт про результати або змінити колір тла, це можна зробити на вкладці Форми.
Після внесення всіх необхідних змін натисніть "Оновити" у верхньому правому куті, щоб зберегти зміни стилю.
Потім можна застосувати стиль до форми. Йди першим Вражаючі »Форми то знайди свій шлях. Клацніть назву форми, щоб редагувати її, або наведіть курсор на форму та клацніть посилання Редагувати безпосередньо під нею.
Потім перейдіть на вкладку Налаштування та натисніть кнопку Стиль і кнопки налаштувати стилі форм.
Тут ви можете вибрати новий шаблон стилю зі спадного меню Шаблон стилю. Просто натисніть спадне меню, а потім виберіть стиль, який ви хочете використовувати.
Тепер ваша форма буде стилізована в шаблон. Це виглядає так:
Додайте калькулятор ІМТ на свій веб-сайт
Коли ви будете готові, ви можете розмістити свою форму на своєму веб-сайті. По-перше, ви захочете натиснути кнопку «Оновити» у верхньому правому куті, щоб зберегти зміни:
Потім вам потрібно буде відредагувати існуючу публікацію чи сторінку або створити нову.
Закінчивши, ви можете натиснути кнопку (+), щоб додати новий блок. Перейдіть до розділу Віджети та клацніть на блок Грізні форми. Якщо ви хочете, ви можете шукати його за допомогою рядка пошуку.
Тепер ви можете легко вибрати форму ІМТ. Клацніть спадне меню Вибрати форму та виберіть калькулятор ІМТ, наприклад:
Можливо, ви захочете переглянути свою сторінку, щоб побачити, як виглядає ваш калькулятор ІМТ на вашому сайті. Ось наш:
Щоб щось змінити або відредагувати, просто поверніться до форми інформаційної панелі WordPress. Ви можете знайти його нижче Вражаючі »Форми,
Щоразу, коли ви вносите зміни у форму, вона автоматично оновлюється скрізь на вашому сайті. Вам не потрібно змінювати скорочений код або робити будь-які подальші дії.
Ми сподіваємось, цей підручник допоміг вам навчитися додавати калькулятор ІМТ у WordPress за допомогою Грозних форм. Вам також можуть сподобатися наші статті про найкорисніші гаджети WordPress, і вам потрібні плагіни WordPress для бізнес-сайтів.
Якщо вам сподобалась ця стаття, підпишіться на наш канал YouTube, щоб переглянути відео на WordPress. Ви також можете знайти нас у Twitter та Facebook,