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

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を有効にする

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

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

  2. インストールタブのメッセンジャーのインストール方法を選択セクションでShopifyを選択します。

  3. ステップ2で「ログイン済みusers向け」を選択し、メッセンジャー接続を有効にする設定をオンにします。

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

  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で)と一致すると、そのプロフィールと注文が自動的に表示されます。電話番号、累計支出、最終注文日などの詳細情報を見るには、顧客名をクリックしてください。完全な顧客記録を見るには、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

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

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の統合はメタデータをサポートしていません。

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を削除するのが最善です。

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

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

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

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

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

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

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

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

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

こちらの回答で解決しましたか?