基本操作・設定

基本操作・設定

ShopifyとLINE公式アカウントの連携方法・やり方を解説

  • 更新日:
  • StoreCRMとLINEを連携するには、次のように操作してください。
  • LINEと連携すると、顧客に適切なタイミングでLINEメッセージを配信することができます。
  • LINEメッセージを配信するタイミングは、シナリオで設定することができます。

関連ページ

StoreCRM(Shopify App Store)
StoreCRM for LINE | ShopifyとLINEの連携アプリ決定版
ShopifyのストアにLINEのID連携を行うアイコンを設置する方法
LINEログインでShopifyの会員登録やログインをできるようにする方法
集客に必需!メリット豊富なShopifyのLINE ID連携アプリ4選を比較
LINEで顧客管理する方法|おすすめCRMツール10選

動画を見て設定する

マニュアルを見て設定する

  • 次の3つを対応いただくことで、StoreCRMと連携できます。
    1. LINE公式アカウントの作成
    2. Messaging APIの作成と設定
    3. LINEログインチャネルの作成と設定

LINE公式アカウントの作成

LINE公式アカウントが既に用意してある場合については、この項目をスキップしていただいて問題ありません。LINE公式アカウントが未作成な場合については、LINE Business IDの登録をおこなってから、LINE公式アカウントを作成します。

Messaging APIの設定から行う場合は、LINE Official Account Managerより、該当のLINE公式アカウントを開いた状態としてください。

LINE Business IDの登録を行う

この項目では、LINE Business IDの登録を行うところまでを説明します。
既にLINE Business IDの登録が済んでいる場合はスキップして問題ありません。

1. LINE公式アカウントにアクセス→[LINE公式アカウントをはじめる]をクリックします。

2. [メールアドレスで登録]をクリックします。
  • ここではメールアドレスで登録する場合について説明します。LINEアカウントで登録する場合は、[LINEアカウントで登録]をクリックしてください。
  • すでにアカウントをお持ちの方は、手順4をご覧ください。
3. メールアドレスを入力→[登録用のリンクを送信]をクリックします。

登録用のリンクがメールアドレスに送信されますので、クリックして登録を完了させてください。

4. [アカウントをお持ちの方はログイン]をクリックします。

LINE公式アカウントを作成する

この項目では、LINE公式アカウントを作成し、LINE Official Account Managerのホーム画面へ移動するところまでを説明します。
既にLINE公式アカウントを保有している場合は、スキップして問題ありません。

1. お客様のストアの公式アカウントと入力してください。

ここでは例として、アカウント名に「StoreCRM公式アカウント」と入力します。

2. お客様のストアの業種を選択してください。

3. アカウントの運用目的を選択してください。

4. アカウントの主な使い方を選択してください。

5. ビジネスマネージャーの組織との接続方法を選択してください。

ビジネスマネージャーについては、こちらをご覧ください。

6. [確認]をクリックします。
7. [完了]をクリックします。
8. [あとで認証を行う]をクリックします。

アカウント認証を行う場合は、[アカウント認証をリクエストする]をクリックしてください。

line-account-12-1
9. [同意]をクリックします。
10. [同意]をクリックします。
11. [×]をクリックします。

ここで、LINE Official Account Managerのホーム画面まで移動しました。

Messaging APIを生成と設定

LINE Official Account Managerから、Messaging APIを生成する(Messaging APIを過去に1度も設定したことがない場合)

この項目では、LINE Official Account ManagerからMessaging APIを生成するところまでを説明します。
Messaging APIを利用するために、既に生成したことがある場合についてはこの項目をスキップしてください。

1. LINE Official Account Managerのホーム画面から、[設定]をクリックします。

2. [Messaging API]をクリックします。
3. [Messaging APIを利用する]をクリックします。
4.プロバイダーを選択する。

例として、「StoreCRM公式アカウント」というプロバイダーを新規で作成します。

5. [同意する]をクリックします。

6. [OK]をクリックします。

任意の入力となります。未入力でも次に進むことができます。

7. [OK]をクリックします。

8. Messaging APIが生成されたことを確認する

Messaging APIを設定する

ここでは、生成されたMessaging APIをStoreCRMへ設定するところまでを説明します。

1. LINE Official Account Managerより、設定したいLINE公式アカウントの[設定>Messaging API]からMessaging APIのChannel IDをコピーします。

2. StoreCRMのLINE Messaging APIの[LINEチャネルID]に貼り付けます。

3. Messaging APIのChannel secretをコピーします。

4. StoreCRMのLINE Messaging APIの[LINEチャネルシークレット]に貼り付けます。

5. StoreCRMのWebhook URLをコピーします。

6. LINEのWebhook URLに貼り付けて、[保存]をクリックします。

StoreCRMとLINEの連携が完了しました。

LINEログインチャネルの作成と設定

LINE DevelopersからLINEログインチャネルの作成をする(LINEログインチャネルを過去に作成したことがない場合)

LINEログインチャネルについては、Messaging APIと同一のプロバイダー内に作成する必要があります。
LINEログインチャネルが既に作成済みの場合はこの項目をスキップして問題ありません。

1. LINE Developersコンソールをクリックし、LINE Developersコンソールに移動します。(LINE Official Account Managerから移動する場合)

LINE Developersコンソールには、こちらからもアクセスすることが可能です。

2. LINE Developersコンソールで、Adminの中から該当のプロバイダー名をクリックします。(先程Messaging APIを作成した場合は、作成時と同一の名称のものを選択する)

3. [新規チャネルの作成]をクリックします。

4. [LINEログイン]をクリックします。

5. 会社・事業者の所在国・地域で、適切な国を選択します。

5. 先ほど設定したチャネル名と同じ名称にすることをおすすめします。

例として、「StoreCRM公式アカウント」と設定しました。

6. チャネル説明を設定します。

例として、「StoreCRMの公式アカウントです。」と設定しました。

7. アプリタイプで、[ウェブアプリ]にチェックを入れます。

8. [LINE開発者契約の内容に同意します]にチェックを入れます。

9. [作成]をクリックします。

LINEログインが作成できました。

LINEログインチャネルの設定をする

1. 右側のコピーボタンをクリックして、チャネルIDをコピーします。

2. StoreCRM→[設定]→[LINE設定]をクリックして、[LINEチャネルID]に、先ほどコピーしたIDを貼り付けます。

3. LINEログインの画面をスクロールします。チャンネルシークレットの右側のコピーボタンをクリックして、文字列をコピーします。

4. StoreCRMの[LINEチャネルシークレット]に、先ほどコピーした文字列を貼り付けます。

5. [コールバックURL]をコピーします。

6. LINEログインの[LINEログイン設定]をクリックします。

7. コールバックURL[編集]をクリックして、先ほどコピーしたものを貼り付けて、[更新]をクリックします。

8. [チャネル基本設定]をクリックします。

9. [友達追加オプション]→[リンクされたLINE公式アカウント]で、先ほど作成したアカウント名を選択、[更新]をクリックします。

この設定を有効にすることで、LINE連携を行ったタイミングでLINE公式アカウントの友だち追加を促すことができます。

10. [開発中]をクリックします。

11. [公開]をクリックします。

ShopifyストアのアカウントページにLINE登録ボタンを設置する

Shopifyストアのアカウントページに、LINE登録ボタンを設置できます。

StoreCRMの設定画面からボタンを設置する

1. [ShopifyストアとのLINE連携]にチェックを入れて、[保存]をクリックします。

2. ストアのアカウントページにLINE登録ボタンが設置できました。
  • [登録する]をクリックして、実際に登録できるかどうかテストすることをおすすめします。
  • エラーが出た場合は、LINEログインチャネルが[開発中]になっていることが考えられます。[公開済み]にしてから再度お試しください。

テーマの編集を行いボタンを設置する

1. [ShopifyストアとのLINE連携]にチェックを入れて、[保存]をクリックします。
2. テーマのコードを編集する。

アカウントページを表示するliquidファイルの中の任意の場所に「<div class=”storecrm-status-widget-target”></div>」を追加することで、自由な場所にボタンを設置することが可能です。

3. ボタンが設置されていることを確認する。

LINEチャネルアクセストークンの設定を行う

StoreCRMからLINEのメッセージを送信するためにはLINEチャネルアクセストークンの入力の必要はありませんが、リッチメニューを配信するためには、LINEチャネルアクセストークンが設定されていることも必要となります。

1. 左ナビゲーションのストア公式カウント→[チャネル設定]→[Messaging API]→[Messaging API設定]内の[チャネルアクセストークン]から、チャネルアクセストークンを生成します。
2. 生成したチャネルアクセストークンを、StoreCRMのLINE設定内の[LINEチャネルアクセストークン]へ貼り付けて[保存]をクリックします。

Shopify PlusでLINEログインを有効にする

LINEアカウントでShopifyストアにログインできるように設定します。Shopify Plusにご加入いただいているアカウントのみ有効です。詳細は下記のリンク先よりご確認ください。

関連ページ

TOP
jaJapanese