Skip to main content
我们将介绍关键组件以及使用它们时的重要注意事项: 使用组件自定义你的 Aftersell Thank You 页面和 Order Status 页面,可以增强客户互动和参与度。通过组件,你可以个性化这些页面,为客户的购物旅程增加显著价值。本节重点介绍为什么自定义这些页面很重要,以及它如何促进业务成果。

产品推荐

Aftersell Thank You 页面编辑器,产品推荐组件处于活跃状态且已选择一个产品 产品推荐组件让你选择在 Thank You 页面上显示多少个 upsell 产品。我们建议保持精简(例如 4-10 个产品),让优惠易于浏览。
  • 与购后 upsell 不同,Thank You 页面产品推荐兼容所有支付网关多货币商店。有一些额外的行为需要注意。
  • 你可以选择被接受的优惠是添加到原订单还是创建为单独的新订单
客户需要重新输入支付信息才能完成 upsell 购买,但 Aftersell 会自动应用其已保存的收货信息,让 checkout 体验保持顺畅。

Display on

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 个产品)能让优惠易于浏览。

选择和编辑 upsell 产品

要为组件选择特定产品,请在组件编辑器中点击 Add upsell products。选择产品后,按钮标签会变为 Edit upsell products 在已选择产品的情况下打开选择器时,你当前的选择会预先勾选,让你清楚看到已配置的内容。在这里你可以:
  • 通过勾选来添加新产品。
  • 通过取消勾选来移除现有产品。
  • 通过取消勾选所有产品来清空整个选择。
保存选择器时,组件会与你最终保留的选择保持一致 — 添加的产品会被包含,取消勾选的产品会被移除,重新保存未更改的选择不会产生任何变化。编辑特定产品时,Collection、AI 和 Strategy upsell 行不受影响。 另有两个开关让你控制客户看到的内容:
  • Hide product if purchased — 启用后,客户不会看到他们在同一订单中已购买的产品,保持推荐的相关性并避免重复。
  • Hide out of stock variants — 启用后,会自动过滤掉不可购买的产品款式,让客户只看到他们真正能购买的商品。
产品推荐 Display on 下拉菜单、Max products 字段和隐藏产品开关

优惠设计

Offer design 设置控制产品推荐向客户呈现的方式。 你可以选择产品以水平还是垂直布局显示,并调整边框、按钮样式和间距等视觉元素,以更好地匹配你的 checkout 体验。 你还可以添加横幅文本,在优惠上方添加简短描述或消息。这对于引出推荐、突出激励或为所展示的产品提供额外背景信息很有用。 额外的定价选项让你控制是否显示对比价格(compare-at price),以及促销价格如何按你选择的配色方案呈现。Compare、Discount 和 Sale 价格提供两种颜色选项: 你可以应用来自 Checkout 品牌设置的颜色,可用选项包括:
  • Accent
  • Decorative
  • Info
  • Subdued
来自主题和我们预设的对比价格颜色选项。
注意:其中某些设置可以通过你的 Shopify checkout 编辑器或提供此功能的其他应用进行修改。
  1. 或者,你可以应用自定义预设颜色:
    • Success — 绿色
    • Warning — 黄色
    • Critical — 红色
本节还包含两个与自动折扣功能配套的设置:
  1. Show compare at price
  • 启用此选项可显示带删除线的”Compare at”价格。
  1. Show discount
  • 启用此选项可显示 upsell 上的折扣。
如有需要,你可以启用数量选择器、自定义数量标签,并设置最小或最大数量限制来控制客户可以添加多少件。这些设置有助于管理库存或鼓励特定的购买行为。 这些选项共同为你提供了平衡清晰度和控制力的灵活性,同时让 upsell 与你的品牌和 checkout 布局保持一致。

折扣与订单处理

折扣

你可以通过设置百分比固定金额折扣,直接对 upsell 应用折扣。当客户接受优惠时,此折扣会自动应用。 你可以通过设置折扣文本和选择折扣价格颜色来自定义折扣的显示方式。折扣颜色可以使用你的 checkout 品牌颜色(Accent、Decorative、Info 或 Subdued),或预设选项之一(Success、Warning 或 Critical)。 如果启用,折扣显示可以包含对比价格,它会以删除线显示以突出优惠幅度。 显示 43% 折扣和删除线对比价格的帽子 Thank You 页面 upsell 优惠 折扣遵循 Shopify 的标准 checkout 折扣规则。每个产品同一时间只能应用一个行项目折扣,且折扣只有在 Shopify Admin 中被标记为**可组合(combinable)**时才会叠加。在某些情况下,如果其他应用修改了 checkout,折扣可能不会生效。 我们建议在启用折扣后测试你的 checkout,确认折扣按预期显示。 订单处理设置控制被接受的 upsell 如何添加到客户的订单中。

订单处理

订单处理控制被接受的 upsell 如何添加到客户的订单中。有两个选项,各有不同的权衡。
  • Modify original order — 将 upsell 直接添加到现有订单中。自动应用免运费。你可以选择在客户订单被修改时向其发送邮件。
  • Create new draft order — 保持原订单不变,为 upsell 创建一个单独的订单。
订单处理选项:修改原订单或创建新的草稿订单

何时选择哪个选项

**“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 orderKeep showing the offer and sell it as a new order 时:捆绑 upsell 会以单独的草稿订单履约,而不是合并到原订单中。
如果你希望捆绑产品或相同款式的 upsell 始终对客户可用,请切换到 Create new draft order

当订单无法被修改时

选择 Modify original order 后,某些订单在客户接受 upsell 时无法被编辑。恰好有三种情况:订单已被归档、订单部分付款,或订单已超过你在下方设置的过期窗口When the order can’t be modified 设置控制这些情况下会发生什么。 已履约的订单不属于这三种情况 — 它仍然可以被编辑,但只有不需要配送的 upsell 产品才能合并进去(见下方说明)。 两个回退选项(Hide the offer, but allow late acceptances as a new orderKeep showing the offer and sell it as a new order)会在原订单无法被修改时为 upsell 创建单独的草稿订单。客户会收到一个支付链接,以新订单的形式完成购买。

设置过期窗口

你可以设置订单保持可合并资格的时间限制。使用 Consider the order uneditable after 字段(位于 Order handling 中行为选择器下方)输入分钟数。自下单起经过该分钟数后,订单会被视为不符合条件,并应用 When the order can’t be modified 的行为。 将字段留空或设置为 0 表示永不过期 — 只要订单本身可编辑,优惠就保持有效。 当你的履约工作流处理订单很快,你想避免尝试合并到可能已在处理中的订单时,这非常有用。 关于 “Modify original order” 的其他须知:
  • 免运费会自动应用且无法禁用。
  • 在客户完成所添加 upsell 的付款之前,原订单会被标记为部分付款。付款完成后,Shopify 会自动更新订单。
  • 如果订单已履约、没有配送行,或只包含不需要配送的商品,则只有不需要配送的 upsell 产品才能合并进去。需要配送的产品会从这些订单的优惠中移除。

免运费

你可以为被接受的 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” 徽章**,并自定义徽章文本以突出这一权益。

客户评价

在你的 Thank You 页面上展示客户评价,以增强购买信心并在 checkout 后建立社会认同。 Testimonials 组件使用 Flex Testimonials,它会自动从你连接的评价应用拉取评价。支持的应用包括 Judge.me、Klaviyo、Okendo 和 Yotpo。使用此组件前,请在 Settings > Product Reviews 中配置你的评价应用凭据。 Flex Testimonials 提供两种选择模式:
  • 手动选择 — 选择要显示的特定评价
  • 动态 — 根据客户订单中的产品自动获取并显示评价
在动态模式下,评价会从你的评价应用导入并每周刷新。要立即触发导入,请前往 Settings > Product Reviews 并点击 Sync now 有关完整设置说明,请参阅 Checkout 组件类型 - 客户评价

常见问题

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

文本

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

重要信息

  1. 在 Aftersell 中创建的任何组件都需要添加到你的 Thank you 页面或 Order status 页面,否则它们不会为客户加载/显示。以下是将组件添加到所需页面的步骤:
创建组件后,点击 “Open Shopify Editor” 继续。 Aftersell 提示,带有用于放置组件的 Open Shopify editor 按钮 在你的 Shopify 编辑器中添加 Aftersell TY 组件:
  • Thank you 页面
在 checkout 编辑器中向 Shopify Thank you 页面添加 Aftersell 应用块
  • Order Status
在 checkout 编辑器中向 Shopify Order status 页面添加 Aftersell 应用块 注意:我们建议将应用块同时放置在 Thank you 页面和 Order Status 页面上
  1. 品牌设置会自动与你的 Shopify checkout 品牌设置保持一致,无法在 Aftersell 编辑器中自定义。
  2. 你可以在组件的 Discounts & order handling 设置中选择这些 upsell 是合并到原订单还是创建为单独订单。
  3. Shopify 的 checkout 预览不一定总能显示组件。我们建议下一个测试订单,确认你的优惠在真实订单上正确显示。测试时,请验证组件在 Thank You 页面或 Order Status 页面上正确显示。使用测试订单(例如免费订单)来验证功能,并检查测试过程中没有出现错误。
  • 请注意,特定的触发条件也不会在预览中显示,你必须将触发条件设置为向所有客户显示,才能在 Shopify thank you 页面预览中看到它。
  1. 如果你在 Shopify 中使用手动付款捕获,且仅启用了 Modify Original Order 设置,Thank You 页面 upsell 的收入可能不会立即出现在 Aftersell 分析中。
  • upsell 的访问和接受会照常记录。但是,只有在 Shopify 中将订单的付款状态手动更改为 Paid 之后,收入才会显示

常见错误与故障排查

  • **组件不显示:**确保组件处于活跃状态并已正确放置在 Shopify 编辑器中。验证它已添加到 Aftersell 和 Shopify 中的正确位置(Thank You 页面、Order Status 页面或两个页面)。
注意:我们建议将应用块同时放置在 Thank you 页面和 Order Status 页面上