域名应用的upsell创建与样式设置教程

1 打开店铺应用

在 Shopify 后台点击应用 → 自己店铺域名对应的入口。图中的 delunie.com 是示例，每家店显示各自的域名。

2 创建加购步骤

点击 Funnels，找到目标流程，打开右侧 … → View/Edit Settings。

点击 Add a post-upsell step，填写 Step Name，选择类型和支付方式，再点击 Add。

3 选择加购类型

• Selected Products：推荐指定商品。
• Products to Products：根据购买商品推荐对应商品，例如购买 A 后推荐 B。

4 选择支付方式

公司内部规则：涉及本公司规定的违禁品或小黑产品，只能选择绿色框中的 Credit Card，不能选择红色框中的 PayPal 和 Local Payment。

已选中红框选项时，点击标签右侧的 × 移除，仅保留 Credit Card。

5 添加商品并设置样式

选中加购步骤，点击 Add product offer 添加商品；点击 Template 编辑样式。

进入编辑器后，点击左侧组件的铅笔图标，在右侧查看效果。展开下面的项目，按图中红框编号设置。

Logo 和顶部提示条

1. 开启或关闭 Logo 显示。
2. 选择 Image 图片 Logo 或 Text 文字 Logo。
3. 点击 Change Image 更换 Logo 图片。
4. 设置 Logo 宽度、高度和上下留白。

1. 在 CTA Text 填写顶部提示文字。
2. 设置提示条背景颜色。
3. 设置提示文字颜色。

商品标题和主图

1. 设置页面顶部、底部及底栏的背景颜色。
2. 在 Product Title 填写商品标题并调整文字格式。

1. Media Type 选择 Image 图片或 Video 视频。
2. 点击 Change Image 更换商品主图。
3. 设置主图宽度。

变体卡片和推荐标识

1. 点击对应变体右侧的铅笔图标编辑。
2. 设置变体文字的字号、颜色、粗细和样式。
3. 设置价格的动画效果。

1. 设置推荐标识的位置，1 表示第一张卡片。
2. 设置默认选中的变体位置，1 表示第一张卡片。
3. 填写推荐标识文字。
4. 设置标识背景、文字及变体卡片背景颜色。

按钮、运费和支付标识

1. 填写加购按钮文字。
2. 设置加购按钮背景和文字颜色。
3. 填写跳过按钮文案。

1. 填写运费提示文字。
2. 开启或关闭页面上的支付标识。
3. 勾选要展示的支付标识。实际支付方式在 Payment Methods 设置。

Footer 底部

1. 开启或关闭底部 Logo。
2. 填写底部品牌文字并设置颜色。
3. 设置政策链接的文字颜色。
4. 设置分隔线颜色。
5. 填写版权文字并调整格式。

6 保存并检查

1. 样式编辑完成后，点击右上角 Save。
2. 返回加购步骤页面，确认商品和支付方式，再点击 Save。
3. 检查电脑和手机页面的图片、文字及按钮显示。