WordPress如何嵌入Google Map地图?详细教程

对于外贸企业、制造商、品牌官网以及拥有实体办公地址的公司来说,在网站中添加Google地图是一项非常实用的功能。
海外客户访问企业官网时,除了关注产品、公司介绍和认证资质,也会关注企业的真实位置。相比单纯展示文字地址,Google地图可以更直观地展示公司或工厂位置,提升网站专业度和客户信任。
本文将介绍如何在WordPress网站中嵌入Google地图,帮助企业快速完成官网地图展示。

图片[1]-WordPress如何嵌入Google Map地图?详细教程-海网商城

外贸企业为什么建议在官网添加Google地图?

对于B2B企业来说,Google地图不仅是一个展示功能,更是一种信任建立方式。

特别是海外采购商,他们通常会关注:

✔ 公司是否真实存在
✔ 是否有生产基地
✔ 是否有办公地址
✔ 是否具备长期合作能力

一个完整的企业官网应该包含:

  • 公司介绍
  • 工厂图片
  • 产品展示
  • 认证资质
  • 联系方式
  • Google地图位置

这些内容都会帮助海外客户提高信任度,增加询盘机会。

方法一:通过Google Map代码嵌入WordPress网站

这是目前WordPress网站使用最多的方法。

优点:

✅ 不需要安装额外插件
✅ 兼容所有WordPress主题
✅ 操作简单稳定
✅ 适合企业官网、产品网站、外贸独立站

第一步:在Google地图中找到企业位置

首先打开Google Map:

搜索你的公司名称,或者直接定位企业地址。

如果Google地图中还没有你的公司位置,可以先添加企业地点。

操作步骤:

  1. 打开Google Map
  2. 点击你的公司实际位置
  3. 选择添加地点

Google地图会要求填写企业相关信息。

填写企业信息

为了方便客户搜索,同时提升Google地图SEO效果,建议完整填写企业资料。

包括:

公司名称

填写你的品牌名称或公司名称。

例如:

ABC Lighting Manufacturer

企业类别

选择与你业务相关的分类:

例如:

  • Manufacturer(制造商)
  • Factory(工厂)
  • Lighting Supplier(灯具供应商)
  • Machinery Manufacturer(机械制造商)

公司地址

填写准确的办公地址或工厂地址。

营业时间

填写企业正常工作时间。

例如:

Monday-Friday
9:00 AM – 6:00 PM

联系方式

建议填写:

  • 电话
  • 官网网址
  • 企业邮箱

完整的信息不仅方便客户联系,也有助于Google判断企业真实性。

填写完成后点击提交。

等待Google审核企业位置

提交之后,Google需要一定时间审核你的地点信息。

审核时间根据情况不同,可能需要:

  • 几小时
  • 几天
  • 更长时间

你可以通过Google账号查看审核状态。

查看方法:

打开Google Map:

点击左上角菜单

进入:

Your contributions(你的贡献)

然后查看:

Edits(修改记录)

这里可以看到提交地点的审核进度。

第四步:复制Google地图嵌入代码

审核完成后:

打开你的企业位置。

点击:

分享(Share)

然后选择:

嵌入地图(Embed a map)

Google会生成一段HTML代码。

点击:

Copy HTML

复制地图代码。

示例:

<iframe 
src="Google Map地址"
width="600"
height="450">
</iframe>

第五步:添加Google地图到WordPress页面

进入WordPress后台:

路径:

页面(Pages)

找到需要添加地图的页面

例如:

  • Contact Us(联系我们)
  • About Us(关于我们)
  • Factory Location(工厂地址)

打开页面编辑。

如果使用WordPress默认编辑器:

添加:

自定义HTML模块

然后:

  1. 粘贴Google地图代码
  2. 保存页面

调整地图尺寸

Google默认地图尺寸可能比较小。

可以修改:

宽度:

width="100%"

高度:

height="450"

推荐企业官网设置:

宽度:

100%

高度:

400-500px

这样在电脑和手机端显示效果更好。

第六步:检查网站显示效果

保存页面后:

打开网站前台。

进入:

联系我们页面

如果看到:

  • 公司位置
  • Google地图
  • 缩放按钮

说明Google Map已经成功添加。

现在海外客户访问你的官网时,可以直接查看公司位置。

方法二:使用Elementor快速添加Google地图

如果你的WordPress网站使用Elementor页面编辑器,那么添加Google地图会更加简单。

Elementor是一款非常流行的WordPress页面设计工具。

它采用拖拽方式制作网页,不需要编写代码。

目前大量企业官网、外贸独立站都会使用Elementor设计页面。

第一步:打开Elementor编辑页面

进入:

WordPress后台

页面

选择需要修改的页面

点击:

使用Elementor编辑

例如:

Contact Us 页面。

第二步:添加Google Map模块

进入Elementor编辑界面。

左侧工具栏搜索:

Google Maps

找到地图模块后:

直接拖动到页面指定位置。

第三步:输入企业地址

在地图设置中:

找到:

Location(位置)

输入:

你的公司名称或者详细地址。

例如:

ABC Company, Shenzhen China

Elementor会自动调用Google地图数据。

第四步:调整地图显示效果

可以修改:

Zoom(缩放比例)

控制地图显示范围。

例如:

15-18

适合显示公司周边区域。

Height(高度)

建议:

400-500px

适合企业官网展示。

第五步:设置地图全宽显示

如果希望地图铺满页面:

进入:

Section(区块)

Layout(布局)

设置:

Content Width:

Full Width

如果地图两边还有空白:

进入:

Column(栏目)

Advanced(高级)

找到:

Padding(内边距)

全部设置:

0

这样地图就会完整铺满。

WordPress添加Google地图问题解答

1. Google地图显示不了怎么办?

可能原因:

  • Google API限制
  • 地址不存在
  • 网络访问问题

解决方法:

确认地址是否正确,并重新复制地图代码。

2. 企业没有Google地图位置怎么办?

可以先创建Google Business Profile。

填写:

  • 公司名称
  • 地址
  • 电话
  • 官网
  • 图片

审核通过后即可显示。

3. 添加Google地图会影响网站速度吗?

一般不会。

但是如果页面加载多个地图,会增加加载时间。

建议:

  • 首页不要放多个地图
  • 联系页面放一个即可
  • 使用缓存插件优化速度

© 版权声明
THE END
喜欢就支持一下吧
点赞18 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容