LINE公式アカウントでタブ付きリッチメニューを無料作成する方法

LINE公式アカウント
LINE公式アカウント

LINE公式アカウントだけでは、通常はリッチメニューのタブ分け表示を設定することはできません。

しかし、拡張ツールを利用すれば、LINE公式アカウントでも簡単にタブ分けされたリッチメニューの導入が可能です。

トークルームに表示されるリッチメニューをタブで分けることにより、より多くのメニューを表示させたり、カテゴリー別にメニューを表示させたりできるので、いつものリッチメニューが見やすくなります。

この記事では、LINE公式アカウントのリッチメニューをタブ分けする方法について、画像付きで解説します。

この記事でわかること
  • 無料でタブ付きリッチメニューを実現する方法
  • タブ付きリッチメニューの具体的な設定手順
  • 業種別の具体的な導入事例と活用イメージ
  • 設定ミスや表示トラブルの解決策
  1. この記事を監修した人
  2. LINE公式アカウントのタブ付きリッチメニューは無料で作成できる
    1. タブ付きリッチメニューに対応する拡張ツールが必要
    2. エルメなら無料でもタブ付きリッチメニューが作れる
    3. LINE公式アカウントと拡張ツールの違い
  3. LINE公式アカウントのタブ付きリッチメニューの作り方
    1. 1.タブの枚数分のリッチメニューデザインを用意する
    2. 2.タブの設定を行う
    3. 3.リッチメニューの内容を設定
    4. 4.タブの枚数分のデザインを作成し保存する
    5. 5.タブ付きリッチメニューを設定する
  4. タブ付きリッチメニューの活用事例
    1. 飲食店の活用例
    2. 美容室の活用例
    3. スクール・講座の活用例
  5. LINEリッチメニューのタブ設定でよくある失敗
    1. タブ切り替えができない原因
      1. タップ領域のアクション設定ミス
      2. 戻る設定(相互リンク)の忘れ
    2. リッチメニューが表示されない原因
      1. 反映のタイムラグ
      2. 表示期間の設定ミス
      3. 優先順位の影響
    3. デザインサイズが合わない原因
      1. 推奨ピクセルサイズの不一致
      2. 画像容量のオーバー
  6. LINE公式アカウントのタブ付きリッチメニューに関するQ&A
    1. Q.リッチメニューをユーザーごとに出し分けることはできる?
    2. Q.リッチメニューのデザインをスマホで作る方法は?
    3. Q.タブ付きリッチメニューは無料で設定できる?
  7. まとめ|LINE公式アカウントのタブ付きリッチメニューは簡単に作れる

この記事を監修した人

阿部 悠人

阿部 悠人

LINE集客の専門家

広告費を一切使わない無料集客で1万人以上の公式LINEの友だちを集め、プロモーションでは1カ月で3億円以上の売上を叩き出す。100社以上の中小企業へLINEの導入支援を行い、業務効率化や収益改善の実績を持つ。

エルメ友だち追加で3大特典プレゼント中
  • 運用の参考になる
    【優良アカウント100選 】

  • 自動的に集まる
    【 “ズルい”集客法 】

  • 診断結果に合わせた
    【㊙️シークレット特典】

LINE公式アカウントのタブ付きリッチメニューは無料で作成できる

LINE公式アカウントの利便性を飛躍的に高めるタブ付きリッチメニューですが、実は無料で導入することが可能です。

ただし、無料導入を実現するにはいくつかのポイントがあります。

タブ付きリッチメニューに対応する拡張ツールが必要

冒頭でもお伝えした通り、LINE公式アカウントの標準機能だけではタブ付きリッチメニューを作成できません。

LINE公式アカウントの標準機能で設定できるのは、1枚のリッチメニューを表示させるのみです。

LINEのMessaging API(外部システムとLINEを連携する仕組み)を用いてプログラムすることで複数のメニューを切り替える「タブ分け表示」は可能ですが、高度なプログラミングの知識が必要なため、開発者向けです。

しかし、拡張ツールを利用すれば、プログラミングの知識がなくても、管理画面の簡単な設定操作だけでタブ付きリッチメニューを作成・運用できます。

タブ付きリッチメニューを実現するためには、LINE公式アカウントと連携して機能を追加できる、拡張ツールの利用が必須と言えるでしょう。

エルメなら無料でもタブ付きリッチメニューが作れる

拡張ツールは通常、月額料金がかかるものが一般的です。

しかし、中にはさまざまな機能を無料で利用できる「無料プラン」を提供しているツールも存在します。

LINE公式アカウントの拡張ツール「L Message(エルメ)」は、タブ付きリッチメニューも無料プラン内で作成・設定が可能です。

エルメの無料プランは2つまでリッチメニューを作成できるので、2つのタブを持つリッチメニューを導入・運用できます。

LINE公式アカウントと拡張ツールの違い

拡張ツールは、LINE公式アカウントのシンプルな機能を、マーケティングや業務効率化に役立つようにカスタマイズし、自動化するためのツールです。

LINE公式アカウントと拡張ツールのリッチメニューに対してできることをエルメを例に整理してみます。

項目LINE公式アカウント(標準機能)拡張ツール連携時(例:エルメ)
リッチメニュー1枚のみ設定可複数枚切り替え可
タブ付きリッチメニュー不可可能
デザイン作成外部ツール使用ツール内でも作成可
利用料金無料〜各種有料プランあり無料プランあり

拡張ツールは、現在あらゆる企業から提供されており、無料で使えるものから有料のものまで、費用もさまざまです。

また利用できる機能も、ツールによって大きく異なります。

基本的なLINE公式アカウントの標準機能と拡張ツール連携時の違いをさらに知りたい方は、以下の記事を参考にしてください。

LINE公式アカウントのタブ付きリッチメニューの作り方

早速ですが、LINE公式アカウントのタブ付きリッチメニューの作り方をご紹介します。

今回は、先ほどご紹介した拡張ツールの「L Message(エルメ)」を使用して作成します。

エルメでは、すべての機能の操作方法を画像付きでまとめたマニュアルがあるため、初心者でもすぐに操作に慣れていただけるはずです。

L Message(エルメ)のリッチメニュー画像作成 操作マニュアル
リッチメニュー画像作成機能とはリッチメニュー画像作成機能とは、エルメやLINE公式アカウントで使用するリッチメニュー画像を作成できる機能です。リッチメニューは、お客さんに対して伝えたいことを分かりやすく、高い訴求率で伝えることが出来るとても...

1.タブの枚数分のリッチメニューデザインを用意する

まずはタブの枚数分のリッチメニューデザインを用意します。たとえば2つのタブに分けたい場合は、2枚のリッチメニューの画像が必要です。

今回使用するエルメでは、画像を用意しなくてもツール内で簡単に作成できます。

よりデザインにこだわる場合は、Canvaなどの画像作成サイトを利用するのが良いでしょう。

エルメの機能でリッチメニューの画像を作成する場合は、このまま次の手順でリッチメニューの画像作成へと進みます。

なお、Canvaを使用したリッチメニュー画像の作成方法は以下の記事で解説しています。自分で画像を作りたい方は参考にしてみてください。

CanvaでLINE公式アカウントのリッチメニューを作成・設定する方法
デザイン作成ツール「Canva(キャンバ)」なら、豊富な無料テンプレートから公式LINEのリッチメニューを簡単に作成可能。この記事ではPCとスマホそれぞれでのメニュー画像の作り方や推奨サイズ、設定方法を丁寧に解説します。

2.タブの設定を行う

はじめに、エルメのメニュー画面左にある「顧客対応」より「リッチメニュー画像作成」を選択します。

「新規作成」をクリックしたあと、自身で管理する用の管理名と保存するフォルダを選択。

画面を下にスクロールし、タブを「利用する」にチェックを入れてタブの設定を行います。

こちらでは、タブの枚数やタブのカラーなどの大まかなデザインを決めることが可能です。すべての設定が完了したら、画面下部の「決定」をクリックします。

3.リッチメニューの内容を設定

タブの大枠ができましたので、リッチメニューの内容を設定していきましょう。

タブ部分のテキストを決めます。先ほどのタブ設定の項目から少し上にスクロールしましょう。

メニューのカテゴリーをイメージしてみてください。たとえば「予約」タブと「商品情報」タブに分けたり、「予約・確認」タブと「コラム」タブと「問い合わせ」タブに分けたりなど、メニューのカテゴリー名をタブ部分に記載すると分かりやすいです。

次にレイアウト選択の「選択」をクリックし、タップ領域のレイアウトを決定します。

今回はメニューが4分割されたレイアウトを選択しました。メニューボタンのテキストも設定しましょう。メインテキストとサブテキストは、たとえばメインテキストが「お問い合わせ」の場合、サブテキストには「お問い合わせはこちら」などと簡単に補足します。

エルメでは、リッチメニューのアイコンもツール内で用意できます。自分で用意したアイコンをアップロードすることも可能です。

また、全体背景をシンプルなカラーにしたり、あらかじめ用意した画像に設定したりできます。そのほかにも、メニューひとつひとつの背景を個別に設定するなど細かな設定もできるので、お好みにあわせてお試しください。

設定が完了したら画面下部の「保存」をクリックします。

4.タブの枚数分のデザインを作成し保存する

ここまでのステップで、タブ付きリッチメニューのうち1枚目の画像作成が完了しました。

同じ手順で2枚目のリッチメニュー画像を作成しましょう。

2枚目のリッチメニュー画像を作成する際は、先に作成した1枚目のリッチメニュー画像を「コピー」して進めると、余分な手間が省けて楽に2枚目の画像を作成できます。

2枚目の画像作成では、タブ設定で「メインタブ選択」の「B」にチェックを入れて作成していきましょう。

5.タブ付きリッチメニューを設定する

エルメで作成したリッチメニューデザインを使用し、タブ付きリッチメニューを設定します。

エルメのメニュー「顧客対応」から「リッチメニュー」を選択。

「新規作成」をクリックします。

「クリックまたはファイルをドラッグ&ドロップ」より、先ほど作成した1枚目のリッチメニュー画像をアップロードしましょう。

STEP②のタップエリアの選択では、「手動編集」を選択します。

「+タップエリアを追加」をクリックすると、自由に範囲選択できる画面へ遷移します。

画像のボタン部分にドラッグでタップできるエリアを設定してください。

この時、リッチメニューを切り替えるタブの部分(画像では「1」の部分)も範囲選択します。

エリアをすべて範囲選択できたら、「保存してTOPに戻る」をクリックしましょう。

各エリアのアクション設定(ボタンを押した時の動作設定)は、2枚目のリッチメニューを作成してから行います。

ここまでがタブ1枚目の設定です。

同じ手順で「新規作成」から2枚目のリッチメニューの設定も同様に行います。

2枚目のリッチメニューをアップロードします。

2枚目のリッチメニューも、リッチメニューを切り替えるタブの部分(画像では「1」の部分)を忘れずに範囲選択してください。

エリアのアクション設定の「リッチメニューの切り替え」を選択すると、先ほど作成した1枚目のリッチメニューを選べるようになっています。

2枚目のリッチメニューの全ボタン部分のアクション設定が完了したら、リッチメニュー一覧の画面で再度1枚目のタブを選択して同様に設定を済ませてください。

これでタブ付きリッチメニューの作成は完了です。

タブ付きリッチメニューの活用事例

タブ付きリッチメニューは、業種に合わせて情報を整理することで、その効果を最大限に発揮します。

ここでは、代表的な3つの業界における具体的な活用例を紹介します。

飲食店の活用例

飲食店では「今すぐ予約したい人」と「お得な情報を探している人」でタブを分けるのが効果的です。

タブA(メイン): 予約ボタン、本日のランチ、店舗地図など
タブB(お得・再来店) 友だち限定クーポン、ショップカード、公式SNSへのリンクなど

このように分けることで、新規客の予約導線を邪魔することなく、既存客へのリピート施策を盛り込めます。

美容室の活用例

美容室やサロンでは、スタッフの指名予約やスタイルカタログへの誘導にタブを活用します。

タブA(予約): 24時間予約、空き状況確認、メニュー料金表など
タブB(スタイル): ヘアカタログ(Instagram連携)、スタッフ紹介、ヘアケア商品販売など

視覚的な情報(カタログ)と実務的な情報(予約)を切り離すことで、ユーザーが迷わず目的のボタンをタップできるようになります。

スクール・講座の活用例

学習塾やオンラインスクールでは、資料請求や問い合わせへの心理的ハードルを下げる工夫が求められます。

タブA(検討中): 資料請求、受講生の声、無料体験の申し込みなど
タブB(受講生向け): 講義スケジュール、マイページログイン、よくある質問など

検討段階に合わせた情報整理により、離脱を防ぎながら成約へと導く流れが構築可能です。

LINEリッチメニューのタブ設定でよくある失敗

「設定したはずなのに動かない」というトラブルは、初心者がつまづきやすいポイントです。

以下の原因を確認しておきましょう。

タブ切り替えができない原因

もっとも多い原因は、ボタン領域に対する「アクション設定」のミスです。

タップ領域のアクション設定ミス

もっとも多い原因は、タブ部分のタップ領域に「リッチメニュー切替」のアクションが正しく紐づいていないケースです。設定が空欄になっていないか再確認してください。

戻る設定(相互リンク)の忘れ

AタブからBタブへの切り替えはできても、BタブからAタブへ戻る設定を忘れる失敗も考えられます。

設定後は必ず自分のスマートフォンから、すべてのタブが正しく行き来できるかテストを行いましょう。

リッチメニューが表示されない原因

設定自体に不備がなくても、以下の理由で表示されないケースが多々あります。

反映のタイムラグ

設定完了から反映までには、数分程度の時間差が生じる場合があります。

一度トーク画面を閉じたり、LINEアプリを再起動したりして最新の状態を読み込ませてください。

表示期間の設定ミス

掲載期間が過去の日付になっていたり、開始時刻前だったりしないか確認が必要です。

優先順位の影響

複数のリッチメニューを設定している場合、表示の優先順位(ターゲット設定など)によって意図しないメニューが優先されている可能性があります。

デザインサイズが合わない原因

「画像がぼやける」「ボタンの位置がズレる」といった問題は、画像の推奨サイズを守ることで解決します。

推奨ピクセルサイズの不一致

大サイズ(2500px × 1686px)または小サイズ(2500px × 843px)の規定を守ることが重要です。

異なるサイズで作成すると、強制リサイズにより文字がぼやけたりボタン位置がズレたりします。

画像容量のオーバー

画像は1MB以下に抑えるのがルールですが、エルメ利用時に鮮明さを保つなら500KB程度が理想です。

高画質すぎると読み込みエラーの原因になるため、適切な圧縮を心がけましょう。

LINE公式アカウントのタブ付きリッチメニューに関するQ&A

今回はLINE公式アカウントのタブ付きリッチメニューに関して、以下3つのよくある疑問と回答をまとめました。

  • リッチメニューをユーザーごとに出し分けることはできる?
  • リッチメニューのデザインをスマホで作る方法は?
  • タブ付きリッチメニューは無料で設定できる?

気になる項目があれば参考にしてみてください。

Q.リッチメニューをユーザーごとに出し分けることはできる?

A. 拡張ツールの利用により、ユーザーごとに表示させるリッチメニューを出し分けられます。

たとえばエルメでは、「新規顧客用メニュー」「リピーター用メニュー」「会員用メニュー」「非会員用メニュー」など自由に設定し、条件に応じて出し分けることも可能です。

Q.リッチメニューのデザインをスマホで作る方法は?

A. スマホ対応の画像作成アプリを使用すれば、スマホでもリッチメニューのデザインを作成できます。

Canvaであれば、スマホアプリを使用して画像を作成できます。パソコン版と同様にテンプレートを使用してリッチメニューが作成できるため、一から作成するよりも簡単です。

ただし、スマホなのでどうしても操作性はパソコンに劣ります。

Q.タブ付きリッチメニューは無料で設定できる?

A. 無料で使える拡張ツールを利用すれば、無料でタブ付きリッチメニューを設定できます。

たとえばエルメなら2つまでのリッチメニューを無料プランで作成することが可能です。

ツールによっては有料機能であることも珍しくないので、事前にプランと使える機能は確認しておきましょう。

まとめ|LINE公式アカウントのタブ付きリッチメニューは簡単に作れる

LINE公式アカウントの「顔」とも言えるリッチメニューを、無料でタブ付きにする方法を解説しました。

この記事のまとめ
  • タブ機能の導入には標準機能ではなく外部連携が不可欠
  • 専門知識が不要で開発コストもかからない、拡張ツールの活用が最短ルート
  • 無料プランを提供する拡張ツールを選べばコストゼロで実現できる
  • 自社の業種に合わせた項目整理によって成約率や回遊率の向上が期待できる
  • タブ設定でよくある失敗は、簡単な設定ミスや表示不備のチェックによって回避可能

リッチメニューは、ユーザーを目的の行動へ誘導するための重要なツールです。

タブでメニューをカテゴリー分けすることで、表示メニュー数が大幅アップし、ユーザーが見たい情報や目的にすぐアクセスできるようになります。

LINE公式アカウントだけでは、タブ付きリッチメニューの作成はできませんが、拡張ツールを導入することで簡単にタブ付きリッチメニューの作成と設定が可能です

タブの枚数分のリッチメニューデザインを用意し、拡張ツールの専用機能を利用してタブの切り替えができるように設定しましょう。

LINE公式アカウントの拡張ツール「L Message(エルメ)」なら、無料プランでも2つまでリッチメニューを作成できるため、2タブのリッチメニューが無料で作成可能です。

また、エルメでは、この他にも以下のような運用を効率化する機能が利用できます。

  • 予約受付をLINE上で自動化する機能
  • アンケートや問診などに幅広く使えるフォームを作成する機能
  • 友だち一人ひとりの行動を分析する機能(性別や年齢ごとの反応率など)

これらの機能も無料で使えるため、ぜひこの機会に詳細をチェックしてみてください。

エルメ友だち追加で3大特典プレゼント中!