Hunk » 外贸建站 » Avada主题 » 如何在Avada网站添加Google翻译

如何在Avada网站添加Google翻译

谷歌翻译是实现多语言网站的最简单的方法,只需要添加一些代码,就可以轻松实现多语言和小语种在线翻译的功能,成本非常低,今天就来讲一下如何在Avada网站添加Google翻译

案例主题: AVADA 5.14, avada5系的所有版本应该可以通用

1. 申请google翻译的代码

进入Google翻译申请页面 ,  点击立即添加GG代码到您的网站

如何在Avada网站添加Google翻译 1

(接下来可能跳转到gmail账号的登陆页面,由于我的gmail账号已经登陆在chrome上面,所以没有遇到这一步)而是直接进入以下页面,按上面的要求填上网址,选择你的网站语言,并点击下一页

如何在Avada网站添加Google翻译 2

接下来是做一些简单的设置,

译文语言: 设定翻译的语言,你可以选择所有的语言也可能选择某些语言

显示模式:保持默认即可

高级: 按需要选择即可

设置完以后点击获取代码

如何在Avada网站添加Google翻译 4

接下来就会跳转到代码页面,复制文本框中的所有代码

如何在Avada网站添加Google翻译 5

2. 添加google翻译代码到AVADA主题中

进入WP后台 – AVADA – theme options – header – header content, 网站的header样式一定要选择带顶部菜单的几个模式才可以添加google翻译,如下图

如何在Avada网站添加Google翻译 6

然后往下面拉,找到phone Number for contact info这个框中,把复制的google翻译代码粘贴到call us ..这一句前面,然后点save changes保存

如何在Avada网站添加Google翻译 7

刷新前台,可以看到,GOOGLE翻译已经出来了,但是排版不好看,那么接着把以下的css代码

如何在Avada网站添加Google翻译 8

.goog-te-gadget-simple{float:left;border:none!important;}

粘贴到theme options – custom css的框中,然后保存,再刷新前台,即可看到Google翻译已经加到位置上面了

 

如何在Avada网站添加Google翻译 9

大功告成,有的人会问为什么点上去,上面的语言都是中文,那是因为我的浏览器是中文,当你的客户看到你的网站的时候,会对应变成他的语言,不会是中文的!

扫一扫,分享朋友圈

如何在Avada网站添加Google翻译

关注Hunk微信公众号

Hunk,10年进入外贸行业,从事外贸业务,12年转型技术,从事外贸建站营销工作。 如果你准备搭建外贸独立站,本站有很多专业的技术文章供你参考。 Hunk推荐在namesilo上购买域名,在sitegroundcloudways上购买空间,使用Google企业邮箱。 当然,如果你对技术不擅长也没时间研究,可以找Hunk外包建站或付费解决问题

“如何在Avada网站添加Google翻译”上的10条回复

今天点开链接,显示:“我们不再另提供访问 Google 翻译的网站翻译器的权限。此更改不影响目前对网站翻译器的使用。我们建议用户在使用原生支持翻译的浏览器时使用网页翻译功能。”
Translation API要收费的。

感谢Hunk大神,按照步骤操作成功,问题就是添加了CSS后还是不能完美对齐,选择语言的图标比后面的顶部菜单的内容要靠下,整个顶部菜单就变宽而且多出来一些空白,有点不太美观,请问这个有办法调整么?

我准备将 goolge 翻译那个页头和页脚隐藏,假装就是目标语言的网站,可问题是,在翻译完成之前会显示原语言有点闹心

Hunk, 最近一直特别困扰是否要做二级域名,然后做小语种网站。想想就有点头大。我觉得这个方法很好谢谢!现在这样直接显示客户语言,那我做adwords的时候是不是也可以直接做小语种了呢?

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

-->