> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Thank you 页面（扩展）概览

> 本文介绍 thank you 页面 upsell（扩展）的工作方式，以及它们的各种设置和功能。

我们将介绍关键组件以及使用它们时的重要注意事项：

使用组件自定义你的 Aftersell Thank You 页面和 Order Status 页面，可以增强客户互动和参与度。通过组件，你可以个性化这些页面，为客户的购物旅程增加显著价值。本节重点介绍为什么自定义这些页面很重要，以及它如何促进业务成果。

* [产品推荐](#product-recommendation)
* [客户评价](#testimonials)
* [常见问题](#faqs)
* [文本](#text)
* [重要信息](#important-information)

<div id="product-recommendation">
  # 产品推荐
</div>

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/typ-extensions-editor-product-recommendation.gif?s=cd8c084de2e615bf735f29eb5c01374f" alt="Aftersell Thank You 页面编辑器，产品推荐组件处于活跃状态且已选择一个产品" width="2600" height="1080" data-path="images/aftersell/typ-extensions-editor-product-recommendation.gif" />

产品推荐组件让你选择在 Thank You 页面上显示多少个 upsell 产品。我们建议保持精简（例如 4-10 个产品），让优惠易于浏览。

* 与购后 upsell 不同，Thank You 页面产品推荐兼容**所有支付网关**和**多货币商店**。有一些额外的行为需要注意。
* 你可以选择被接受的优惠是**添加到原订单**还是**创建为单独的新订单**。

客户需要重新输入支付信息才能完成 upsell 购买，但 Aftersell 会自动应用其已保存的收货信息，让 checkout 体验保持顺畅。

<div id="display-on">
  ## **Display on**
</div>

**Display on** 设置控制客户完成购买后你的产品推荐组件出现在哪里。你可以从四个选项中选择：

* **On every impression** — 在 Thank You 页面和 Order Status 页面上都显示组件（即"两者"选项）。
* **Only on thank you page** — 仅在 Thank You 页面显示组件。
* **Only on order status page** — 仅在 Order Status 页面显示组件。
* **Only once on order status page** — 在 Order Status 页面只显示一次组件，而不是每次访问都显示。

使用 **Max products to show** 字段设置一次显示多少个推荐。没有固定上限，但保持数量精简（例如 4-10 个产品）能让优惠易于浏览。

<div id="selecting-and-editing-upsell-products">
  ### 选择和编辑 upsell 产品
</div>

要为组件选择特定产品，请在组件编辑器中点击 **Add upsell products**。选择产品后，按钮标签会变为 **Edit upsell products**。

在已选择产品的情况下打开选择器时，你当前的选择会预先勾选，让你清楚看到已配置的内容。在这里你可以：

* 通过勾选来**添加**新产品。
* 通过取消勾选来**移除**现有产品。
* 通过取消勾选所有产品来**清空**整个选择。

保存选择器时，组件会与你最终保留的选择保持一致 — 添加的产品会被包含，取消勾选的产品会被移除，重新保存未更改的选择不会产生任何变化。编辑特定产品时，Collection、AI 和 Strategy upsell 行不受影响。

另有两个开关让你控制客户看到的内容：

* **Hide product if purchased** — 启用后，客户不会看到他们在同一订单中已购买的产品，保持推荐的相关性并避免重复。
* **Hide out of stock variants** — 启用后，会自动过滤掉不可购买的产品款式，让客户只看到他们真正能购买的商品。

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/typ-extensions-recommendation-display-settings.gif?s=a7c3c5c98669d63e59100c05f33dd9f9" alt="产品推荐 Display on 下拉菜单、Max products 字段和隐藏产品开关" width="1192" height="1080" data-path="images/aftersell/typ-extensions-recommendation-display-settings.gif" />

***

<div id="offer-design">
  ## 优惠设计
</div>

**Offer design** 设置控制产品推荐向客户呈现的方式。

你可以选择产品以**水平**还是**垂直**布局显示，并调整边框、按钮样式和间距等视觉元素，以更好地匹配你的 checkout 体验。

你还可以添加**横幅文本**，在优惠上方添加简短描述或消息。这对于引出推荐、突出激励或为所展示的产品提供额外背景信息很有用。

额外的定价选项让你控制是否显示**对比价格（compare-at price）**，以及促销价格如何按你选择的配色方案呈现。Compare、Discount 和 Sale 价格提供两种颜色选项：

你可以应用来自 Checkout 品牌设置的颜色，可用选项包括：

* Accent
* Decorative
* Info
* Subdued

<Frame>
  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/typ-extensions-compare-price-color-options.png?fit=max&auto=format&n=SnVX3h-PpMMxQMDU&q=85&s=555ec0085917bccf174d689e0a9c725c" alt="来自主题和我们预设的对比价格颜色选项。" width="282" height="284" data-path="images/aftersell/typ-extensions-compare-price-color-options.png" />
</Frame>

注意：其中某些设置可以通过你的 Shopify checkout 编辑器或提供此功能的其他应用进行修改。

1. 或者，你可以应用自定义预设颜色：
   * Success — 绿色
   * Warning — 黄色
   * Critical — 红色

本节还包含两个与自动折扣功能配套的设置：

1. Show compare at price

* 启用此选项可显示带删除线的"Compare at"价格。

2. Show discount

* 启用此选项可显示 upsell 上的折扣。

如有需要，你可以启用**数量选择器**、自定义数量标签，并设置**最小或最大数量限制**来控制客户可以添加多少件。这些设置有助于管理库存或鼓励特定的购买行为。

这些选项共同为你提供了平衡清晰度和控制力的灵活性，同时让 upsell 与你的品牌和 checkout 布局保持一致。

***

<div id="discounts-order-handling">
  ## 折扣与订单处理
</div>

<div id="discounts">
  ### 折扣
</div>

你可以通过设置**百分比**或**固定金额**折扣，直接对 upsell 应用折扣。当客户接受优惠时，此折扣会自动应用。

你可以通过设置**折扣文本**和选择**折扣价格颜色**来自定义折扣的显示方式。折扣颜色可以使用你的 checkout 品牌颜色（Accent、Decorative、Info 或 Subdued），或预设选项之一（Success、Warning 或 Critical）。

如果启用，折扣显示可以包含**对比价格**，它会以删除线显示以突出优惠幅度。

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/typ-extensions-thank-you-upsell-offer.gif?s=41788af72c0b25ff35871242596c5f79" alt="显示 43% 折扣和删除线对比价格的帽子 Thank You 页面 upsell 优惠" width="2000" height="1080" data-path="images/aftersell/typ-extensions-thank-you-upsell-offer.gif" />

折扣遵循 Shopify 的标准 checkout 折扣规则。每个产品同一时间只能应用一个行项目折扣，且折扣只有在 Shopify Admin 中被标记为\*\*可组合（combinable）\*\*时才会叠加。在某些情况下，如果其他应用修改了 checkout，折扣可能不会生效。

我们建议在启用折扣后测试你的 checkout，确认折扣按预期显示。

订单处理设置控制被接受的 upsell 如何添加到客户的订单中。

<div id="order-handling-heading">
  ### 订单处理
</div>

<a id="order-handling" />

订单处理控制被接受的 upsell 如何添加到客户的订单中。有两个选项，各有不同的权衡。

* **Modify original order** — 将 upsell 直接添加到现有订单中。自动应用免运费。你可以选择在客户订单被修改时向其发送邮件。
* **Create new draft order** — 保持原订单不变，为 upsell 创建一个单独的订单。

<Frame>
  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/typ-extensions-order-handling-options.png?fit=max&auto=format&n=SnVX3h-PpMMxQMDU&q=85&s=de2249c801aef599ce76686b46f91dec" alt="订单处理选项：修改原订单或创建新的草稿订单" width="828" height="722" data-path="images/aftersell/typ-extensions-order-handling-options.png" />
</Frame>

<div id="when-to-choose-each-option">
  #### 何时选择哪个选项
</div>

| 使用 **Modify original order** 的情况… | 使用 **Create new draft order** 的情况… |
| --------------------------------- | ---------------------------------- |
| 你希望客户购买的所有商品由一次履约完成               | 你想再次推荐客户刚购买的产品（例如同一商品的购后折扣价）       |
| 你的 upsell 目录与畅销品不同                | 你的畅销品同时也是主要的 upsell 候选产品           |
| upsell 免运费是优先事项                   | 你出于履约或报表原因需要单独的订单                  |
| 你的 upsell 产品不是捆绑产品                | 你的 upsell 产品包含捆绑产品                 |

<Warning>
  \*\*"Modify original order" 有一些限制。\*\*选择此模式后，组件编辑器中会出现一个 **Limitations** 横幅，列出以下内容：

  * \*\*相同款式的 upsell 会被隐藏。\*\*Shopify 的订单编辑 API 不允许订单中出现重复款式。如果客户的原订单中已包含该 upsell 款式，则该 upsell 会从 Thank You 页面隐藏。如果 upsell 因此被隐藏，Order Browser 会用 "Upsell hidden due to order merging" 横幅标记受影响的订单。
  * \*\*捆绑产品无法添加到现有订单。\*\*Shopify 的订单编辑 API 会拒绝捆绑产品。当所选的 upsell 款式是捆绑产品时，结果遵循你的 **When the order can't be modified** 设置：
    * 选择 **Hide the offer and block late acceptances** 时：捆绑 upsell 被隐藏，客户无法通过此优惠购买。
    * 选择 **Hide the offer, but allow late acceptances as a new order** 或 **Keep showing the offer and sell it as a new order** 时：捆绑 upsell 会以单独的草稿订单履约，而不是合并到原订单中。

  如果你希望捆绑产品或相同款式的 upsell 始终对客户可用，请切换到 **Create new draft order**。
</Warning>

<div id="when-the-order-cant-be-modified">
  #### 当订单无法被修改时
</div>

选择 **Modify original order** 后，某些订单在客户接受 upsell 时无法被编辑。恰好有三种情况：订单已被**归档**、订单**部分付款**，或订单已超过你在下方设置的**过期窗口**。**When the order can't be modified** 设置控制这些情况下会发生什么。

**已履约**的订单不属于这三种情况 — 它仍然可以被编辑，但只有不需要配送的 upsell 产品才能合并进去（见下方说明）。

| 选项                                                            | 作用                                                                         |
| ------------------------------------------------------------- | -------------------------------------------------------------------------- |
| **Hide the offer and block late acceptances**                 | 一旦订单无法再编辑，优惠即被隐藏。订单失去资格后到达的任何接受都会被阻止。                                      |
| **Hide the offer, but allow late acceptances as a new order** | 一旦订单无法再编辑，优惠即被隐藏。如果客户恰好在优惠隐藏前接受（竞态窗口内的接受），则 upsell 会以单独的草稿订单履约。这是新组件的默认选项。 |
| **Keep showing the offer and sell it as a new order**         | 无论订单是否可编辑，优惠都保持可见。如果订单无法被修改，被接受的 upsell 会以单独的草稿订单履约。                       |

两个回退选项（**Hide the offer, but allow late acceptances as a new order** 和 **Keep showing the offer and sell it as a new order**）会在原订单无法被修改时为 upsell 创建单独的草稿订单。客户会收到一个支付链接，以新订单的形式完成购买。

<div id="setting-an-expiry-window">
  #### 设置过期窗口
</div>

你可以设置订单保持可合并资格的时间限制。使用 **Consider the order uneditable after** 字段（位于 **Order handling** 中行为选择器下方）输入分钟数。自下单起经过该分钟数后，订单会被视为不符合条件，并应用 **When the order can't be modified** 的行为。

将字段留空或设置为 **0** 表示永不过期 — 只要订单本身可编辑，优惠就保持有效。

当你的履约工作流处理订单很快，你想避免尝试合并到可能已在处理中的订单时，这非常有用。

**关于 "Modify original order" 的其他须知：**

* 免运费会自动应用且无法禁用。
* 在客户完成所添加 upsell 的付款之前，原订单会被标记为**部分付款**。付款完成后，Shopify 会自动更新订单。
* 如果订单已履约、没有配送行，或只包含不需要配送的商品，则只有**不需要配送**的 upsell 产品才能合并进去。需要配送的产品会从这些订单的优惠中移除。

***

<div id="free-shipping">
  ### 免运费
</div>

你可以为被接受的 upsell 产品提供**免运费**，以帮助提升转化。启用后，客户无需为 upsell 支付运费，而你现有的 Shopify 配送设置继续适用于原订单。

Free shipping 开关的行为取决于你的 **Order handling** 设置：

* **Modify original order** — 免运费自动应用于被接受的 upsell，开关无法禁用。
* **Create new draft order** — Free shipping 开关适用于为 upsell 创建的单独草稿订单。启用后，草稿订单的 upsell 行项目不含运费。如果你希望 Shopify 的正常运费费率适用于该新订单，请保持开关关闭。

当 **Modify original order** 下的回退机制创建单独草稿订单时（例如相同款式或捆绑 upsell，或订单变为不可编辑后的接受），同样的行为适用：Free shipping 开关控制草稿订单的 upsell 是否不含运费。

你还可以选择在优惠上显示\*\*"Free Shipping" 徽章\*\*，并自定义徽章文本以突出这一权益。

***

<div id="testimonials">
  # 客户评价
</div>

在你的 Thank You 页面上展示客户评价，以增强购买信心并在 checkout 后建立社会认同。

Testimonials 组件使用 **Flex Testimonials**，它会自动从你连接的评价应用拉取评价。支持的应用包括 Judge.me、Klaviyo、Okendo 和 Yotpo。使用此组件前，请在 **Settings > Product Reviews** 中配置你的评价应用凭据。

Flex Testimonials 提供两种选择模式：

* **手动选择** — 选择要显示的特定评价
* **动态** — 根据客户订单中的产品自动获取并显示评价

在动态模式下，评价会从你的评价应用导入并每周刷新。要立即触发导入，请前往 **Settings > Product Reviews** 并点击 **Sync now**。

有关完整设置说明，请参阅 [Checkout 组件类型 - 客户评价](/zh/aftersell/checkout_widget_types#testimonials)。

***

<div id="faqs">
  # 常见问题
</div>

在你的 thank you 页面添加 FAQ 部分，可以为常见问题提供即时解答，改善客户体验。加入 FAQ 部分能增强透明度、与未来客户建立信任，并有助于减少购后顾虑。通过解答常见问题，你提供了清晰的信息和安心感，让潜在买家对自己的决定更有信心。结构良好的 FAQ 部分能对新访客产生积极影响，从而提升客户满意度，甚至带来更高的销售额。

***

<div id="text">
  # 文本
</div>

你可以在 thank you 页面添加文本组件，在客户购买后与其分享关键信息。这有助于改善沟通、建立信任，并提供有用的指引或安心保证。放置得当的文本组件可以促进未来互动、提升客户满意度，甚至带来额外销售。

***

<div id="important-information">
  # 重要信息
</div>

1. 在 Aftersell 中创建的任何组件都需要添加到你的 Thank you 页面或 Order status 页面，否则它们不会为客户加载/显示。以下是将组件添加到所需页面的步骤：

创建组件后，点击 **"Open Shopify Editor"** 继续。

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/typ-extensions-open-shopify-editor-prompt.gif?s=48ac22faed42137dbae8805fcbe06139" alt="Aftersell 提示，带有用于放置组件的 Open Shopify editor 按钮" width="1292" height="1080" data-path="images/aftersell/typ-extensions-open-shopify-editor-prompt.gif" />

在你的 Shopify 编辑器中添加 Aftersell TY 组件：

* Thank you 页面

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/typ-theme-editor-add-app-block.gif?s=d1ed8b656005d9bf1ff6e7f54980e32d" alt="在 checkout 编辑器中向 Shopify Thank you 页面添加 Aftersell 应用块" width="1732" height="1080" data-path="images/aftersell/typ-theme-editor-add-app-block.gif" />

* Order Status

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/typ-extensions-ty-recommendation-order-status.gif?s=0bedc4c11ae74d98e58c24fcca92fef4" alt="在 checkout 编辑器中向 Shopify Order status 页面添加 Aftersell 应用块" width="1344" height="1080" data-path="images/aftersell/typ-extensions-ty-recommendation-order-status.gif" />

注意：我们建议将应用块同时放置在 Thank you 页面和 Order Status 页面上

2. 品牌设置会自动与你的 Shopify checkout 品牌设置保持一致，无法在 Aftersell 编辑器中自定义。
3. 你可以在组件的 **Discounts & order handling** 设置中选择这些 upsell 是合并到原订单还是创建为单独订单。
4. Shopify 的 checkout 预览不一定总能显示组件。我们建议下一个测试订单，确认你的优惠在真实订单上正确显示。测试时，请验证组件在 Thank You 页面或 Order Status 页面上正确显示。使用测试订单（例如免费订单）来验证功能，并检查测试过程中没有出现错误。

* 请注意，特定的触发条件也不会在预览中显示，你必须将触发条件设置为向所有客户显示，才能在 Shopify thank you 页面预览中看到它。

5. 如果你在 Shopify 中使用**手动付款捕获**，且仅启用了 **Modify Original Order** 设置，Thank You 页面 upsell 的收入可能**不会立即**出现在 Aftersell 分析中。

* upsell 的访问和接受会照常记录。但是，***只有在 Shopify 中将订单的付款状态手动更改为 Paid 之后，收入才会显示***。

***

<div id="common-errors-and-troubleshooting">
  # 常见错误与故障排查
</div>

* \*\*组件不显示：\*\*确保组件处于活跃状态并已正确放置在 Shopify 编辑器中。验证它已添加到 Aftersell 和 Shopify 中的正确位置（Thank You 页面、Order Status 页面或两个页面）。

注意：我们建议将应用块同时放置在 Thank you 页面和 Order Status 页面上
