商店模式 — 混合、B2B 专属与 B2C 专属
商店模式 切换是 Vertex 最重要的 B2B 相关主题设置。它控制哪些 B2B 装饰元素 — 钴蓝色问候栏、REP 标签、NET 条款徽章、RFQ 链接、批量订购链接、B2B 促销条以及所有其他带 B2B 风格的元素 — 实际出现在您的商店中。
该设置位于 Customize ▸ Theme settings ▸ B2B ▸ Storefront mode,有三个选项:
- Hybrid(推荐) — 自动检测谁已登录。两类受众都能获得正确的 UI。
- B2B-only — 隐藏 B2C 友好默认值。商店假定每位访客都是贸易账户。
- B2C-only — 抑制 UI 中的每一个 B2B 元素。即使已登录的 B2B 买家也会看到商店装饰元 素的 B2C 版本。
开箱即用,Vertex 的商店模式默认设置为 Hybrid。对于大多数商家而言,这是正确的设置,您永远不需要更改它。
三种模式速览
| 模式 | 最适合 | 买家看到的 |
|---|---|---|
| Hybrid | 大多数商家。同时向贸易账户和散客零售/小型企业客户销售。 | B2B 装饰元素自动为已登录 B2B 买家显示。B2C 装饰元素显示给访客 + 零售客户。 |
| B2B-only | 仅批发商家,从不进行零售。仅贸易目录。经销商网络。 | B2B 装饰元素是各处的默认值。注册路径默认为 「Create trade account」。RFQ + 批量订购链接始终可见。 |
| B2C-only | 与零售品牌运行同一主题的姐妹店。在尚不暴露 B2B 的情况下进行软启动。 | 抑制每一个 B2B 元素 — 即使对于已登录的 B2B 买家也是 如此。看起来像一个精美的工业供应 B2C 主题。 |
并排决策矩阵
使用此矩阵预测每种模式下显示的确切 UI 元素。G = 访客。B2C = 已登录零售客户。B2B = 已登录 B2B 买家。
| UI 元素 | Hybrid (G / B2C / B2B) | B2B-only (G / B2C / B2B) | B2C-only (G / B2C / B2B) |
|---|---|---|---|
| 钴蓝色 B2B 问候栏 (页眉上方) | — / — / ✓ | — / — / ✓ | — / — / — |
| 公司名称 + 徽章 位于问候栏 | — / — / ✓ | — / — / ✓ | — / — / — |
| NET-30 / NET-60 / NET-90 徽章 | — / — / ✓ | — / — / ✓ | — / — / — |
| 免税徽章 | — / — / ✓ | — / — / ✓ | — / — / — |
| REP 标签 (桌面页眉) | — / — / ✓ | — / — / ✓ | — / — / — |
| 送达地点切换器 | — / — / ✓ | — / — / ✓ | — / — / — |
| 公司切换器 (多公司买家) | — / — / ✓ | — / — / ✓ | — / — / — |
| 批量定价表 (PDP) | — / — / ✓ | — / — / ✓ | — / — / — |
| 数量规则强制 (MOQ/最大/增量) | — / — / ✓ | — / — / ✓ | — / — / — |
| RFQ 链接 位于主导航 | ✓ / ✓ / ✓ | ✓ / ✓ / ✓ | — / — / — |
| 批量订购链接 位于主导航 | ✓ / ✓ / ✓ | ✓ / ✓ / ✓ | — / — / — |
| B2B 功能促销条 (主页) | ✓ / — / — | ✓ / ✓ / ✓ | — / — / — |
| 「Create trade account」 CTA(代替「Sign up」) | — / — / — | ✓ / ✓ / ✓ | — / — / — |
| 「Sign up」 CTA(B2C 默认) | ✓ / — / — | — / — / — | ✓ / — / — |
| B2B 感知账户仪表板 | — / — / ✓ | — / — / ✓ | — / — / — |
| 购物车 NET 条款徽章 | — / — / ✓ | — / — / ✓ | — / — / — |
| Hide prices until customer logs in (启用时) | 访客隐藏 | 访客隐藏 | 访客隐藏 |
图例:
- ✓ — 元素可见
- — — 元素隐藏/未渲染
目录范围(B2B 买家只看到其分配目录中的产品)由 Shopify 自身强制执行,与商店模式无关。即使在 B2C 专属模式下,已登录的 B2B 买家仍然只会看到其目录中的产品 — 但周围没有 B2B 装饰元素。
模式 1 — Hybrid(推荐给大多数商家)
Hybrid 是默认值,也是约 80% 商家的正确答案。 它自动检测每位访客的状态(访客、B2C 客户或 B2B 买家)并渲染相应的 UI。
谁应该使用 Hybrid
- 您同时向贸易账户(带条款、目录、批量定价)和 散客零售/小型企业客户销售。
- 您希望使用一个 URL、一个主题、一个产品目录 — 但为已验证的买家叠加 B2B 福利。
- 您是工业供应或 MRO 商家,其零售买家是小型承包商、爱好者或终端用户。
Hybrid 的功能
| 访客类型 | Hybrid 渲染的内容 |
|---|---|
| 访客 | 精美的 B2C 商店装饰元素。主页上的 B2B 功能促销条作为营销。导航中的 RFQ + 批量订购链接(即使是访客也可以提交 RFQ 以开始贸易账户)。 |
| B2C 客户(已登录) | 相同的 B2C 装饰元素。无 B2B 促销条(他们已经是客户)。无 B2B 问候栏(他们不在公司中)。 |
| B2B 买家(已登录) | 完整的 B2B 装饰元素 — 钴蓝色问候栏、公司名称、NET 条款 + 免税徽章、送达地点切换器、REP 标签、批量定价表、数量规则 强制、B2B 感知账户仪表板。 |
为什么推荐它
- 零风险将功能意外隐藏在错误受众面前。
- 如果您希望以这种方式,目录范围仍会让 B2B 专属产品对访客隐藏。
- 每类受众都获得一个传达 「这家商店懂我」 的装饰元素。
模式 2 — B2B-only
在 B2B-only 模式下,商店假定每个人都是(或将成为) 贸易账户。注册 CTA 默认为 「Create trade account」。B2B 功能促销条对每个人显示 — 即使是已登录的零售客户 — 因为零售客户在此模式下不应真正存在。RFQ 和批量订购链接始终可见。
谁应该使用 B2B-only
- 仅批发商家。 您仅向已验证的贸易账户销售。没有零售 SKU,没有面向消费者的结账流程。
- 经销商/分销商网络。 您的买家都是带条款的已批准渠道合作伙伴。
- 仅贸易目录。 工业化学品、重型机械、受管制的医疗用品或仅工业认证等产品。
- 您仍可以允许 匿名浏览 — 但任何想要价格或结账的人都必须登录(将 B2B-only 与 Hide prices until customer logs in 主题设置配对以获得最强的门禁)。
B2B-only 改变了什么
- 所有注册路径 都路由到 「Create trade account」 — 买家会被引导到您的贸易申请表,而不是通用注册页面。
- B2B 促销条 始终可见,以传达拥有账户的价值。
- RFQ + 批量订购链接 固定在所有人的导航中(包括访客)。
- B2B 装饰元素 仍需要登录才能渲染(问候栏、REP 标签、NET 条款徽章) — 这是 Shopify 的约束,而非 Vertex 的选择。但所有其他 UI 信号都会推动访客转向贸易账户状态。
与 Hybrid 相同的内容
- 批量定价、NET 条款徽章、免税徽章、REP 标签 — 仍需要已登录的 B2B 买家才能渲染。
- 目录范围不变。
- 如果您未启用登录要求定价,B2C 友好默认值(例如以访客身份加入购物车) 仍可使用。
B2B-only 模式控制装饰元素,而不是门禁。为了防止访客查看价格或结账,还需在 Customize ▸ Theme settings ▸ B2B ▸ Hide prices until customer logs in 启用 Hide prices until customer logs in。该组合是规范的 「真正仅批发」 配置。
模式 3 — B2C-only
B2C-only 是最强的隐藏。UI 中的每个 B2B 元素都被抑制 — 即使是已登录的 B2B 买家也是如此。钴蓝色问候栏不会渲染。REP 标签不会渲染。NET 条款徽章不会渲染。B2B 感知账户仪表板恢复为 B2C 账户仪表板。RFQ 和批量订购链接从导航中移除。
底层 页面模板仍然存在 — /pages/rfq、/pages/bulk-order、/pages/special-offers。它们只是没有从装饰元素中链接出来。仅隐藏 导航和装饰元素;数据和模板仍然存在。
谁应该使用 B2C-only
- 您在没有任何 B2B 活动的姐妹 B2C 店上运行同一个 Vertex 主题(例如,您的仅零售消费者品牌与您的工业供应品牌)。相同的主题,不同的店。
- 您正在软启动 B2B 功能 — 您希望在后台配置公司、目录、付款条款和元字段,而不向早期访客暴露 UI。在上线日翻转到 Hybrid(或 B2B-only)。
- 启动爬升期间的纯零售期 — 例如,黑色星期五周,您希望统一面向消费者的体验。
- 监管或合同时刻,每个页面必须暂时面向 B2C。
B2C-only 的功能
- 抑制每个 B2B 装饰元素。商店看起来像一个精美的 B2C 工业供应主题。
- 已登录的 B2B 买家仍获得目录范围(Shopify 原生),但没有 B2B 装饰元素。他们看到目录价格,但没有 NET 条款徽章、没有 REP 标签、没有批量定价表。
- B2B 功能促销条对所有人隐藏。
- 批量订购、RFQ 和特殊优惠页面仍可通过直接 URL 访问 — 仅导航链接被隐藏。
何时不要使用 B2C-only
- 如果您有依赖在装饰元素中查看 NET 条款徽章、REP 联系信息或批量定价的已登录 B2B 买家。他们将失去所有这些。
- 如果您是仅批发商家 — 请改用 B2B-only。
常见的爬升模式:「30 天软启动 B2B」
首次采用 B2B 的商家流行的模式:
- 第 1–14 天:B2C-only 模式。 安装 Vertex。按照 B2B 设置指南 在后台配置原生 B2B。创建公司、目录、价格清单、付款条款。按照 Metafield 设置指南 填充销售代表和产品规格 metafield。使用员工账户内部测试。尚未向客户暴露任何内容。
- 第 15–25 天:Hybrid 模式,但 不要 展示 B2B 买家。 切换到 Hybrid。引入 3–5 个试点贸易账户。验证一切为他们正确渲染。迭代元字段内容。优化销售代表分配。
- 第 26 天之后:保持 Hybrid,公开宣布。 给您的零售清单发邮件,邀请贸易账户申请。在您的主页 hero 中添加 RFQ 链接。您已上线。
如果您是仅批发商家,请将第 3 步换成 「切换到 B2B-only」 并打开 Hide prices until customer logs in。
商店模式是一个单独的主题设置。更改它对存储数据、客户账户、B2B 公司、目录或订单没有零影响 — 它只更改渲染哪些装饰元素。您可以随业务发展来回翻转。
如何更改商店模式
- 打开 Shopify 后台并转到 Online Store ▸ Themes。
- 找到 Vertex 主题(Live 或任何预览主题)。
- 点击 Customize。
- 在定制器的左上角,点击 Theme settings 图标(区块列表下方的小齿轮)。
- 滚动到(或点击) B2B 组。
- 找到 Storefront mode。
- 选择 Hybrid、B2B-only 或 B2C-only。
- 点击 Save(右上角)。
点击路径: Online Store ▸ Themes ▸ Customize ▸ Theme settings ▸ B2B ▸ Storefront mode ▸ Save
更改立即生效 — 在单独的标签页中刷新您的商店以确认。
代码参考 — 设置如何接线
供希望在 Liquid 中验证行为的开发人员和代理团队:
该设置作为 settings.storefront_mode 公开,取三个字符串值之一:hybrid、b2b 或 b2c。
每个 B2B 装饰元素都用一个排除 B2C-only 模式的条件包装其渲染:
{%- comment -%} Render only when NOT in B2C-only mode AND buyer is B2B {%- endcomment -%}
{%- if settings.storefront_mode != 'b2c' and customer.b2b? -%}
{%- render 'b2b-greeting-bar' -%}
{%- endif -%}
B2B 促销条使用不同的条件 — 在 Hybrid 中展示给访客,在 B2B-only 中展示给每个人,从不在 B2C-only 中展示:
{%- if settings.storefront_mode == 'b2b'
or (settings.storefront_mode == 'hybrid' and customer == blank) -%}
{%- render 'b2b-promo-strip' -%}
{%- endif -%}
注册 CTA 根据模式交换标签:
{%- if settings.storefront_mode == 'b2b' -%}
<a href="/account/register">{{- 'b2b.create_trade_account' | t -}}</a>
{%- else -%}
<a href="/account/register">{{- 'customer.register' | t -}}</a>
{%- endif -%}
RFQ 和批量订购导航链接使用否定模式(在 B2C-only 中隐藏):
{%- if settings.storefront_mode != 'b2c' -%}
<a href="/pages/rfq">{{- 'b2b.rfq' | t -}}</a>
<a href="/pages/bulk-order">{{- 'b2b.bulk_order' | t -}}</a>
{%- endif -%}
该设置在 sections/header.liquid、sections/main-product.liquid、sections/main-cart.liquid、snippets/b2b-greeting-bar.liquid、snippets/b2b-promo-strip.liquid、snippets/b2b-rep-card.liquid、templates/customers/account.liquid 等中引用。如果您自定义主题,请遵循相同的条件模式以使您的添加保持商店模式感知。
决策树
不确定选择哪种模式?走这棵树:
-
您向零售客户销售吗?
- 是 → 继续问题 2。
- 否(仅批发) → 选择 B2B-only。同时启用 Hide prices until customer logs in。
-
您现在有已登录的 B2B 买家吗?
- 否(尚未) → 在后台配置 B2B 时选择 B2C-only。准备就绪时切换到 Hybrid。
- 是 → 选择 Hybrid。完成。
-
您希望为访客提供 B2B 风格的注册漏斗吗?
- 是 → 考虑 B2B-only(带 Hide prices until customer logs in)。
- 否,注册应有 B2C 感觉 → 保持 Hybrid。
常见问题
更改模式会破坏任何内容吗?
不会。商店模式设置仅更改渲染哪些装饰元素。存储的数据、客户账户、B2B 公司、目录、价格清单、付款条款、元字段值和订单历史都未被触及。
B2C-only 模式会隐藏 /pages/rfq 和 /pages/bulk-order 模板吗?
不会。模板和页面仍已发布且可通过直接 URL 访问。仅导航链接和装饰元素被隐藏。知道 URL 的商家或客户仍可访问它们。
我可以按集合或按产品有条件地渲染 B2B 装饰元素吗?
商店模式是站点范围的切换。对于按集合或按产品隐藏,请使用目录范围(在后台中) 或相关区块内的 Liquid 条件。例如,您可以通过添加 vertex.hide_volume_pricing 布尔元字段并基于它对代码片段进行门禁,在特定产品上隐藏批量定价表。
如果 B2B 买家在模式为 B2C-only 时登录会发生什么?
买家已登录,目录范围适用(他们只看到其目录的产品),但 没有 B2B 装饰元素渲染。他们将商店视为 B2C 客户。NET 条款徽章、REP 标签、批量定价表和问候栏均被抑制。
我可以本地化每种模式的字符串吗?
可以。每个 Vertex 字符串都在 locales/{language}.json 文件中。b2b.create_trade_account 和 customer.register 键可以按语言自定义,以适应您的品牌声音。
接下来是什么
- B2B 设置指南 → — 在切换出 B2C-only 模式之前端到端启用原生 B2B。
- 元字段设置指南 → — 填充
vertex命名空间,使 REP 标签、技术规格表和文档块实际在 Hybrid / B2B-only 模式下渲染。 - 主题设置参考 → — 主题编辑器中所有其他 B2B 相关设置(Storefront mode、Hide prices until customer logs in,以及产品页开关)。
- FAQ + 故障排除 → — 回答热门模式相关问题。