将WooCommerce购物车按钮转换为询盘按钮

将WooCommerce购物车按钮转换为询盘按钮

作者:DIYzhan.com |  浏览:12742 |  评论已关闭 条评论
Ad - Web Hosting from SiteGround - Crafted for easy site management. Click to learn more.

我们使用WordPress做外贸网站,有些高级主题是经常需要用到WooCommerce搭配来建外贸网站的;WooCommerce是有购物车功能的,对于有些用户,他们用WooCommerce只是想借助WooCommerce的产品列表展示功能,以便在WordPress上传产品,而实际上他们是并不需要购物车功能的。如果你在WooCommerce的产品中,不添加价格,是不会有购物车出现的。但如果你想显示价格,又不想显示购物车按钮;或者你想在购物车按钮处添加个询盘按钮,方便客人给你咨询当前产品的信息。那么这个询盘按钮插件就可以帮助你了。另外这个询盘按钮插件还支持短码,你可以使用短码,把询盘按钮插入到页面,边栏,文章等其他地方;如果你懂php,还可以插入到主题文件中。

插件功能:

  • 替换WooCommerce的购物车按钮为询盘按钮
  • 可以关闭替换WooCommerce购物车按钮功能
  • 可以调节按钮位置
  • 可以调节按钮颜色
  • 可以更改按钮文字
  • 自定义短码,可以插入到文章,产品页面其他位置(关闭替换WooCommerce购物车按钮功能功能不影响短码使用)
  • 搭配Contact Form 7使用,通过Contact Form 7自定义表单
  • 点击按钮后弹出联系表单效果

设置方法:

插件的安装方法和其他插件一样,下载好插件到本地电脑,然后在plugins->add new里面添加upload plugin, 通过上传安装。

floating-customer-service-1

安装好后,就可以在WordPress后台左侧菜单看到一个Inquiry Button For WooCommerce(原来是Enquiry-For-WooCommerce)的菜单项目,这个就是设置询盘按钮的菜单项。

Button Options:

点击Enquiry-For-WooCommerce的菜单项后出现如下图,这里,你需要把你在contact form 7中创建的表单的ID和title填写到button options里面对应的位置,如下:

inquiry

enquiry-1

enquiry-2

注意:本插件需要搭配contact form 7来一起使用,请预先安装contact form 7插件;

Style Options:

这里是设置询盘按钮的样式的,在这里,你可以更改按钮的背景色,字体,悬停效果等;

enquiry-3

enquiry-4

本插件启用后即可替换购物车按钮,如果你不需要这个功能了,把插件不启用(Deactivate)就可以了。这个插件也是我们花费了不少精力和时间开发的,所以适当收费,价格:¥150元,VIP会员免费联系站长获取,并请勿用于再次销售。效果如下:

enquiry

 

 

原创文章,转载请注明: 转载自DIYzhan.com-从零开始自己做外贸网站和海外网络营销
本文链接地址:https://www.diyzhan.com/2017/02/change-add-to-cart-button/

相关推荐
更多

评论已关闭。

长按扫我微信
需要帮助?
点击这里给我发消息