← 返回博客
WooCommerceWordPress电商建站

WooCommerce 一键购买怎么加?用 Buy one click 插件做快速下单按钮(含简码与设置要点)

WooCommerce 如何加 Buy Now、一键购买?以官方插件目录中的 WPC Buy Now Button 为例:安装、按钮位置、跳转结账、简码与设置。插件页:WordPress.org 简体中文版。

很多独立站希望顾客少点几步就进结账:不必每次先加购物车再点结算。实现方式有不少插件,思路都是「在加入购物车旁或单独放一个 Buy now / 一键购买,点完直接去结账或按你设定的规则走」。

下面以 WPC Buy Now Button for WooCommerce(开发者 WPClever,WordPress.org 插件目录 可下载,活跃安装 1 万+)做完整演示:从安装到设置、简码、前台长什么样。建议始终从 WordPress.org 中国站插件页 或后台「安装插件」搜索安装,来源清晰、更新记录可查。若还需要带询价表单、弹窗留资等其它方案,可在同一目录里另搜关键词,再对比「点按钮之后跳哪」是否符合你的流程。


先看你大概能做出什么效果

高客单、长描述的商品页上,常见布局是:上面是价格与变体,下面是加入购物车和醒目的 Buy now。用户选好数量后,点 Buy now 可以按你的设置跳过购物车,直接进结账(具体取决于下文「Action」选项)。

WooCommerce 商品页上的 Buy now 与加购按钮


第一步:安装插件

  1. 进入 WordPress 后台 → 插件 → 安装插件
  2. 搜索 WPC Buy Now ButtonWPClever;也可在浏览器打开官方介绍页核对信息:WPC Buy Now Button for WooCommerce(简体中文版)
  3. 找到 WPC Buy Now Button for WooCommerce,确认依赖里需要已安装 WooCommerce,点安装启用

插件安装界面:WPC Buy Now Button for WooCommerce

启用后,左侧菜单会出现 WPClever → Buy Now Button,后面所有设置都在这里改。


第二步:逐项看懂设置页

打开 WPClever → Buy Now Button,默认在 Settings 标签。下面按界面从上到下说明该怎么选,避免装完不知道每个选项干什么。

WPC Buy Now Button 插件 Settings 设置页

Button position on archive(商店/归档页上的按钮)

Button position on single(单个商品页)

Parameter

Categories

Hide add-to-cart button

Reset cart

Action

改完点左下角 保存更改


第三步:简码怎么用

设置页里一般会提示两条简码(以你当前版本说明为准):

简码典型用途
[wpcbn_btn_single]商品详情页自定义位置(模板、Elementor、区块)
[wpcbn_btn_archive]商店/分类/归档列表里手动插按钮

把简码贴在支持 shortcode 的区块里,保存后到前台看:按钮是否对齐、手机端是否好点。


和变体、数量一起用时注意什么?

像截图里这种可变商品(线长、发货地等),顾客要先选完变体、数量,再点 Buy now,否则系统不知道买哪一档。插件通常会按 WooCommerce 规则带上当前选中的变体;若你发现跳转后商品不对,优先检查:

  1. 主题是否用 AJAX 更新变体,是否与插件兼容
  2. 缓存插件是否缓存了旧版商品页

升级 WooCommerce 或主题后,建议再走一遍真实下单


小结

更多建站实践见 海豹建站博客