Workflow WebhooksWorkflow Webhooks

如何将 Make 与 Workflow Webhooks 连接起来

用例概述

此配置将您在 MAKE 中的购后邮件工作流程与 Workflow Webhooks 连接起来，以便您收集客户信息以进行每月 SEO 审计，并将这些信息传输至 Shopify Flow。

在此示例中，客户会收到一封包含调查表的电子邮件（我们使用的是 Google 表单，Google 表单会将条目添加到 Google 电子表格中），其中询问以下内容：

  • 您的 Shopify 商店网址是什么？
  • **您目前在SEO方面面临的最大挑战是什么？**可选答案如下：slow traffic growth、poor product rankings、thin content、technical errors
  • **您的商店经营了多久？**可选答案如下：less than 6 months、6–12 months、1–3 years、3+ years
  • 在商店下单时使用的邮箱地址是？

当客户提交表单时，MAKE 会将答案发送至您的 Workflow Webhooks 端点。随后，Shopify Flow 可以为客户添加标签并附上备注，以便您的 SEO 团队在 Shopify 管理后台立即了解相关背景信息。

此工作流程的作用

当客户在您的邮件流程中提交表单后，数据会被添加到电子表格中，随后MAKE会将数据发送至Workflow Webhooks Webhook，而该Webhook会将此负载发送至Shopify Flow：

perl
{
  "name": "Saad",
  "email": "customer@example.com",
  "store_url": "mystore.myshopify.com",
  "challenge_and_store_age": "thin Content | 1-3 years"
}

那么，您的Shopify Flow工作流程如下：

  • 添加客户标签seo-audit-pending
  • 添加一条包含商店网址和SEO难题的客户备注

这样，您的团队就可以轻松地在Shopify管理后台中打开客户记录，并在审计开始前查看需要关注的事项。

视频指南

在这里您可以观看整个设置过程的视频，视频没有声音。您可以根据需要调整视频的播放速度。

最后，当我提交表单时，MAKE 中的触发器无法正常工作，所以我重播了现有的事件；此外，Shopify Flow 中还出现了一个错误，涉及 STEP（为客户添加标签）中的客户 ID，我也修复了这个问题。

开始之前

  • 在您的 Shopify 商店中安装并启用“Workflow Webhooks”。
  • 请确保已准备好一个Shopify Flow工作流程，或者在Shopify Flow中创建一个新的工作流程。
  • 在为您的 MAKE 工作流程提供数据的工具中创建表单。我使用的是 Google 表单，一旦 Google 表单被提交，Google 电子表格中就会生成一条记录。 图片 从 Google 表单接收的数据已导入电子表格
  • 请确保您收集的客户电子邮件地址与Shopify中记录的完全一致，以便Shopify Flow能够识别出正确的客户。

建立连接

在 Workflow Webhooks 中，创建 Webhook。

图片

输入名称并生成静态令牌（您可以点击下图中编号为3处的“魔法按钮”立即生成静态令牌），然后保存。

图片

在**“高级设置**”中，为要接收的变量命名：

  • name
  • email
  • store_url
  • seo_challenge
  • store_age

图片

在设置中，我们有 4 个变量，已分别映射为 name、email、store_url 和 seo_challenge；此外，我们还勾选了**“允许自定义请求正文**”选项，以便接收 store_age 等其他信息。

在 MAKE 中，选择“Google 表格”触发器（监听新行），选择要监控的正确表格，并运行一次；如果连接成功，请保存该场景。

图片

然后在 MAKE 中选择**“HTTP”→“发送请求”，**将表单数据发送至您使用 Workflow Webhooks 应用创建的 Webhook。在“操作”事件中选择 POST 方法，输入 URL，添加请求头。（身份验证类型应设为“无需身份验证”）

图片

您可以按照 Workflow Webhooks Webhook 底部提到的步骤操作，其中包含映射字段、API 密钥和 Webhook 的 URL。

图片

然后，您可以按以下方式映射数据。

图片

然后保存并运行一次。

图片

在调用记录中，您可以看到外部系统调用了此 Webhook，并查看其负载。您可以在 Shopify Flow 中使用此负载来执行任何操作。

图片

在 Shopify Flow 中，创建一个工作流程，该工作流程将在通过 Workflow Webhooks 接收 Webhook 数据时启动。然后在 Webhook 触发器中，点击“记录事件”。

图片

现在请转到之前的 Webhook 调用，并“重放”该 Webhook，将此负载发送至Shopify Flow中的 Webhook 触发器。

图片

现在在数据中，你可以看到负载以及 Webhook ID。

图片

您可以在 Webhook 仪表盘中看到相同的 Webhook，它可用于识别您的 Webhook。

图片

现在添加一个条件：如果接收到的 Webhook ID 与您为 Shopify Flow 创建的 Webhook ID 相等，则执行与该表单相关的操作。因为每个 Webhook 触发器都会接收发送到 Workflow Webhooks 应用中任何 Webhook URL 的数据，而该 ID 将帮助您从 Webhook 中筛选出相关数据以满足特定需求。

图片

使用“收到的电子邮件”值，通过“高级查询”查找匹配的客户。在查询中，您可以使用电子邮件地址，该电子邮件地址来自 Webhook 触发器的变量。对我来说，fieldTwo 就是电子邮件地址。我的查询如下：email:"{{fieldTwo}}"

图片

现在检查该客户是否存在。我正在检查客户ID是否存在。

图片

然后添加标签 seo-audit-pending。为了获取客户信息，我在配置中使用了以下代码来处理客户 ID：在标签语法 {{-、-}}、{%- 和 -%} 中，我使用了 空格控制功能，用于去除客户 ID 左右两侧的空格。如果存在空格，则查询将无法正常工作。

ruby
{%- for getCustomerData_item in getCustomerData -%}
  {{-getCustomerData_item.id-}}
{%- endfor -%}

图片

在客户备注中添加或更新商店网址和SEO挑战。 为了获取客户信息，我在配置中使用了以下代码来处理客户 ID：利用 的空格控制功能，在标签语法 {{-、-}}、{%- 以及 -%} 中，去除客户 ID 左右两侧的空格。如果存在空格，则查询将无法正常工作。

ruby
{%- for getCustomerData_item in getCustomerData -%}
  {{-getCustomerData_item.id-}}
{%- endfor -%}

图片

启用该工作流程，从表单提交一条测试响应，并确认Shopify中的正确客户记录收到了该标签和备注。

其工作原理如下：表单提交 -> MAKE 接收数据 -> MAKE 将数据发送至 Workflow Webhooks Webhook -> Workflow Webhooks Webhook 触发 Shopify Flow -> 您根据 Webhook ID 筛选 Shopify Flow 触发器 -> 然后根据该 ID 获取客户 -> 检查客户是否存在 -> 添加标签 -> 添加备注

对客户而言，标签和备注的外观如下图所示。

图片