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

Вы хотите создать фитнес-трекер в WordPress? Многие компании и онлайн-сообщества, связанные с фитнесом и здоровьем, предлагают своим пользователям...

Вы хотите создать фитнес-трекер в WordPress?

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

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

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

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

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

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

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

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

  • Сайты тренажерных залов
  • Сайты о потере веса
  • Личный сайт фитнес-тренера
  • Сайт о диетологии или блог о еде
  • Сообщество по здоровью и фитнесу
  • Сообщества по образу жизни
  • и многое другое

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

Улучшение вовлеченности пользователей ведет к повышению конверсии и удержанию клиентов для вашего бизнеса.

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

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

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

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

Для более подробной информации смотрите наше пошаговое руководство о том, как создать сайт членства в WordPress.

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

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

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

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

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

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

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

Лицензионный ключ Formidable Forms

После этого вам необходимо посетить Formidable » Формы страницу.

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

Создайте новую форму отслеживания фитнеса

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

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

Выберите шаблон пустой формы

Далее укажите название и описание вашей формы и нажмите на кнопку Создать.

Это приведет к запуску конструктора Formidable Forms drag and drop builder. В левой колонке вы увидите список полей формы, которые вы можете добавить.

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

Интерфейс конструктора форм

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

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

Добавьте поля формы

  1. ID пользователя — Они будут автоматически заполняться Formidable Forms для пользователей, вошедших в систему, чтобы пользователи могли видеть свои собственные результаты.
  2. Дата — Пользователи смогут ввести дату, когда они измерили свой вес.
  3. Номер — Мы переименуем это поле в «Вес» и попросим пользователей ввести свой вес в фунтах или кг.

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

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

Отредактируйте поле формы

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

Сохраните свою форму

Добавление фитнес-трекера в пост или страницу WordPress

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

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

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

Блок Formidable Forms

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

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

Фитнес-трекер в реальном времени

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

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

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

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

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

[frm-graph fields="22" y_title="Вес" x_axis="21" x_title="Дата" type="line" title="Отслеживание веса" user_id="current" data_type="average"]

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

  • Поля — ID для поля, которое вы хотите использовать для отображения данных (в данном случае поле веса).
  • y_title — Заголовок для оси Y. В данном случае мы будем использовать вес.
  • ось x_axis — Идентификатор поля, которое вы хотите использовать на оси x_axis. В данном случае поле даты.
  • x_title — Заголовок для оси x_axis. В данном случае мы будем использовать Дата.
  • идентификатор пользователя — ‘Текущий’, чтобы только вошедшие в систему пользователи могли просматривать свои данные.

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

Поиск поля ID

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

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

Вот как это выглядело на нашем тестовом сайте:

Диаграмма данных фитнес-трекера

Создание дополнительных инструментов отслеживания фитнеса в WordPress

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

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

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

Шаблоны фитнес-калькуляторов

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

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий