WordPressでフィットネストラッカーを作成する方法(チャート付き)

健康・ウェルネス関連の多くのビジネスでは、ユーザー向けにフィットネストラッカーを提供しています。ジムや同様のビジネスを経営している場合、ウェブサイトにフィットネストラッカーを設置することで、ユーザーのエンゲージメントを維持し、ビジネスの成長を助けることができます。

ユーザーインタラクションを促進し、貴重なデータを収集して新しい洞察を得て、オーディエンスの間でコミュニティ意識を醸成することができます。

WPBeginnerでは、ユーザーのために様々な無料ビジネスツールを作成してきましたので、視聴者のニーズに応えるインタラクティブなツールを提供することの重要性を理解しています。

この記事では、WordPressでフィットネストラッカーを簡単に作成し、ウェブサイトのユーザーエンゲージメントを高める方法をご紹介します。

WordPressでフィットネストラッカーを作成する

フィットネストラッカーとは?

フィットネストラッカーとは、ユーザーが健康やフィットネスパフォーマンスのさまざまな側面を追跡するのに役立つオンラインツールです。

体重減少トラッカー、BMI計算機、食事プランナー、またはその他の種類のヘルスケアトラッカーである可能性があります。これらのオンラインツールは、オンザフライでさまざまな値を計算するノーコードWordPressプラグインを使用して作成できます。

WordPressサイトにフィットネストラッカーを追加すべき理由

健康・フィットネスビジネスやオンラインコミュニティ向けのWordPressウェブサイトを運営している場合、ウェブサイトにフィットネストラッカーを追加することは、ユーザーエンゲージメントを高める簡単な方法です。

これには次のようなウェブサイトが含まれます。

  • ジムのウェブサイト
  • ダイエットサイト
  • フィットネストレーナーの個人サイト
  • 栄養サイトまたはフードブログ
  • 健康とフィットネスのコミュニティ
  • ライフスタイルコミュニティ
  • その他

ユーザーに実際のフィットネスパフォーマンス追跡ツールを提供することで、ユーザーをサイトに長く滞在させることができます。

ユーザーエンゲージメントの向上は、ビジネスのコンバージョン率の向上と顧客維持率の向上につながります。

オンラインフィットネスコミュニティを構築する

健康・フィットネス関連のウェブサイトを収益化する最も簡単な方法の1つは、MemberPressを使用してメンバーシップサイトを作成することです。このプラグインは非常に使いやすく、オンラインコースやサブスクリプションを販売できます。

私たち自身も読者向けの無料コースを作成するためにこれを使用しており、気に入っています。詳細については、MemberPressのレビューをご覧ください。

さまざまな種類のフィットネスプランを作成したり、メンバー限定コンテンツをペイウォールの背後に隠したり、オンラインコースを作成したりできます。

ユーザーは、組み込みのフィットネストラッカーを使用して、パフォーマンスと進捗状況を時間の経過とともに測定できます。これにより、ウェブサイトでの滞在時間が長くなり、サブスクリプションの更新、アップセル、顧客維持率を向上させることができます。

詳細については、WordPressで会員制サイトを作成する方法に関するステップバイステップチュートリアルをご覧ください。

WordPressでオンラインフィットネストラッカーを作成する

WordPress でオンラインフィットネストラッカーを作成するには、Formidable Forms が必要です。これにより、ウェブサイト用の高度なフォームや計算機を作成できます。

さらに、MemberPress、WooCommerce、またはメールサービスプロバイダーなど、すでに使用している他のツールともうまく連携します。

このツールを推奨する前に徹底的にテストしたところ、ドラッグ&ドロップビルダーにより、コーディングなしでフィットネストラッキングフォームを非常に簡単に作成できることがわかりました。詳細については、Formidable Forms レビューをご覧ください。

まず、Formidable Forms プラグインをインストールして有効化する必要があります。詳細については、WordPress プラグインのインストール方法のステップバイステップガイドをご覧ください。

注意: このプラグインには、Formidable Lite という無料版がありますが、機能は限定されています。より多くの機能を利用するには、プレミアムバージョンが必要です。

有効化後、Formidable » グローバル設定ページにアクセスして、プラグインのライセンスキーを入力してください。この情報は、Formidable Formsのウェブサイトのあなたのアカウントの下にあります。

Formidable Forms ライセンスキー

その後、Formidable » Forms ページにアクセスする必要があります。

ここで、「新規追加」ボタンをクリックするだけで、フィットネストラッキングフォームを作成できます。

新しいフィットネストラッキングフォームを作成する

次に、フォームのテンプレートを選択するように求められます。

使用できるテンプレートはたくさんありますが、このチュートリアルでは、空白のフォームから始めます。

空白フォームテンプレートを選択

次に、フォームの名前と説明を入力し、「作成」ボタンをクリックします。

これにより、Formidable Formsのドラッグ&ドロップビルダーが起動します。左側の列には、追加できるフォームフィールドのリストが表示されます。

右側にはフォームのプレビューが表示されます。フォームは空白なので、プレビュー列にはフィールドがありません。

フォームビルダーインターフェース

それを変更して、減量フィットネストラッカーのフォームフィールドを追加しましょう。

このトラッカーでは、次のフォームフィールドを追加します。

  1. ユーザーID – ログイン中のユーザーは、自身のパフォーマンスを確認できるように、Formidable Forms によって自動的に入力されます。
  2. 日付 – ユーザーは体重を測定した日付を入力できるようになります。
  3. 数値 – このフィールド名を「体重」に変更し、ユーザーにポンドまたはキログラムで体重を入力するように求めます。
フォームフィールドを追加

フィールドを追加した後、フィールドをクリックするだけでプロパティを変更できます。

例えば、数値フィールドを編集してラベルを「体重」に変更し、説明オプションに指示を提供しました。

フォームフィールドを編集

フォームの編集が完了したら、「更新」ボタンをクリックしてフォームを保存してください。

フォームを保存

WordPressの投稿またはページにフィットネストラッカーを追加する

次に、フィットネストラッカーフォームをWordPressウェブサイトに追加します。

MemberPressを使用している場合は、「アカウント」ページを編集するだけで済みます。新しいページを作成して、メンバーのみに制限することもできます。これにより、ユーザーはフィットネスデータを入力するためにログインする必要があります。

ページ編集画面で、ページに「Formidable Forms」ブロックを追加し、ドロップダウンメニューから作成したフィットネストラッカーを選択するだけです。

Formidable Formsブロック

Formidable Form は、ページエディタでフォームのプレビューを表示するようになりました。変更を保存してください。

これで、ダミーの新規ユーザーアカウントでログインし、いくつかのテストエントリを入力できます。

ライブフィットネストラッカー

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"]

このショートコードには次のパラメータがあります。

  • フィールド – データを表示するために使用するフィールドのID(この場合は体重フィールド)。
  • y_title – Y軸のタイトル。この場合、体重を使用します。
  • x_axis – x_axisに使用するフィールドのID。この場合は日付フィールドです。
  • x_title – x_axisのタイトル。この場合は「日付」を使用します。
  • user_id – 「現在」として、ログインユーザーのみが自身のデータを表示できるようにします。

フィールドIDは、フィットネストラッカーフォームを編集するだけで見つけることができます。フォームプレビューで各フィールドのIDが表示されます。

フィールドIDの検索

ショートコードを追加したら、変更を保存することを忘れないでください。

次に、先ほど使用したダミーユーザーアカウントでログインし、作成したばかりのページにアクセスしてテストエントリを追加する必要があります。

テストウェブサイトでは、このようになりました。

フィットネストラッカーデータチャート

WordPressでフィットネストラッキングツールをさらに作成する

Formidable Formsは、WordPress向けの最も高度なツールビルダーです。

体重減少トラッキングフォーム以外にも、さまざまなオンラインフィットネス計算機やツールを作成するために使用できます。

範囲を表示するBMI計算機、1日の摂取カロリー計算機、エクササイズ記録フォームなどの組み込みテンプレートも用意されています。

Formidable Forms BMI計算機(範囲付き)

代替案: Formidable Formsは、クライアントやコミュニティメンバー向けの高度なフィットネストラッカーを構築するための完璧なソリューションです。ただし、一度限りの計算のためにシンプルなフィットネス計算機が必要なだけかもしれません。その場合は、代わりにWPFormsを使用することをお勧めします。

WPFormsは、市場で最もユーザーフレンドリーなフォームビルダーです。BMI、BMR、1日の摂取カロリー、体重増加、ウエスト・ヒップ比などのための、あらかじめ作成された計算機テンプレートが付属しています。リードを生成するための無料のオンラインフィットネス計算機を作成したい場合は、WPFormsが優れた選択肢です。

この記事では、WordPressにフィットネストラッカーを簡単に追加する方法を学んでいただけたことと思います。また、WordPressに最適な計算機プラグインや、VisualizerでWordPressに棒グラフや円グラフを作成する方法に関するガイドもご覧ください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

コメント

  1. おめでとうございます。この記事の最初のコメント者になる機会を得ました。
    質問や提案はありますか?コメントを残して、議論を開始してください。

返信を残す

コメントを残していただきありがとうございます。すべてのコメントは、当社のコメントポリシーに従ってモデレーションされますので、ご了承ください。メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。