余额查询组件¶
余额查询组件让客户在您的店面中输入礼品卡代码，即可立即看到剩余余额，无需前往结账页面。
这样可以减少“我的卡还剩多少钱？”之类的支持请求，并让客户在购物前更有信心。
工作原理¶
- 客户访问您店铺的余额查询页面或嵌入的组件
- 客户输入完整的礼品卡代码，并点击查询按钮
- 组件显示当前余额、卡片状态、是否设有有效期以及交易记录
余额会在客户查询时从 Shopify 实时读取，因此始终是最新的。仅输入代码的末几位字符是不够的，必须输入完整代码，这样才能保护他人卡片的隐私。
根据您的设置，该组件还可以推荐价格接近卡片余额的商品，让客户将礼品卡应用到购物车，并显示礼品卡可覆盖购物车的金额比例。
余额查询页面¶
启用组件后，您的店铺会拥有一个托管的余额查询页面，地址为：
https://[your-store].myshopify.com/a/gifthero/balance
请在礼品卡发送邮件、导航菜单中，或任何客户可能找到它的地方分享此链接。
在任意页面嵌入组件¶
您也可以在店面中希望显示组件的位置，直接添加以下 HTML 元素来嵌入组件：
<div class="sc-hero-checker-container"></div>
Gift Card Hero 的脚本会自动将组件注入该容器。
配置¶
要启用组件并设置其行为，请进入左侧导航中的 Balance widget。完整的设置说明请参阅组件配置，包括：
- 启用 / 停用组件
- 余额查询后的产品推荐
- 允许客户在组件中将一张或多张礼品卡应用到购物车
- 购物车进度条
- 自动打开的延迟时间
- 页面标题和文字、颜色以及翻译
分享余额查询链接¶
适合分享余额查询网址的场所：
- 礼品卡配送邮件中的“Check Balance”按钮
- 您的店面导航（“Gift Cards”或“Check Balance”菜单项）
- 订单确认邮件和发货通知邮件
- 您的客户账户页面
客户账户余额视图¶
使用 Shopify 账户登录的客户，可以在其客户账户门户的 My Gift Cards 部分查看自己的所有礼品卡（包括余额）。详见客户账户门户。
故障排除¶
组件没有显示
- 确认已在组件配置中启用该组件
- 如果使用嵌入方式，请检查页面源代码中是否存在 <div class="sc-hero-checker-container"></div>
- 强制刷新页面（Cmd/Ctrl + Shift + R），以绕过 Shopify 的主题缓存
- 检查您的主题是否已启用主题扩展
输入的代码看似正确，但组件找不到对应的卡 - 组件通过完整代码查找礼品卡。请确保客户输入了全部代码，没有遗漏或多余的字符。 - 检查该礼品卡在 Shopify 中是否已被停用。
余额显示过期 - 组件会在客户每次查询时从 Shopify 读取余额。请让客户再次查询，如果仍显示旧数值，请强制刷新页面。