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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Затем укажите имя и описание формы и нажмите кнопку «Создать».

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Просто отредактируйте сообщение или страницу, где вы хотите отобразить данные формы. Очевидно, что если вы используете 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"]

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

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

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

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

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

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

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

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

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

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

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

Если вам понравилась эта статья, подпишитесь на наш канал YouTube для видеоуроков по WordPress. Вы также можете найти нас в Twitter и Facebook.

Сообщение «Как создать фитнес-трекер в WordPress (с диаграммами)» впервые появилось на WPBeginner.