CanvaをつかってLINEのリッチメニューを作成する方法

LINE経由の売上の約5割がリッチメニュー経由というケースもあるほど、リッチメニューは上手く活用することで売上増につながる施策の一つです。

しかし、実際にリッチメニューを作成しようとすると、コンテンツや配置、見た目の調整が難しく、リッチメニューの画像作成がハードルになってしまうこともあります。

そこで本記事では、Canvaを使ってノンデザイナーでも簡単にリッチメニューを作成する方法動画でわかりやすく紹介していきます!

  • テンプレート(無料)をコピーするだけで簡単にリッチメニューが作成できます
  • テンプレート内のアイコンリストは商用・個人用に関わらず自由に利用できます

ここからは、具体的にどのようにリッチメニューを作成していけば良いのか、順を追って解説していきます。

Canvaを使ってリッチメニューを作成する方法

本記事では、Canvaという無料のグラフィックデザインツールを使って作成していきます。

また、ソーシャルPLUSではどなたでも利用いただけるリッチメニューのテンプレート(無料)を配布しています。テンプレートをコピーの上、記事を参考に作業するだけで簡単に下記のようなリッチメニューを作成できます。是非お試しください。

ソーシャルPLUSのリッチメニューのテンプレート(Canva)
テンプレートを使用したリッチメニューのイメージ

Canvaのアカウントを作成する

Canvaログイン画面

まずは登録画面にてアカウントを作成します。
すでにアカウントをお持ちの方は、次のステップに進んでください。

ソーシャルPLUSのテンプレートをコピーする

ソーシャルPLUSでは、誰でもご利用いただける2種類のサイズのテンプレートをご用意しています。

本記事内の「テンプレートをコピーする」ボタンをクリックすると、Canvaの画面が開きます。「テンプレートの使用」ボタンをクリックしてCanvaにコピーを作成しましょう。

【テンプレート】大きいサイズ(1200px × 810px)

ソーシャルPLUSのリッチメニューテンプレート(Canva):大きいサイズ

コンテンツをたくさん表示できるテンプレートです。商品やキャンペーンの画像を使いたい場合や、コンテンツが多い場合におすすめです。

【テンプレート】小さいサイズ(1200px × 405px)

ソーシャルPLUSのリッチメニューテンプレート(Canva):小さいサイズ

リッチメニューをコンパクトに表示できるテンプレートです。メッセージを見切れずに表示させたい場合におすすめです。

※テンプレートおよびアイコンリストは、個人用・商用に関わらずリッチメニューの配信にご利用いただけます。
※テンプレートおよびアイコンリストの再配布、再利用はできません。(例: オリジナルのテンプレートとして配布する。テンプレートの一部を加工して販売する。)

画像を変更する

商品やキャンペーンの画像をコンテンツに使うと、視覚的に訴求できる情報量や魅力が増えます。ユーザーに特に見てほしい情報にはぜひ画像を活用しましょう。

Canvaの機能で画像のトリミングや加工もできます。

<動画で次の操作を説明します>

  1. 画像をアップロードする
  2. 画像をトリミングする
  3. 画像を加工する
  4. 【応用】Canvaの画像を利用する

アイコンを変更する

目立たせる必要のないコンテンツにはアイコンを使用しましょう。情報量に強弱をつけることで、重要な情報とその他の情報が区別しやすくなります。

<動画で次の操作を説明します>

  1. アイコンをコピペする
  2. アイコンのサイズを変更する
  3. アイコンの色を変更する
  4. 【応用】オリジナルのアイコンを使用する

テキストを変更する

お店やサイトで使用している言葉を使うと、ユーザー体験に統一感が生まれます。コンテンツの名前や画像の見出しを変更しましょう。

Canvaでは豊富な種類のフォントが用意されているので、お好みの雰囲気にカスタマイズできます。

<動画で次の操作を説明します>

  1. テキストを変更する
  2. テキストのサイズを変更する
  3. 【応用】フォントの種類を変更する

色やあしらいを調整する

お店やサイトと見た目の印象を揃えると、ブランドイメージに統一感が生まれます。背景色や装飾を変更しましょう。

<動画で次の操作を説明します>

  1. 背景色を変更する
  2. Canvaの装飾を追加する
  3. 【応用】背景に画像を敷く

その他. Canva公式のテンプレートのご紹介

Canva公式サイト:リッチメニューのテンプレート一覧

Canva公式のサイトにもリッチメニューのテンプレートがたくさん用意されています。お店やサイトの雰囲気に合うリッチメニューを探してみましょう。

Canva | LINEリッチメニューテンプレートでおしゃれなデザインを無料で作成!

デザイナー監修!リッチメニューデザインのポイント

画像を作成する方法はマスターしたけど、デザインの知識がないため、どんなコンテンツをどのように配置すべきかわからない…とお困りの方も多いかと思います。

以下の記事では、人の視線の動きや指の可動域などスマートフォンの扱い方をふまえて、ユーザーに利用してもらえるリッチメニューの配置やデザインについて紹介しています。

リッチメニューの設定方法

さて、リッチメニューの画像が出来上がったら、いよいよ設定のステップです。
画像をダウンロードして、各サービスでリッチメニューを設定しましょう。

リッチメニューをダウンロード

Canvaの右上の「共有」ボタンをクリックします。

「ダウンロード」メニューから該当のページを指定して、「ダウンロード」ボタンをクリックします。

リッチメニューを設定する

LINE Official Account Managerを使う

リッチメニューをすべての友だちに配信したい場合や、表示期間を指定したい場合は、LINE Official Account Managerから配信しましょう。

LINE Official Account Manager:コンテンツ設定画面
LINEのメッセージ配信ツール「LINE Official Account Manager」

リッチメニューのメリットや設定方法は、次の動画とマニュアルをご確認ください。

【動画でわかるLINE公式アカウント】リッチメニュー(Web版)

【マニュアル】リッチメニューを作成する

ソーシャルPLUSの配信ツールを使う

ソーシャルPLUSやShopifyアプリ「CRM PLUS on LINE」をご利用のお客様は、メッセージ配信ツール「メッセージマネージャー」がご利用いただけます。


リッチメニューをタブで切り替えられるようにしたい場合や、ユーザーを指定してセグメントごとに出し分けしたい場合は、「メッセージマネージャー」から配信しましょう。

ソーシャルPLUSのメッセージマネージャー画面
ソーシャルPLUSのメッセージ配信ツール「メッセージマネージャー」

タブ型リッチメニューと出し分け機能については、次の記事で紹介されています。

まとめ

リッチメニューを設定することで、訴求できる情報が増えるだけでなく、ユーザーの利便性向上にも繋がります。

リッチメニューはURLにパラメーターをつけることで効果測定が可能です。リッチメニュー設置後も、想定通り利用されているのか、どの領域がタップされやすいかなど検証を繰り返し、改善していきましょう。

GAを利用した効果測定の方法についてはこちらの記事に記載していますので、ぜひご活用ください。

株式会社ソーシャルPLUS デザインチーム
ソーシャルログイン・ID連携サービス「ソーシャルPLUS」及びLINE連携Shopifyアプリ「CRM PLUS on LINE」のデザインを担当。

LINE公式アカウントリッチメニュー
タイトルとURLをコピーしました