1. 首页
  2. 建站运营
  3. Wordpress

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

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

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

插件功能:

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

设置方法:

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

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

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

Button Options:

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

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

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

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

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

Style Options:

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

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

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

本插件启用后即可替换购物车按钮,如果你不需要这个功能了,把插件不启用(Deactivate)就可以了。这个插件效果如下:

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

原创文章,作者:嘉维,如若转载,请注明出处:http://www.fobgavin.com/woocommerce-cart-to-enquiry-button.html

发表评论

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

+ 29 = 39

评论列表(1条)