地址自动完成 是一个允许我们同步的扩展 谷歌地图 位置探测器 在 查看 页。 让我们假设如果有人从谷歌地图中选择位置,那么相关的地址字段将被自动获取,并将反映在地址、国家、城市、州和邮政编码字段中。 您无需手动填写这些字段。
此外,如果您输入几个单词的位置或邮政编码,那么系统将推送相关位置列表。
从 WooCommerce 下载并解压缩扩展程序后,您必须将其安装在您的 WordPress 网站上
- 登录到您的 WordPress 管理面板。
- 单击左侧菜单上的扩展菜单项。
- 单击添加新的。
- 在页面顶部,您将看到一个上传扩展程序按钮,单击该按钮。
- 接下来单击下面出现的框中的选择文件按钮。
- 选择您从 WooCommerce 下载的 address-auto-complete-for-woocommerce.zip 文件。
- 当 zip 文件完成上传后,单击激活扩展按钮。
- 转到 WooCommerce > 谷歌地图 API
- 输入 API 密钥,仅此而已。
谷歌 API 密钥 ↑ 回到顶部
- 安装和激活完成后,我们需要设置 Google API Key 来完成我们的功能。
- 转到管理仪表板 > WooCommerce > Google 地图 API。
- 在此处输入 API 密钥。
注意:如果您没有 API 密钥,请查看下一个标题 1.1。 如何获取 Google API 密钥。
获取 Google API 密钥
- 转到 Google 搜索栏并输入 Google API Console。
- 单击第一个搜索结果并使用您的 Google 帐户登录。
- 登录后,单击选择项目。
- 点击 新项目 按钮并输入 组织 如果有的话。
- 现在填写项目的所有必填字段,然后单击创建按钮。
- 创建项目后,确保您已选择该项目,然后单击 启用 API 和服务 API 和服务部分中的按钮或库。
- 现在您将能够查看所有 API。 您可以在搜索栏中搜索 API,也可以滚动并在相应的部分中找到它。
- 下面提到的 API 是插件功能所必需的。
- 地方 API
- 地图 JavaScript API
- 距离矩阵 API
- 路线 API
- 地理编码 API
- 搜索地图 JavaScript API 并点击它。
- 启用 地图 JavaScript API.
- 同样,搜索并启用上述所有必需的 API。
- 现在单击导航菜单并转到 APIs & Services > Credentials。
- 在凭据屏幕中,单击 创建凭据 > API 密钥.
- 将创建您的 API 密钥。
- 现在单击导航菜单并转到计费。
- 点击 关联结算帐户 如果您没有计费帐户,如果您已经有帐户,请单击 管理帐单帐户. 由于我们没有结算帐户,因此我们将点击 关联结算帐户 按钮。
- 这将生成一个弹出窗口,现在单击 创建结算帐户.
- 此选项将带您进入支付网关选项,您可以在其中支付并获得 API 密钥的身份验证。
- 选中条款和条件复选框,然后输入您的卡凭证和其他所需信息。
- 现在去复制并粘贴您的 API 到管理仪表板 > WooCommerce > Google Map API。
后端配置
- 地址自动完成现在允许管理员在结帐页面上启用或禁用地图。
- 导航到 WordPress 管理仪表板 → WooCommerce → 谷歌地图 API 在结帐页面上显示地图.
- 你现在在 谷歌地图 API 部分。
- 点击 启用地图 在结帐页面上启用地图的复选标记按钮。
- 点击 保存更改 按钮保存您的设置并继续。
前端影响
- 在网站上访问您的商店。
- 将产品添加到购物车。
- 进入结帐页面。
在结帐页面上启用地图之前
- 启用之前的结帐页面如下所示 地图.
在结帐页面上启用地图后
- 启用后结帐页面如下所示 地图.
- 地图显示在结帐页面上。
注意:通过允许手动地址,可以在选定位置设置任何地址,无论该地址是否经过 Google 地图验证。
后端配置
- 导航到 WordPress 管理仪表板 → WooCommerce → 谷歌地图 API 启用/禁用允许手动地址.
- 通过单击复选框启用/禁用允许手动地址。
- 这将接受客户的手动地址。 这些地址不会被谷歌地图验证。
- 点击 保存更改 按钮保存更改。
前端影响
- 在网站上访问您的商店。
- 将产品添加到购物车。
- 进入结帐页面。
- 如突出显示的那样,选择了一个未经谷歌地图验证的地址。
仅限于特定国家 ↑ 回到顶部
后端配置
注意:限制国家将通过 Woocommerce 销售地点设置和发货地点设置进行设置。
- 在地址自动完成中,管理员现在可以将地址限制为特定县。 使用这些设置只会在结帐页面上显示选定的县。 管理员必须首先在 WooCommerce 设置的销售地点和运输地点中选择特定的县。
- 导航到 WordPress 管理仪表板 → WooCommerce → 谷歌地图 API.
- 在本节中,单击 销售地点 复选标记按钮可在“常规选项”部分将地址限制为特定国家/地区。
- 点击 保存更改 按钮保存您的设置并继续。
销售地点和发货地点设置
- 导航到 WordPress 管理仪表板 → WooCommerce → 设置。
- 前往 通用设置 标签。
- 导航到 常规选项 部分。
- 选择 销售地点 到 卖给特定国家 从下拉菜单中 常规选项 部分。
- 选择国家/地区 销售到特定县域 从下拉菜单中。
- 接下来,前往 发货地点 字段并选择 仅运送到特定国家 从下拉菜单中。
- 选择国家/地区 运送到特定县域 下拉式菜单。
- 点击 保存更改 按钮保存设置并继续。
前端影响
- 在网站上访问您的商店。
- 将产品添加到购物车。
- 进入结帐页面。
在限制国家之前
- 上的地图 查看 在将国家/地区限制为特定之前的页面。
- 国家/地区 查看 限制国家/地区之前的页面。
限制国家后
- 上的地图 查看 将国家/地区限制为特定后的页面。
- 该地图将仅显示特定国家的位置。
- 这 查看 页面将仅显示特定国家/地区的国家/地区和州。
- 这些特定国家/地区将显示为运输和付款国家/地区。
- 转到管理仪表板 > WooCommerce > 设置。
- 前往 船运 标签。
- 有3个子标签,
- 航运区
- 送货选项
- 航运类
- 前往航运 区 (打开“运输”选项卡后默认选择该选项),添加您想要的区域(仅在后端列出的国家/地区将在前端接受运输)。
- 您通过以下方式管理该特定地区的运输方式 添加送货方式 按钮。
- 当您单击 添加送货方式 按钮,弹出窗口将出现,
- 您还可以根据您的要求自定义每种运输方式,方法是单击 编辑 选项。
- 单击保存更改以应用您的设置。
结帐页面上的位置建议 ↑ 回到顶部
- 完成配置后,当您在结帐页面上时,影响将是可见的。
- 在里面 选定地点 栏,提供您的地址的初始详细信息,例如您的城市/州名,然后系统会根据您的搜索为您提供相关地址。
通过地图指针放置的位置 ↑ 回到顶部
- 您只需将指针拖动到所需位置即可。
- 完成后,地址栏将显示其完整地址。
- 在上面提到的图像中,我们可以看到已通过将指针拖动到特定位置来设置位置,因此以下字段也会自动获取。
收件地址 ↑ 回到顶部
- 如果送货地址与帐单地址相同,则不要选中该复选框。
- 如果送货地址与账单地址不同,请选中复选框并填写必填字段。
- 完成后,选择您的付款方式并下订单。
激活地址自动完成扩展 ↑ 回到顶部
- 安装扩展
首先,管理员将安装扩展并激活它。 此外,还可以在以下选项中设置 API 密钥:
- 出货配置
用户需要进入 woocommerce 设置,然后进入发货选项卡。 因此,将从此处配置发货设置。 仅在后端列出的国家/地区将在前端接受发货。
用户可以从以下选项添加运输方式:
在运输方式中,我们可以添加运输金额:
- 结帐页面上的位置建议
这里我在地址栏中给出了地址的初始详细信息,我们可以看到系统正在推送许多与我的搜索相关的相关地址。
- 通过地图指针放置的位置
在这里,我将指针拖到了一个位置,因此在地址栏中它显示了完整的地址。
在上图中,我们可以看到已通过拖动位置指针来设置位置,随后的字段已自动获取。
通过将以下复选框设为未标记,将使帐单地址成为送货地址。
如果您想找到与帐单地址不同的送货地址,只需选中该框并填写以下表格以进行订单发货。