ガイドページが変更された際にサポートから通知を送信する

ページが変更された際にサポートから通知を送信する

ページをコピーする

Shopifyのページに変更があった際は、Workflow Trigger Extensions および Shopify Flow を使用して、Slackまたはメールでサポートチームにご連絡ください。

このワークフローが重要な理由

返品ポリシーが30日から14日に変更された場合、ストアフロントは直ちに更新されますが、サポートチームにはすぐにその旨をお知らせいただかない限り、以前の情報を基に回答し続ける可能性があります。

このワークフローにより、その課題が解決されます。Workflow Trigger Extensions、Shopify Flow、およびSlackのWebhookを活用することで、ポリシーページが更新された瞬間にサポートチームに通知することができます。

作成する内容

以下のものを作成していただきます:

  • 「Webhook から開始」で始まる Slack ワークフロー
  • text という名前のテキスト変数で、Shopify Flow からのメッセージを受け取ります
  • Workflow Trigger Extensions の「ページ更新」トリガーから開始する、Shopify Flowのワークフロー
  • page.handle が return-policy または監視対象とする別のページハンドルと一致するかどうかを確認する条件です
  • 更新されたページのタイトルとコンテンツをSlackのWebhookに送信するアラート処理です

始める前に

  • Workflow Trigger Extensions をインストールしました。
  • Shopify Flow をご利用いただけます。
  • アラートを送信したいSlackワークスペースでは、Slackワークフローをご利用いただけます。
  • 監視したいページハンドル(例:return-policy)は、すでにご存じのことと思います。

動画ガイド

この動画では、その一連の過程がすべて紹介されています。この動画は、アプリの旧バージョンで録画されたもので、トリガーのオンにする場所が異なります。その部分については、以下の「ステップ1」をご覧ください。

手順 1:ページ更新トリガーを有効にする

Workflow Trigger Extensionsの管理画面で「」を開き、「トリガー」に移動してください。検索フィールドに**「Page」と入力し、「ページ更新」**を有効にしてください。

アプリに「ブログとページ」へのアクセス権がまだない場合、Shopifyがその場でアクセス権を要求します。ダイアログで承認すると、トリガーが有効になります。このトリガーから始まるShopify Flowワークフローを有効にすると、トリガーも同時に有効になります。

「トリガー」ページで「ページ」を検索し、「ページの更新」がオンになっている状態
トリガー、「ページ」で検索:「ページの更新」をオンにします。

ステップ 2:Slack ワークフローを作成する

まずSlack側を設定し、Shopify Flow用のWebhook URLを用意しておきましょう。

Slackでワークフローを作成し、トリガーとして「**Webhookで開始」**を選択してください。

Webhookの設定で、**「text」**という名前の変数を作成してください。これは、SlackがShopify Flowから受け取る値となります。

「#サポートチームにメッセージを送信する」などのメッセージ送信ステップを追加してください。

Slackのメッセージ本文にテキスト変数を挿入し、Shopify Flow からのメッセージをそのままサポートチャンネルに投稿するようにしてください。

Slackのワークフローを保存して、WebhookのURLを利用できるようにしてください。

Webhookをトリガーとして起動し、サポートチャンネルにメッセージを送信するように設定されたSlackワークフロー
Webhookをトリガーとして起動し、サポートチャンネルにメッセージを送信するように設定されたSlackワークフロー

WebhookのURLをコピーしてください

SlackでWebhookの設定を開き、「WebリクエストURL」をコピーしてください。このURLをShopify Flowで利用します。

WebリクエストURLと「リンクをコピー」ボタンが表示されたSlackのWebhook設定画面
WebリクエストURLと「リンクをコピー」ボタンが表示されたSlackのWebhook設定画面

ステップ3:Shopify 内のページハンドルを確認してください。

条件を作成する前に、監視対象とするページの正確なハンドルを確認してください。

Shopifyの管理画面で、該当ページを開き、「検索エンジンの表示プレビュー」をご確認ください。返品ポリシーページの場合、URLはreturn-policyとなる場合があります。

Shopify 検索エンジンの検索結果に、ページハンドル「return-policy」を表示するページエディタ
Shopify 検索エンジンの検索結果に、ページハンドル「return-policy」を表示するページエディタ

ステップ4:Shopify Flowワークフローを作成する

それでは、Shopify Flowで自動化機能を作成しましょう。

Shopify Flow を開き、新しいワークフローを作成してください。

「ページを検索」を行い、「Workflow Trigger Extensions」から「ページの更新」を選択してください。

選択されると、ページが更新された時点でワークフローが開始されます。

Shopify Flow Workflow Trigger Extensions からの「ページ更新」トリガーを表示するトリガーピッカー
Shopify Flow Workflow Trigger Extensions からの「ページ更新」トリガーを表示するトリガーピッカー

手順 5:監視対象のページに対する条件を追加します

通常、ページの更新ごとにアラートを受け取りたいとは考えないでしょう。関心のあるポリシーページについてのみワークフローが実行されるよう、条件を追加してください。

「**ページ更新」**トリガーの後に、「**条件」**ステップを追加してください。

このフィールドを「**Handle」**または「page.handle」に設定してください。

ルールを**「等しい」**に設定してください。

return-policy、または監視したいページの正確なハンドルを入力してください。

Shopify Flow ページハンドルがreturn-policyと等しいかどうかを確認する条件
Shopify Flow ページハンドルがreturn-policyと等しいかどうかを確認する条件

ステップ6:ページの更新内容をSlackに送信する

条件の**「True」**分岐の後、更新の詳細をSlackのWebhookに送信してください。

お使いのShopifyプランに「HTTPリクエストの送信」機能が含まれている場合

Shopify Flow に標準搭載されている「**HTTPリクエストを送信」**アクションを追加し、コピーしておいた Slack の Webhook URL を使用してください。

ページの詳細情報をSlackのテキスト変数に渡すJSONボディを送信してください。

swift
{
  "body": {
    "text": "⚠️ Policy page updated\n\nPage title: {{ page.title }}\nPage handle: {{ page.handle }}\n\nUpdated content:\n{{ page.bodyHtml }}"
  }
}

「Basic」プランをご利用の場合 Shopify

ご利用のプランによっては、組み込みの**「HTTPリクエストを送信」**アクションが利用できない場合があります。その場合は、送信側のWebhookの代替手段として、の「Flow Transactional Email」()およびその「**HTTPリクエスト」**アクションをご利用ください。

関連するガイドでは、以下の実際のアプリ領域とラベルを使用しています:

  • HTTPリクエスト
  • リクエストを作成する
  • Shopify Flow 内の HTTP リクエスト
  • イベント履歴

設定手順の詳細については、ユーザーが言及したブログガイドをご覧ください:HTTPリクエストを送信する。

Slackでのメッセージの推奨形式

サポートチームがアラートを容易に確認できるよう、次のようなメッセージを送信してください:

swift
{
  "body": {
    "text": "⚠️ Policy page updated\n\nPage title: {{ page.title }}\nPage handle: {{ page.handle }}\n\nUpdated content:\n{{ page.bodyHtml }}"
  }
}

推奨されるワークフローの動作

返品ポリシーの例について、最終的なワークフローのロジックは以下のようになります:

  1. **「ページ更新」**トリガーは、ページに変更があった際に発動します
  2. この条件は、page.handle が return-policy と等しいかどうかを確認します。
  3. 条件が満たされた場合、Shopify Flow は新しいページのタイトルとコンテンツを Slack の Webhook に送信します
  4. Slackは、そのメッセージをすぐにサポートチャンネルに投稿します

これにより、サポートチームは、古い情報に基づいてお客様への対応を続けてしまう前に、ポリシーの変更を確認できるようになります。

ワークフローをテストしてください

Shopifyの管理画面で、監視対象のページに小さな変更を加え、保存してください。

Shopify Flow を開き、ワークフローが「**ページ更新」**イベントから実行されたことを確認してください。

ハンドルが入力した値と一致していることをご確認ください。

サポートチャネルを開き、Slackのワークフローが受信したテキストメッセージを投稿したことを確認してください。

Slackのメッセージは次のようなものです:

ベストプラクティス

  • 条件式では、ページタイトルではなく、正確なページハンドルを使用してください。
  • return-policy のような重要なページを1つから始め、その後、他のポリシーページへと範囲を広げていくようにしてください。
  • Slackのチャンネルは、#support-team やポリシー更新チャンネルなど、内部業務に焦点を絞ってご利用ください。
  • お使いのストアが「Basic Shopify」をご利用の場合は、送信側のWebhookステップとして「**Flow Transactional Email」**をご利用ください。
  • SlackのWebhookを変更したり、メッセージ形式を編集したりした後は、ワークフローを再度テストしてください。

利用事例の例

返品期間、交換規定、または最終販売条件に変更があった際は、サポートに通知してください。

配送スケジュール、配送エリア、または運送業者の規定が変更された際は、チームに通知してください。

法的規定や補償範囲に関する文言に変更があった場合でも、サポート体制を整合させておくようにしてください。

結果

このワークフローを導入することで、ウェブサイトとサポートチームの対応を常に一致させることができます。監視対象のポリシーページに変更が生じた瞬間、Slackを通じてチームに通知されるため、チームは直ちに正しい情報に基づいて対応することができます。