Как создать фитнес-трекер в WordPress

Хотите создать фитнес-трекер в WordPress? Многие компании и онлайн-сообщества, связанные со здоровьем и фитнесом, предлагают своим пользователям инструменты для отслеживания физической активности. Это помогает удерживать пользователей и развивать ваш бизнес.

В этой статье мы покажем вам, как легко создать фитнес-трекер в WordPress, чтобы повысить вовлеченность пользователей на вашем сайте.

Что такое фитнес-трекер?

Фитнес-трекер — это онлайн-инструмент, который помогает пользователям отслеживать различные аспекты своего здоровья и фитнеса.

Это может быть трекер потери веса, калькулятор ИМТ, планировщик питания или другой тип трекера здоровья. Эти онлайн-инструменты могут быть созданы с помощью плагинов WordPress без кода, которые рассчитывают различные значения на лету.

Почему вам стоит добавить фитнес-трекер на свой сайт

Если вы запускаете сайт для бизнеса в области здоровья и фитнеса или онлайн-сообщества, то добавление фитнес-трекера на ваш сайт — это простой способ привлечь внимание пользователей.

Сюда входят такие сайты, как:

  • Сайты тренажерных залов;
  • Сайты для похудения;
  • Персональные сайты фитнес-тренеров;
  • Сайты о питании или блоги о еде;
  • Сообщества о здоровье и фитнесе;
  • Сообщества по образу жизни;
  • и другое.

Вы можете предоставить своим пользователям реальные инструменты для отслеживания их результатов в фитнесе, что с большей вероятностью задержит их на вашем сайте дольше.

Повышение вовлеченности пользователей приводит к более высоким коэффициентам конверсии и лучшему удержанию клиентов в вашем бизнесе.

Создание онлайн-сообщества по фитнесу

Один из самых простых способов монетизировать сайт о здоровье и фитнесе — использовать MemberPress. Это лучший плагин членства в WordPress, который позволяет вам легко продавать онлайн-курсы и подписки.

Вы можете создавать различные типы планов, скрывать контент только для участников за платным доступом, создавать онлайн-курсы и многое другое.

Затем пользователи могут использовать ваш встроенный фитнес-трекер для измерения своей производительности и прогресса с течением времени. Это помогает им проводить больше времени на вашем сайте, что улучшает продление подписки, дополнительные продажи и удержание клиентов.

Создание онлайн-трекера для фитнеса в WordPress

Чтобы создать онлайн-трекер для фитнеса в WordPress, вам понадобится плагин Formidable Forms.

Это лучший плагин калькулятора для WordPress, который позволяет создавать расширенные формы и калькуляторы для вашего сайта. Конструктор форм перетаскивания позволяет легко создавать формы для отслеживания фитнеса без необходимости писать какой-либо код или нанимать разработчика.

Кроме того, он отлично работает с другими инструментами, которые вы, возможно, уже используете, такими как MemberPress, WooCommerce или сервисом электронной почты.

Во-первых, вам нужно установить и активировать плагин Formidable Forms.

Примечание: существует ограниченная бесплатная версия плагина под названием Formidable Lite. Однако вам понадобится премиум-версия, чтобы разблокировать больше функций.

После активации вам необходимо посетить страницу Formidable » Global Settings, чтобы ввести лицензионный ключ вашего плагина. Вы можете найти эту информацию в своей учетной записи на сайте Formidable Forms.

formidable license keyПосле этого вам нужно посетить страницу Formidable » Forms.

Здесь просто нажмите кнопку Add New, чтобы создать форму.

add new formДалее вам будет предложено выбрать шаблон для вашей формы.

Существует множество шаблонов, которые вы можете использовать, но для этого урока мы начнем с пустой формы.

choose blank templateЗатем укажите имя и описание формы и нажмите кнопку Create.

Это запустит конструктор перетаскивания. В левом столбце вы увидите список полей формы, которые вы можете добавить.

Справа вы увидите предварительный просмотр формы. Поскольку наша форма пуста, в столбце предварительного просмотра нет полей.

formbuilderДавайте изменим это и добавим поля формы для нашего фитнес-трекера.

Для этого трекера мы добавим следующие поля формы:

  1. ID пользователя — он будет автоматически заполняться плагином у зарегистрированных пользователей, чтобы пользователи могли видеть свою собственную производительность.
  2. Дата — пользователи смогут ввести дату, когда они измерили свой вес.
  3. Число — мы переименуем это поле в «Вес» и попросим пользователей ввести свой вес.

add form fieldsПосле добавления полей вы можете просто кликнуть поле, чтобы изменить его свойства.

Например, мы отредактировали числовое поле, изменив его метку на «Вес», и предоставили инструкции в опции описания.

edit form fieldКогда вы закончите редактирование формы, нажмите кнопку Update, чтобы сохранить форму.

update formДобавление фитнес-трекера в запись или страницу

Затем вам нужно будет добавить форму фитнес-трекера на свой сайт.

Если вы используете MemberPress, вы можете просто отредактировать страницу учетной записи. Вы также можете создать новую страницу и ограничить ее доступом только для членов. Таким образом, пользователям необходимо будет войти в систему, чтобы ввести данные о своей физической форме.

На экране редактирования страницы просто добавьте блок Formidable Forms на свою страницу и выберите свой фитнес-трекер в раскрывающемся меню.

formidable form block

Formidable Forms теперь будет отображать предварительный просмотр вашей формы в редакторе страниц. Вы можете продолжить и сохранить изменения.

Теперь вы можете войти в систему с фиктивной новой учетной записью пользователя и заполнить несколько тестовых записей.

fitness tracker formОтображение данных фитнес-трекера в WordPress

Formidable Forms позволяет очень легко отображать данные, собранные вашими формами, на вашем сайте.

Вы можете выбрать, какие именно поля вы хотите отображать и отображать данные в виде графиков и диаграмм.

Просто отредактируйте сообщение или страницу, где вы хотите отобразить данные формы. Очевидно, что если вы используете MemberPress, то вы хотите ограничить эту страницу, чтобы только вошедшие в систему пользователи могли просматривать свои собственные данные о фитнесе.

Далее вам нужно будет добавить шорткод на вашу страницу в следующем формате:

[frm-graph fields="22" y_title="Weight" x_axis="21" x_title="Date" type="line" title="Weight tracking" user_id="current" data_type="average"]

Этот шорткод имеет следующие параметры:

  • Fields — ID поля, из которого вы хотите отображать данные (в данном случае — поле веса).
  • y_title — заголовок оси Y. В этом случае мы будем использовать вес.
  • x_axis — идентификатор поля, которое вы хотите использовать в x_axis. В данном случае поле даты.
  • x_title — Заголовок для x_axis. В этом случае мы будем использовать Date.
  • user_id — «Текущий», чтобы только авторизованные пользователи могли просматривать свои данные.

Вы можете найти ID поля, просто отредактировав форму фитнес-трекера. Вы увидите ID для каждого поля в предварительном просмотре формы.

finding field idПосле добавления шорткода не забудьте сохранить изменения.

Затем вам нужно войти в систему с фиктивной учетной записью пользователя, которую вы использовали ранее, чтобы добавить тестовые записи, и посетить только что созданную страницу.

Вот как это выглядит:

results chartСоздание дополнительных инструментов фитнес-трекера

Formidable Forms — самый продвинутый конструктор инструментов для WordPress.

Помимо формы отслеживания потери веса, вы также можете использовать ее для создания нескольких других типов онлайн-калькуляторов и инструментов для фитнеса.

Он даже поставляется со встроенными шаблонами для калькулятора ИМТ и калькулятора ежедневного потребления калорий.

fitness calculator templatesМы надеемся, что эта статья помогла вам научиться легко добавлять фитнес-трекер в WordPress.

Читайте другие наши статьи и обращайтесь ко мне лично, если вам нужно создать свой собственный сайт.

Можно еще почитать:

Как перевести ваш магазин WooCommerce

Вы когда-нибудь задумывались о переводе вашего магазина WooCommerce на другие языки? Часто начинающие владельцы интернет-магазинов…

Что такое отслеживающие файлы cookie и как их заблокировать в вашем браузере

Мы часто слышим о файлах под названием cookie и о том, как они отслеживают нашу…

Как добавить Google Translate в WordPress

Исследования показывают, что интернет-пользователи предпочитают просматривать и делать покупки на своем родном языке, поэтому добавление…

Как вставить видео из TikTok в WordPress

Хотите легко вставить видео из TikTok на свой сайт WordPress? По умолчанию WordPress упрощает встраивание…

Лучшие плагины для аукционов для WordPress

Онлайн-аукцион – заманчивый способ получить внушительную прибыль. Однако из-за успеха ведущих аукционных сайтов, таких как…

6 SEO мифов об Alt-тегах

Alt-теги часто применяются для оптимизации поисковых систем. Но есть большая путаница вокруг важности оптимизации alt-тегов.…

Настройка Google Adwords в игровой тематике на Европу

Осенью 2017 года у меня был клиент – фирма, продающая платные услуги по World of…

Руководство по использованию Google Ads Keyword Planner

Инструмент исследования ключевых слов очень важен для сбора идей по ключевым словам. На рынке доступно…