案例研究:外贸A网站

2019/03/04

为了保护网站的隐私,很多客户不愿意同行看到其网站,所以这里展示的案例研究不会附上网址,另外很多案例都是来站加工,也不便公开网址。该网站称为外贸A网站。本案例研究只讨论技术问题。另外本案例基于WordPress平台。

外贸A网站主打语言是英文,制作上主要做了产品页,服务页,联系页和博客文章。产品页是基于Woocommerce插件定制的。在技术上做了如下设计:

一、定制了Woocommerce的产品存档页和产品详细页

在产品存档页我们添加了单独的产品存档描述和询盘按钮,在后台有专门的地方可以输入产品分类存档描述,并且支持HTML格式内容,这极大了增强了SEO内链功能。

询盘按钮支持弹窗,弹窗可以直接发起询盘。

产品详细页进行了完全的定制。修改了默认的显示方式:

整个产品页面包含了产品描述,视频,组件,参数,产品线和询盘等主要内容,在顶部可以随着产品往下拉,固定导航。产品描述图片和文字描述调换位置。视频支持弹窗,组件支持无限添加,并可点击弹出图像,参数可以无限增加。

二、幻灯片按钮支持弹窗

很显然在幻灯片按钮上添加一个弹窗是一个新问题,不过通过研究发现可以结合prettyPhoto的inframe进行处理,只需赋予类,然后在Js里面写入相关方法即可。

三、询盘表单添加验证码

我们采用Cantact Form 7表单插件做询盘表单,为了防止垃圾邮件,我们添加了验证码。由于我们的特殊环境,谷歌验证码不是很好显示,我们采用了Really Simple CAPTCHA插件来实现。

四、客服的实现

客服在桌面上我们采用的在右边显示,由于网站是自适应的,所以手机上显示,我们把客服自动转到下面显示。

发表评论

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