如何将WooCommerce确认订单按钮重定向至自定义页面（无需改插件代码，使用Elementor）

以下方案兼容Elementor建站环境，全程不涉及WooCommerce核心代码修改，升级插件不会丢失配置。

方法1：代码片段实现（稳定性最高，无需Elementor Pro） #

• 第一步：先在WordPress后台「页面」列表中找到你自行创建的自定义页面，复制完整的固定链接备用
• 第二步：选择以下任意一个路径添加代码，不要修改WooCommerce插件目录下的任何文件：
  1. 进入「外观」-「主题文件编辑器」，找到子主题的functions.php文件，将代码粘贴到文件末尾（推荐用子主题，主主题更新不会丢失配置）
  2. 安装Code Snippets等代码片段管理插件，新建一个PHP代码片段粘贴代码
• 第三步：将代码中的示例链接替换为你自己的自定义页面链接，保存启用即可

add_filter( 'woocommerce_get_checkout_order_received_url', 'custom_order_confirm_redirect', 10, 2 );
function custom_order_confirm_redirect( $original_url, $order ) {
    // 替换为你的自定义页面完整链接
    $custom_target_url = 'https://你的自定义页面地址';
    return $custom_target_url;
}

如果需要在跳转后传递订单ID等参数，可以在自定义链接后拼接对应的参数字段即可。

方法2：Elementor Pro可视化配置（无需写代码） #

如果已经购买激活了Elementor Pro，可以直接通过可视化编辑调整：

• 进入WordPress后台「Elementor」-「模板生成器」，新建或编辑你正在使用的自定义结账页模板
• 选中结账组件中的确认订单按钮模块，在左侧设置面板找到「提交后动作」配置项
• 选择「跳转到URL」，填入你提前复制好的自定义页面链接，保存更新模板即可生效

注意：

1. 配置完成后建议走一遍完整的测试下单流程，确认跳转正常、订单状态可以正常更新
2. 如果需要在自定义页面展示订单信息，可以通过WooCommerce短代码或者Elementor动态标签调用对应数据

内容的提问来源于stack exchange，提问作者amira nasri