メインコンテンツにスキップ

Shopifyアプリをインストールする

Intercom Messengerをショップにインストールし、Shopifyデータを表示し、Intercomから顧客の注文を管理します

対応者：Eric Fitzgerald

Shopifyアプリは自動的にIntercom Messengerをストアにインストールします。また、「Order Status」メッセンジャーアプリを提供し、顧客がメッセンジャーから直接注文状況を確認できるようにします。会話を開始する必要はありません。

最近、Intercom Messengerのインストールにいくつか変更を加えました。メッセンジャーがショップで正常に動作するように、このEnable Intercom Messenger on your shopセクションを参照して移行を完了してください。

Shopifyアプリをインストールすると、以下が可能になります：

  • IntercomのJavascriptスニペットをストアに追加し、Messengerの読み込みを有効にします。

  • ShopifyからIntercomへレコードをインポートします。

  • 顧客がMessengerでメールアドレスまたは注文番号を入力して注文状況を確認できるようにします。

  • Shopifyの顧客データをIntercomと同期し、ストア内でのusersの行動をIntercomのイベントとして追跡し、行動に基づいたターゲットメッセージを送信できます。

  • Fin AI Agentに注文状況や請求先住所などの顧客注文詳細へのアクセスを許可し、問い合わせを自動的に解決します。

Shopifyアプリは無料の限定トライアルです。トライアル終了後にこのアプリを使い続けるには、有料のShopifyアカウントを作成する必要があります。アプリはIntercomのEssential、Advanced、Expertプランで利用可能です。

注意：Intercomワークスペースを複数のShopifyストアに接続したい場合、追加のストアはこちらに記載の方法でIntercomをインストールする必要があります。統合なしのインストールではShopify統合のInboxアプリやMessengerアプリにアクセスできません。

必要なもの

  • Shopifyアカウント。

  • 「アプリとチャネルの管理とインストール」権限がある既存のShopifyショップ。

Shopifyアプリをインストールする

  1. IntercomのApp StoreでShopifyを見つけて、今すぐインストールをクリックします。

  2. 設定タブでConnect Shopify Storeをクリックします。

  3. インストールを完了するためにShopify App Storeにリダイレクトされます。Shopify App Storeページでインストールをクリックしてください。

  4. Intercomに戻り、ShopifyがIntercom Workspaceにアクセスすることを許可します。Authorize accessをクリックしてください。

注意：設定ページに接続されたストアが表示されます。別のストアを追加するには、+ Add Shopify storeをクリックします。複数のShopifyストア接続についてはこちらを参照してください。

ショップでIntercom Messengerを有効にする

Shopifyストアが正常に接続されたら、Intercom Messengerをストアに表示して顧客があなたやFin AI Agentに連絡できるようにします。

  1. Shopifyで、Sales channel > Online Store に移動し、「テーマを編集」します。

2. 「App embeds」内で「Intercom Messenger」アプリを見つけてトグルを有効にします。次に保存をクリックします。

これでIntercom Messengerが表示されるはずです！

Shopifyアプリは、Messengerでサポートしている言語に自動的にローカライズされます。🎉

users向けにMessengerを有効にする

デフォルトでは、メッセンジャーはショップのVisitorsにのみ有効です。ログイン済み顧客にもメッセンジャーを有効にしたい場合は、以下の手順に従ってください。

  1. Channels > Messenger > Installに移動します。

  2. インストールタブのChoose how to install the messengerセクションでShopifyを選択します。

  3. ステップ2で「ログイン済みusers向け」を選択し、Enable connection to messenger設定をオンにします。

  4. Check installationをクリックしてインストールが成功したことを確認します。確認後、「完了」を選択します。

  5. ページを更新し、設定が正しく保存されていることを確認してください。

  6. ストアフロントにログインし、メッセンジャーがログイン済みusers向けに正しくインストールされていることを確認します。

​

MessengerホームにShopifyアプリを追加する

Messenger設定の「Add Messenger home apps」セクションに移動し、‘+ Add an app’をクリックしてShopifyを選択します。

会話でShopifyアプリを送信する

ワークフローでShopifyアプリを送信して顧客の質問を振り分け、自動的に支援します。注文状況について問い合わせがあった場合、Inboxから直接Shopifyアプリを送信できます。会話メッセージ作成画面のShopifyアイコンをクリックしてください。

これにより返信にアプリが含まれ、送信をクリックするだけで完了します。

InboxからShopify注文を管理する

ShopifyがInboxサイドバーに追加されると、Inboxを離れずに顧客のShopifyデータや最近の注文状況を確認できます。Shopifyアプリのサイドバーには顧客情報と最近の注文履歴が表示され、注文情報を別の場所でクリックすることなく迅速に問い合わせに対応できます。

顧客と注文データを表示する

Intercomの顧客がShopifyの顧客（メールまたはUser IDで）と一致すると、そのプロフィールと注文が自動的に表示されます。電話番号、累計支出、最終注文日などの詳細情報を見るには、顧客名をクリックしてください。完全な顧客記録を見るには、View customer in Shopifyをクリックします。注文をクリックすると、現在の状況や購入商品の詳細な概要が表示されます。

  • マルチストアビュー：複数のストアを接続している場合、サイドバー上部のドロップダウンメニューでストアを切り替えられます。サイドバーは顧客が問い合わせた時に閲覧していたストアをデフォルトで表示します。

  • 注文詳細：任意の注文をクリックすると、支払い状況、配送状況、追跡番号、商品明細を確認できます。

注文概要には以下が表示されます：

  • 注文番号

  • 注文ID

  • 支払い状況

  • 履行状況

  • 注文日

  • 追跡番号＆リンク

  • 商品詳細
    — 商品名
    — 価格
    — 数量
    — SKUコード

  • 小計

  • 送料

  • 税金

  • 合計金額

注文確認リンク — これはお客様が確認ページを見るためのリンクで、必要に応じて再送信できます。

配送先および請求先住所

お客様の配送先および請求先住所はShopifyからシームレスに同期され、Inboxで直接確認できます。既存の注文の配送先住所はIntercom Inboxから直接編集可能です。注文の編集アイコンを選択して配送先住所を更新してください。

注意: 新しい住所はShopifyの住所制限（例：選択した国に応じた郵便番号の記入）に準拠している必要があります。新規注文の配送先住所も設定可能です。

配送先住所を編集

既存の注文の配送先住所はIntercomから直接更新できます。

  1. サイドバーで注文詳細を開きます。

  2. 注文番号の横にある編集（鉛筆）アイコンをクリックします。

  3. 住所の詳細を更新します。

  4. 住所はShopifyのフォーマット検証（例：選択した国の有効な郵便番号）に準拠している必要があります。

  5. 変更を保存をクリックします。

InboxからIntercomで注文を作成

Intercom Inboxのサイドバーでは、新しいShopify注文を直接作成でき、お客様のShopifyデータや最近の注文状況に即座にアクセスできます。Shopifyの記録があるお客様とチャットすると、そのお客様のShopify情報と最近の注文が会話の横に自動表示され、必要な情報がInbox内で一元管理されます。

注文の返金処理

新しいShopify Inboxアプリ機能はサポートワークフローを効率化し、顧客の返金リクエストを迅速かつ簡単に処理できます。これにより時間を節約し、会話をスムーズに保てます。

Intercom Inboxから直接Shopify注文の全額返金を行う手順は以下の通りです。

  1. Inbox会話の右側サイドバーでShopify Inboxアプリを開きます。

  2. 返金したい注文の返金ボタンをクリックします。

  3. ポップアップウィンドウで返金の詳細を入力します。

    • 返金額は全額返金の場合、注文金額が自動入力されます。

    • 返金理由は返金の理由を記録できます。

    • 再入庫タイプでは、キャンセルまたは返品を選択できます。

    • フォローアップアクションでは、商品を再入庫および/または顧客に更新情報を通知を選択できます。

  4. 返金を処理をクリックします。

注意: Shopify Inboxアプリは現時点で全額返金のみ対応しています。部分返金はShopify管理画面で行ってください。

注文をキャンセルする

  1. 注文詳細を開きます。

  2. 返金/キャンセルアイコンをクリックします。

  3. 再入庫タイプをキャンセルに設定します。

  4. 適切なフォローアップアクションを選択し、返金を処理をクリックします。

注文を複製する

同じ商品をお客様のためにすばやく再注文するには:

  1. サイドバーで既存の注文を開きます。

  2. 注文を複製アイコンをクリックします。

  3. これにより元のデータを使ってShopifyで新しい下書き注文が作成されます。その後、Shopifyで下書きを開いて最終確定できます。

ShopifyからIntercomで商品を検索する

お客様に商品についての詳細を共有するには、Shopify Inboxアプリの商品タブに切り替え、商品検索フィールドで商品を検索します。次に、目のアイコンにカーソルを合わせて商品リンクを開くかコピーします。

アプリの使い方

お客様に注文検索をさせる

ストアの訪問者はMessengerホームのShopifyアプリをクリックし、注文番号とメールアドレスで注文を検索できます:

すでにログインしている場合は、検索せずにすぐに注文が表示されます。👌

もしあなたのusersが注文をクリックすると、新しいページで最新のステータスが表示されます:

Shopifyの注文詳細ページを示す画像。

ログアウトした訪問者向け

訪問者がMessengerホームのShopifyアプリをクリックすると、注文詳細にアクセスする前にログインを促すメッセージが表示されます。

ShopifyがIntercomと同期する方法

Shopifyアプリがインストールされていると、あなたのIntercom usersは自動的にShopifyのデータで更新されます。このデータを使ってusersのフィルタリングやセグメント化、またはターゲットメッセージの送信が可能です。例えば、最も頻繁に利用するcustomersへの紹介コードや、注文をキャンセルした人への割引などです。

Intercomでの変更はShopifyのデータを変更することは決してありません。

Usersとleads

サイトのどこかでleadがメールアドレスを入力し、Shopifyによって現在のcustomerと識別されると、そのleadはIntercomでuserに変換されます。例えば、注文時にcustomerがメールアドレスを提供した場合などです。

ShopifyのcustomerがIntercomのuserとしてインポートされると、そのuserはShopify Customer IDにリンクされ、Shopifyの注文を識別します。

Shopify userは以下の属性でIntercomのuser/leadに変換されます:

Shopify属性

Intercom属性

備考

user_id

user_id

Shopifyにuser_idがない場合はidを使用します

name / first_name + " " + last_name / first_name / last_name

name

Shopifyに`name`がない場合、`first_name`と`last_name`の両方があればそれらを結合して使用します。どちらか一方だけあればそれを返します。

email

email

created_at

signed_up_at

id

shopify_id

accepts_marketing

shopify_accepts_marketing

orders_count

shopify_orders_count

total_spent

shopify_total_spent

note

shopify_note

255文字に切り詰められています

last_order_name

shopify_last_order_name

last_order_id

shopify_last_order_id

verified_email

shopify_verified_email

tax_exempt

shopify_tax_exempt

state

shopify_state

default_address

:address1 => "18 St Stephen Green", :address2 => "Dublin 2", :country => "Ireland", :country_code => "IE", :city => "Dublin", :province => "Muster", :province_code => 78, :zip => "2"

Shopify/Intercomの統合はmetadataをサポートしていません。

Shopifyイベント

Intercomはまた自動的にこれらのイベントをusers/leadsのために追跡します:

  • Shopifyのチェックアウトでは、「checkout-start」、「checkout-customer-infos-step」、「checkout-shipment-step」、「checkout-payment-step」イベントが発生します。

  • Shopifyで注文を作成および更新すると、Intercomで「order-create」、「order-paid」、「order-cancelled」、「order-partially-fulfilled」、「order-fulfilled」イベントが発生します。

注意：

  • Usersはアプリをインストールすると自動的にShopifyからインポートされます。IntercomからShopifyアプリを削除しても、Intercomのサブスクリプションには影響しません。

  • Shopifyの顧客は、メールアドレスではなくShopifyの顧客IDに基づいてリンクされます。

よくある質問

なぜShopifyのチェックアウトページでIntercom Messengerが表示されないのですか？

チェックアウトページでIntercom Messengerが表示されなくても心配いりません。チェックアウトプロセスは別のdomainで行われるため、ここにMessengerを挿入できません。Messengerはストアの他のすべてのページに表示されます。上記のチェックアウトイベントなど、訪問者や顧客の行動は引き続き追跡します。

リードの重複 - なぜこれが起こるのですか？

Messengerで作成されたリードとShopify webhookで作成されたリードは同一人物のはずですが、実際にはIntercomで異なっています。

Shopify連携でUsersが多すぎる場合はどうすればいいですか？

このようなことが起こる場合があります。解決策としては、インポートされた非アクティブなUsersを削除するのが最善です。

なぜ私のShopifyストアでIntercom Messengerが全く表示されないのですか？

ウィジェットは、サーバー側で名前やメールなどのユーザー情報にアクセスせずに取得できるようにするプロキシへのAJAXコール（https://myshop.myshopify.com/apps/intercom-proxy）によって読み込まれます。プロキシのURLはShopifyのダッシュボードで変更可能です。

このプロキシURLを変更すると、ウィジェットはストアに表示されなくなります。値をintercom-proxyに戻す必要があります。

私のストアは「まだオープンしていません」、なぜIntercom Messengerがストアページに表示されないのですか？

https://mystore.myshopify.com/apps/intercom-proxyはhttps://mystore.myshopify.com/passwordにリダイレクトされており、ウィジェット情報（app_id、email、name）の読み込みを妨げています。

Intercom App StoreからShopifyアプリをインストールしようとすると「このページは見つかりません」と表示されます。

この問題は通常、アプリがアンインストールされて再インストールされる際に発生します。Shopifyのクッキー処理に関連する問題で、現時点で対処できません。ブラウザのシークレットウィンドウを使って再インストールを試みてください。

ShopifyストアでIntercom Messengerをカスタマイズできますか？

現時点では、Shopifyアプリ経由でインストールされたMessengerに直接カスタマイズはできません。Messenger設定でカスタマイズは可能です。

関連記事
こちらの回答で解決しましたか？