B2B & Wholesale Solution:配置店铺展示设置
B2B & Wholesale Solution 应用中的店铺展示设置,用于控制客户如何从您的店铺前台提交询盘并联系您的团队。通过这些设置,您可以让客户提交多产品询盘、在商品页面和站点页头添加询盘按钮,并使用 Google reCAPTCHA 保护您的询盘表单,避免机器人恶意提交。
本指南将说明如何配置询盘按钮和表单、设置 Google reCAPTCHA,以及管理新询盘的邮件通知。
配置店铺展示设置的前提条件
开始之前,请确认:
- B2B & Wholesale Solution 应用已安装在您的店铺上。
- 如果您的店铺使用的是 OS 3.0 主题,请在主题编辑器中添加所需的应用组件(样品信息、MOQ、物流信息、批量询盘、商品询盘按钮、询盘悬浮按钮组件)。如未添加这些组件,店铺展示相关功能将无法在您的店铺前台正常显示。详细信息请参见《将应用集成到 OS 3.0 主题》。
为询盘清单启用批量询盘
如需让客户将多个商品添加到同一询盘中,请按以下步骤操作:
- 从您的 SHOPLINE 管理后台,进入【应用】>【B2B & Wholesale Solution】。
- 在页头菜单中,点击【设置】>【店铺展示】。
-
在【批量询盘】区块中,将【开启批量询盘】开关打开。
-
在【出现批量询盘按钮的页面】下,点击【页面选择】,选择您希望显示【Add to quote】按钮的页面。
- 点击【更新】保存更改。
开启后,客户可以通过【Add to quote】按钮将多个商品添加到询盘清单,然后为清单内所有商品一次性提交询盘。
在商品列表页显示询盘按钮
如需在商品列表页显示询盘按钮,请按以下步骤操作:
- 在店铺展示页面,进入【询盘按钮位置】区块。
-
将【商品列表询盘】开关打开。
- 在【电脑端】下,选择按钮的显示位置:
- 【Hover 居中展示】:客户将鼠标悬停在商品图片上时,询盘按钮将居中显示在图片上方。
- 【商品信息下方】:询盘按钮显示在列表页商品信息的下方。
- 在【移动端】下,选择按钮的展示方式:
- 【按钮】:以带文字标签的按钮形式展示询盘按钮。
- 【图标】:以图标形式展示询盘按钮。点击【展示位置】可设置更多图标展示选项。
- 点击【更新】保存更改。
配置询盘悬浮按钮和页头按钮
【询盘悬浮/页头按钮】 区块可让您在店铺前台添加两种类型的询盘按钮:一种是显示在指定页面上的悬浮按钮,另一种是显示在站点导航中的页头按钮。
设置询盘悬浮按钮
如需在店铺前台显示询盘悬浮按钮,请按以下步骤操作:
- 在店铺展示页面,进入【询盘悬浮/页头按钮】区块。
-
将【询盘悬浮按钮】开关打开。开启后,询盘悬浮按钮将显示在您所选页面的右下角。
-
在【出现询盘按钮的页面】下,点击【页面选择】,勾选您希望显示悬浮按钮的页面。
- 点击【更新】保存更改。
设置询盘页头按钮
如需在店铺前台的顶部导航中显示询盘按钮,请按以下步骤操作:
- 在店铺展示页面,进入【询盘悬浮/页头按钮】区块。
-
将【询盘页头按钮】开关打开。开启后,客户点击店铺前台的该按钮即可展开询盘表单。
- 点击【样式选择】自定义按钮外观。
-
在【款式设置】面板中,配置以下内容:
- 【按钮样式】:从三种预设按钮形状中选择一种。
- 【展示按钮名称】:输入按钮上显示的文字(例如 "CONTACT US" )。
- 【按钮颜色】:选择按钮的背景颜色。
- 【文字颜色】:选择按钮文字的颜色。
- 在【款式设置】面板中点击【更新】保存按钮样式。
- 在店铺展示页面点击【更新】保存更改。
管理询盘表单及其显示位置
B2B & Wholesale Solution 应用允许您创建多个询盘表单,并选择每个表单在店铺前台的显示位置。如需管理您的表单:
- 在店铺展示页面,进入【询盘表单】区块。
-
点击【创建表单方案】新建询盘表单,或选择现有表单(例如 Default Form)进行编辑。
-
在表单放置设置中,第一个【表单应用】表格可让您使用下拉列表,为以下触发场景选择要显示的表单:
- 【商品详情页/列表页】:选择客户在商品详情页或列表页点击询盘按钮后显示的表单。
- 【批量询盘页】:选择启用批量询盘后,在批量询盘页显示的表单。
- 【询盘页头按钮】:选择客户点击询盘页头询盘按钮后显示的表单。
- 【询盘悬浮按钮】:选择客户点击页面右下角询盘悬浮按钮后显示的表单。
-
如果您希望将表单直接嵌入页面,请滚动至第二个场景表格,点击【店铺首页】或【广告落地页】旁边的【前往配置】,添加【询盘表单组件】。具体展示位置可在页面设计设置中配置。
注意: 如需了解如何新增【询盘表单】组件,请参阅《B2B & Wholesale Solution:在页面上放置表单组件》。 - 点击 【更新】 保存更改。
设置 Google reCAPTCHA 保护您的询盘表单
如需保护您的询盘表单免受机器人提交和垃圾信息的影响,请按以下步骤操作:
- 在店铺展示页面,进入 reCAPTCHA 区块。
- 将【启用 reCAPTCHA】 开关打开。
-
填写以下 reCAPTCHA 凭证信息:
- 【网站密钥(Site key)】:输入 Google reCAPTCHA 生成的网站密钥。
- 【密钥(Secret key)】:输入 Google reCAPTCHA 生成的密钥。
如果您还没有这些密钥,请点击【此处】打开 Google reCAPTCHA 管理后台以生成密钥。
- 点击【更新】保存更改。
| 注意:启用此功能前,您必须先申请自己的 Google reCAPTCHA 密钥。如果没有有效的网站密钥和密钥,将无法启用 reCAPTCHA。 |
配置新询盘的邮件通知
如需管理客户提交询盘时接收邮件通知的人员,请按以下步骤操作:
- 在店铺展示页面,进入【邮件通知】区块。
-
点击【员工通知邮件】,设置或编辑客户提交询盘时员工将收到的邮件。
-
(可選)勾選【客户通知邮件】旁的复选框,然后点击【客户通知邮件】,编辑客户提交询盘后收到的确认邮件模板。
- 点击【更新】保存更改。
| 注意:您可以自定义员工和客户通知邮件的内容和样式。 |
常见问题
问:为什么会出现“密钥无效”错误,或询盘表单的 reCAPTCHA 复选框一直转动却无法完成验证?
这两个问题通常是由于您的 Google reCAPTCHA 账户中缺少店铺域名条目所致。请按以下步骤解决:
- 前往 Google reCAPTCHA 管理后台,进入您的 reCAPTCHA 设置。
- 在 域名(Domains) 下,添加您店铺的前台域名,然后保存。
- 等待几分钟以使更改生效,然后返回 B2B & Wholesale Solution 的【设置】>【店铺展示】,重新点击【更新】以保存您的网站密钥和密钥。
| 提示:如果您使用的是 reCAPTCHA v2(挑战/复选框)且仍遇到验证问题,建议切换至 reCAPTCHA v3(基于评分),该版本较少出现令牌和密钥验证失败的情况。 |