Webflow 网上商店概览

尽管 利用Webflow电子商务，您可以构建和设计数字商店，个性化购物车和结账体验的各个方面，监督产品和订单，建立和启动一个功能齐全、完全个性化的在线商店，而无需编码。

本指南内容

1. 建立你的商店
2. ‍定制你的商店
3. 揭开你的店铺面纱
4. 推广您的产品和网上商店
5. 处理订单

设置你的商店

选择模板或从头开始，即可开始使用 Webflow 电子商务。如果您选择电子商务模板，电子商务将自动激活。如果您选择其他模板、从头开始或修改现有网站，则可以通过选择左侧边栏中的电子商务图标来启用电子商务。

启用电子商务后，您可以在设计器和编辑器中使用多种电子商务功能（元素、页面、集合、设置）。

您可以按照电子商务面板中的配置指南配置您的商店并启动它，或者参考本指南，该指南还涉及大量与 Webflow 电子商务相关的教育材料。

参考

• 从 Webflow 电子商务模板中选择
• 查看所有 Webflow 模板

电子商务汇编

系统会自动为您设置两个电子商务汇编，即产品和类别，以便您启动 Webflow 商店：产品和类别。这些是动态汇编，类似于 CMS 汇编。然而，与 CMS 汇编不同，电子商务汇编有一些区别。探索以下资源，深入了解动态汇编，尤其是电子商务汇编。

产品和分组

增强编译结构后，您可以开始将产品添加到您的商店并对其进行分类。这可以手动完成，也可以通过与 Zapier 等其他服务集成来自动完成。

发现更多

• 电子商务汇编和默认产品字段
• 整合和管理产品和类别
• 制定产品选项和变体
• 整合产品
• 监控库存水平

定制您的商店

在自定义商店时，您拥有与 CMS 相同的设计自由和适应性 — 因此，购物体验可以与您网站的其他部分无缝融合。您可以创建经过筛选、限制和分页的产品列表，并在主页上突出显示它们。

电子商务组件和页面

您还可以为您的产品和类别建立编译模板页面，甚至通过设计两个电子商务实用页面来定制结帐体验：结帐页面和订单确认页面。

了解更多

• 使用电子商务汇编进行设计：创建页面和列表
• 构建添加到购物车按钮
• 在您的电子商务网站的每一页上添加购物车
• 个性化查看购物车按钮
• 调整购物车
• 定制结账体验

首次推出您的商店

构建并设计好商店后，您就可以启动它了。但是，与 CMS 不同，您无法通过单击立即发布一个正常运行的电子商务网站 - 您首先需要配置您的商店。

电子商务配置

首先输入您的公司地址和详细信息。这有助于激活许多其他商店配置的智能默认值，例如货币、单位系统（英制与公制）、初始运输区域（商店所在国家/地区）和初始税收设置。这些设置可以随时在设计器或编辑器中更新。

发现更多

• 电子商务设置概述
• 链接到支付门户
• 为不同的运输区域设置运输方式
• 配置税收
• 库存同步集成
• 启用结帐并启动您的商店

推广您的产品和网上商店

您可以将电子商务汇编与 CMS 汇编合并，并在博客文章中展示产品，或将产品或产品类别与品牌汇编关联起来。此外，您还可以在主页上显示经过筛选的产品列表，以创建季节性促销、广告活动和即将推出的登陆页面。

定制电子邮件

定制和设计自动交易和收据电子邮件以符合您的品牌。

发现更多： 定制电子商务电子邮件

通过灵活的形式管理生命周期营销

整合 Webflow 表单以收集等待列表中的电子邮件。将您的表单连接到 MailChimp 或其他平台以开展电子邮件营销活动。

发现更多

• Webflow 表格简介
• 将注册表单条目传输至 MailChimp

制定动态广告

您还可以将活动发送到 Facebook、Instagram 和 Google，以开展更智能的营销活动。

发现更多

• 将产品同步到 Facebook 目录管理器
• 启动 Instagram 购物
• 将产品同步至 Google Merchant Center

使用 Google Analytics 启动电子商务跟踪

将您的网站与 Google Analytics 集成，以配置电子商务跟踪并在您的分析报告中监控电子商务数据。

发现更多

• 设置 Google 分析
• 跟踪电子商务的 Google Analytics 事件

订单管理

现在您的商店已上线，您可以开始接收订单。订单将在 Webflow 设计器和编辑器中访问，您可以在其中深入了解有关购买者及其地址的详细信息，并且重要的是，更新订单状态以供内部跟踪。您还将通过电子邮件和设计器内收到新订单的通知。

您可以使用 Webflow API 或通过 Zapier 集成有效地管理您的订单，以简化履行和商店管理。

参考

• 订单处理
• 利用 Zapier 进行订单管理 [↗]
• Webflow 管道