如何为 Shopify 添加互动提货点地图
为 Shopify 商店添加互动地图，让顾客轻松搜索顺丰提货点及智能柜。
分享此文章
香港顾客要的不只是顺丰提货——他们需要 快速找到合适的智能柜或提货点，通常是在手机上，在住所、公司或地铁站附近完成选择。
结账时只有一个地址栏位往往不够。互动提货点地图 让顾客以视觉方式查看位置、比较附近选项，并在填写配送地址前安心确认。
本文说明地图对 Shopify 顺丰提货为何重要、Shopify 本身提供（及不提供）什么，以及 香港提货点 如何无需自行开发即可提供内置地图体验。
为何互动地图对顺丰提货很重要
顺丰速运营运香港其中一个最大型的自助物流网络。SF Locker（EF Locker） 单单智能柜网络已覆盖全港 900 多个智能柜，分布于屋苑、商场、商业大厦及交通枢纽——不少更提供全天候服务。
除智能柜外，顾客亦可于 顺丰站 及合作提货点取件。若只靠地址搜索，要从大量网点中选择并不容易。
互动地图的优势包括：
| 优点 | 对香港电商的意义 |
|---|---|
| 选择更快捷 | 无需滚动长列表或手动输入地区名称 |
| 减少地址错误 | 从已验证的位置数据选择，而非自由输入 |
| 以手机为先 | GPS 及地图搜索符合香港顾客主要使用手机购物的习惯 |
| 降低送货失败 | 正确的提货目的地可减少快递重派 |
| 提升转化率 | 提货流程清晰易懂，结账阻力更低 |
目标不只是「显示地图」，而是帮助顾客在数秒内 发现、比较并确认 最合适的顺丰网点。
Shopify 本身提供什么
Shopify 在结账、配送区域及运费方面表现出色，但 并未内置：
- 顺丰提货点及智能柜 的数据库
- 供承运商提货选择的 互动地图
- 以 GPS 搜索附近 物流网点的功能
- 根据所选顺丰网点 自动填写地址
Shopify 原生的 本地提货（local pickup） 功能针对 您自己的 门店，而非顺丰的全港网络。要使用 SF Locker 及顺丰提货点，商户通常会从 Shopify App Store 安装 专用提货应用，或自行整合。
全港 超过 1,200 个网点 下，只靠下拉菜单选择很快便难以应付。香港提货点 专为此规模而设：在同一结账流程中结合 互动地图、GPS 附近搜索 及列表筛选——让顾客无需滚动数百个名称即可找到合适的顺丰网点。
自行开发地图 vs 使用提货应用
方案 A：自行开发
您可以整合 第三方地图服务、自行维护提货点数据库、同步顺丰数据，并将选择结果写入结账 URL 预填。这样可完全掌控，但您需承担：
- 持续 数据同步（顺丰新增、关闭或搬迁网点）
- 地理编码 及坐标准确度
- 多语言 标签（英文、繁体中文、简体中文）
- 手机 定位权限 及隐私处理
- 主题与结账 安装及维护
方案 B：使用专用 Shopify 应用（建议）
专为此用途而设的应用可处理位置数据、地图界面、结账地址填写及主题整合。对大部分香港商户而言，这比自行维护整套地图方案更快捷、更经济及更可靠。
香港提货点提供什么
香港提货点 专为香港 Shopify 商店而设。地图直接整合于顾客提货流程，而非另开独立页面。
结账时的互动地图
顾客选择 智能柜／提货点取件 后，可在 列表 与 地图 视图之间切换。地图功能包括：
- 多个网点相近时的 集群标记（放大即可展开）
- 按服务商显示的 图钉图标，选中时会高亮
- 点击标记时显示 提货点详情 的弹出窗口
- 针对手机及桌面优化的 平移及缩放 控制
- 本地化地图标签（英文、繁体中文及简体中文）
地图默认以香港为中心，并会自动调整范围以显示可见的提货点。
两种搜索模式：筛选及 GPS 定位
顾客可通过两种方式寻找提货点：
筛选模式 — 按以下条件浏览：
- 服务商（例如顺丰智能柜、顺丰站、合作网点）
- 地区（香港岛、九龙、新界、澳门）
- 分区
使用当前位置 — 在顾客授权后，应用会：
- 读取设备 GPS 坐标
- 从服务器取得 附近提货点（按距离排序）
- 在地图上显示顾客位置
- 缩放至其位置，方便快速选择附近网点
位置数据 仅用于返回搜索结果，不会在服务器上保留。
每个网点的独立「查看地图」页面
每个提货点可于新标签页开启 专用地图页面——适合顾客在决定前查看更大地图、营业时间及地址详情。此功能适用于顺丰网点及 自定义门店（Pro 方案）。
超过 1,200 个自动更新的网点
应用包含全港 超过 1,200 个顺丰提货点及智能柜，并随网络变更保持更新。准确的网点列表对顺畅发货至关重要：当顾客在地图上选择位置时，写入 Shopify 结账的地址必须对应真实、仍在运作的提货点。错误或过时的数据会导致送货失败、快递拒收，以及下单后的客服跟进。
有了持续维护的提货列表，地图与结账保持一致——顾客选择有效网点，您可安心发货，亦无需人手追踪哪些智能柜或门店仍然营业。
结账地址自动填写
顾客在地图（或列表）选定网点后，应用会将格式化地址写入 Shopify 结账 的配送字段——地图不只是视觉展示，更驱动准确的结账数据。
如何为 Shopify 商店添加互动地图
若您已安装 香港提货点，请依照以下步骤启用地图功能。
步骤一：安装应用并选择套餐
- 从 Shopify App Store 安装。
- 在 Starter 或 Pro 套餐开始 14 天免费试用。
- 两个套餐均包括 内置地图显示 及 GPS 定位检测。
步骤二：在店铺安装
- 于商户后台打开 Getting Started 或 Install App。
- 若使用 Online Store 2.0 主题：于 Theme Editor 启用 theme app extension。
- 若使用旧版主题：使用 checkout script（script tag） 后备方案。
完整教程请参阅 如何为 Shopify 添加顺丰速运提货点。
步骤三：在设置中启用地图
- 前往应用 Settings（设置）。
- 将 App Status（应用状态） 设为 Enabled（已启用）。
- 开启 Show Pickup Points Map（显示提货点地图）。
- 选择要在地图上显示的 服务商 及 服务地区。
- 保存变更。
启用地图后，提货选择器默认为 地图 视图（顾客仍可切换至列表）。
步骤四：（可选）将门店加入地图 — Pro
在 Pro 套餐下，可添加自定义门店提货点，包括地址、营业时间及地图坐标。商户端地理编码使用英文地址及所选分区，并可拖曳图钉微调位置。这些门店会与顺丰标记一并显示。
步骤五：在手机上测试
- 加入商品并点击 Checkout（结账）。
- 选择 智能柜／提货点取件。
- 确认 地图 分页加载并显示集群标记。
- 试用 使用当前位置，确认附近网点出现。
- 选择标记，继续至 Shopify 结账，确认 地址已预填。
大部分香港顾客会在手机上使用地图——请优先在手机上测试。
Shopify 提货地图最佳实践
- 同时提供列表及地图 — 部分顾客偏好滚动列表，部分偏好地图，两者皆应支持。
- 保留送货上门 — 地图提货是额外选项，而非取代送货。
- 清楚说明定位权限 — 仅在顾客点击「使用当前位置」时才请求 GPS。
- 使用清晰文案 — 说明可于顺丰智能柜、提货点及（如适用）您的门店取件。
- 按策略限制服务商 — 隐藏您实际上无法处理的服务商类型或地区。
- 更换主题后重新测试 — 若更换主题或修改 app embed，请再次检查地图。
常见问题
地图是否需要 Shopify Plus？
不需要。提货地图在标准 Shopify 结账前的店铺运行——地图本身无需 Plus 套餐。
是否需要自行申请地图 API 密钥？
不需要。应用会为面向顾客的提货体验管理地图基础设施。
顾客能否不分享 GPS 仍选择提货点？
可以。筛选模式（地区、分区、服务商、列表）无需定位权限即可使用。
顺丰网点多久更新一次？
提货列表会定期更新，使新增、搬迁或关闭的网点在地图及结账上保持准确——无需您自行维护电子表格。
下一步
互动提货地图将超过 1,200 个顺丰网点的庞大列表，转化为快速、直观的视觉选择——尤其适合手机用户。对香港 Shopify 商户而言，这代表更低的结账阻力、更少的地址错误，以及本地电商顾客已习惯的提货体验。
- 从 Shopify App Store 安装 香港提货点
- 阅读 如何为 Shopify 添加顺丰速运提货点 了解完整设置步骤
- 参阅 Shopify 商店 SF Locker 智能柜完整指南