WooCommerce 结帐后重定向:重定向到自定义感谢页面
已发表: 2022-01-12您想在结帐后创建一个自定义的 WooCommerce 重定向,将您的客户带到一个漂亮的登录页面吗? 最常见的WooCommerce 重定向是在付款或结帐之后。 默认情况下,客户会被重定向到默认的 WooCommerce“谢谢”页面。
如果您正在寻找结帐后创建 WooCommerce 重定向的最佳解决方案; 这篇文章将指导您如何在结帐后实现WooCommerce 用户重定向到自定义感谢页面。
这可能是一个很好的解决方案,可以让用户在成功结账后被重定向到一个页面,在那里他们可以获得售后服务或客户支持。
结帐后的 WooCommerce 重定向:如何逐步创建重定向
结帐后创建 WooCommerce 重定向的理想方法是了解从购物车页面到客户付款时结帐过程中涉及的步骤。 这些步骤可以概括如下:
- 客户在点击从 WooCommerce 购物车页面进行结帐后下订单
- 客户检查购物车内容并选择付款方式
- 客户通过单击“下订单”按钮继续下订单。
- 如果付款成功,客户将被重定向到感谢页面
要在结帐后创建 WooCommerce 重定向,您需要在结帐重定向后使用操作过滤器拦截默认的 WooCommerce,正如您将在我将在下一节中分享的片段中看到的那样。
创建 WooCommerce 重定向
之前,我写过如何根据用户角色在注册后重定向 WooCommerce 用户,以及如何在注销后创建 WooCommerce 重定向。 如果您没有阅读这两篇文章,最好先阅读它,以便您了解 WooCommerce 重定向的一般概念。
您可能希望用户在下订单后登陆自定义页面,您可以在其中管理售后服务和支持。
结帐步骤后的 WooCommerce 重定向
让我们看看如何实现在结帐完成后重定向用户的快速解决方案。 结帐后,我有两个完美的 WooCommerce 重定向解决方案。
您可以使用我将在本教程中分享的代码片段,也可以使用我专门为解决此问题而创建的插件来实现重定向。
如果您不想编辑 functions.php 文件或添加代码片段并且更喜欢使用插件,我已经为此重定向创建了一个插件,您可以在此处找到它。
结帐代码片段后的 WooCommerce 重定向
下面共享的这个 WooCommerce 代码片段可以添加到 functions.php 文件中,以在用户完成付款后创建重定向到自定义页面。
要使此代码段有效,您需要将其添加到活动的子主题 functions.php 并将函数 wp_redirect() 中的 URL 更改为要重定向用户的自定义页面。
这是一个有用的 WooCommerce 重定向片段,当店主想要在感谢页面上展示追加销售产品或想要在结帐完成后向客户展示自定义欢迎页面时,通常会使用该代码段。
对于 WooCommerce 会员网站来说,这可能是一个很好的解决方案,并且可以成为帮助用户开始入职流程的好地方。
add_action( 'woocommerce_thankyou', 'njengah_woocommerce_redirect_after_checkout'); function njengah_woocommerce_redirect_after_checkout( $order_id ){ $order = wc_get_order( $order_id ); $url = 'https://example.com/custom-url'; if ( ! $order->has_status( 'failed' ) ) { wp_safe_redirect( $url ); exit; } }
下订单后 WooCommerce 自定义重定向
您可以在结帐后根据几个条件创建 WooCommerce 重定向,然后再查看如何在结帐后创建一般的 WooCommerce 重定向让我列出在结帐重定向后创建 WooCommerce 的最常见方法:
重定向选项 | 描述和示例 |
每个产品结帐后的 WooCommerce 重定向 | 这是仅适用于特定产品的重定向类型。 例如,当用户购买苹果时,他们会被重定向到页面 A ,但如果他们购买任何其他产品(如橙子),他们会被重定向到正常的 WooCommerce 重定向订单页面。 |
每个类别结帐后的 WooCommerce 重定向 | 这是仅适用于特定产品类别的重定向类型。 例如,当用户购买类别 Apples 中的产品时,他们会被重定向到页面 A ,但如果他们购买类别 Oranges 中的任何其他产品,则会被重定向到正常的 WooCommerce 重定向订单页面。 |
特定用户结帐后的 WooCommerce 重定向 | 这是仅适用于特定用户的重定向类型。 例如,当 ID 为 32 的用户购买苹果时,他们将被重定向到页面 A ,但如果另一个 ID 为 35 的用户购买苹果,他们将被重定向到正常的 WooCommerce 重定向订单页面。 |
结帐后特定用户角色的 WooCommerce 重定向 | 这是仅适用于特定用户角色的重定向类型。 例如,当具有用户角色 MEMBER 的用户购买苹果时,他们将被重定向到页面 A ,但如果具有任何其他用户角色的其他用户购买苹果,他们将被重定向到正常的 WooCommerce 重定向订单页面。 |
结帐后针对特定付款方式的 WooCommerce 重定向 | 这是仅适用于特定付款方式的重定向类型。 例如,当用户通过 PayPal 为苹果付款时,他们将被重定向到页面 A ,但如果另一个用户通过直接银行转账为 Apple 付款,他们将被重定向到正常的 WooCommerce 重定向订单页面。 |
结帐后特定时间或日期范围的 WooCommerce 重定向 | 这是仅适用于特定时间或日期的重定向类型。 例如,当用户在 12:00 到 1300 之间或日期 1 到 3 之间购买苹果时,他们将被重定向到页面 A ,但如果同一用户在不同的时间和日期购买苹果,他们将被重定向到正常的 WooCommerce 重定向订单页面. |
结帐后特定购买历史的 WooCommerce 重定向 | 这是仅适用于特定客户购买历史的重定向类型。 例如,当用户购买苹果并且他们在被重定向到页面 A 之前已经购买了一把刀,但是如果他们购买了一个苹果但他们在被重定向到正常的 WooCommerce 重定向订单页面之前没有买过一把刀。 |
结帐后特定地理位置的 WooCommerce 重定向 | 这是仅适用于特定国家/地区的重定向类型。 例如,当美国的用户购买苹果时,他们会被重定向到页面 A ,但如果英国的另一个用户购买苹果,他们会被重定向到正常的 WooCommerce 重定向订单页面。 |
结帐后特定订单总额的 WooCommerce 重定向 | 这是仅适用于订单总金额的重定向类型。 例如,当用户订单总额为 500 美元时,他们将被重定向到页面 A ,但如果另一个用户订单(不等于、小于、大于)500 美元,他们将被重定向到正常的 WooCommerce 重定向订单页面。 |
结帐后特定优惠券/产品折扣的 WooCommerce 重定向 | 这是仅适用于折扣或优惠券的重定向类型。 例如,当用户应用特定优惠券时,他们将被重定向到页面 A ,但如果另一个用户应用了不同的优惠券代码或未应用优惠券代码,他们将被重定向到正常的 WooCommerce 重定向订单页面。 |
结帐后针对特定运输的 WooCommerce 重定向 | 这是仅适用于运输方式的重定向类型。 例如,当用户选择统一运费时,他们将被重定向到页面 A ,但如果另一个用户选择免费送货,他们将被重定向到正常的 WooCommerce 重定向订单页面。 |
要在下订单后重定向用户,您需要使用模板重定向挂钩和带有重定向 URL 的回调函数。 在快速总结中,这里是一步一步的详细信息:
- #1)首先,在结帐后创建自定义重定向之前,检查用户是否在结帐页面、订单页面页面或收到的订单页面是一个很好的做法。
- #2)要在下订单后自动将您的客户重定向到自定义页面,我们需要使用 template_redirect()函数。
- #3)例如添加 template_redirect 动作钩子-?
add_action('template_redirect', 'your_callback_function');
- #4)创建您在上面的模板重定向挂钩中引用的回调函数,并且名称应与挂钩中使用的名称匹配。
- #5) 在回调函数中使用 wp_redirect() 函数添加您希望用户在成功结帐后被重定向的页面。 始终在 wp_redirect 函数之后添加退出以避免重定向问题。
- #6)这段代码被添加到你的functions.php文件的主题中。 找到该文件并在编辑器中打开它以在结帐后为 WooCommerce 重定向添加此操作挂钩。
- #7)保存更改或更新您的主题 functions.php或插件文件,您将在 WooCommerce 结帐后成功创建到首选页面的重定向。
WooCommerce 重定向操作挂钩
首先,我们使用模板重定向和回调函数创建一个动作挂钩,如下所示:
add_action('template_redirect', 'woocommerce_redirect_after_checkout');
这段代码注册了实现回调函数的模板重定向钩子,我们将使用该函数来定位“下单”操作。 基本上,这告诉 WordPress 无论何时下订单,都会启动重定向操作。
WooCommerce 重定向回调函数
我们现在创建具有在重定向中执行的代码的回调函数。 以下是回调函数的代码:
功能 woocommerce_redirect_after_checkout() { 全球 $wp; if ( is_checkout() && !empty( $wp->query_vars['order-received'] ) ) { $redirect_url = 'https://yoursite/url-to-redirect-after-checkout'; wp_redirect($redirect_url); 出口; } }
在此回调函数中,我们使用全局 $wp 对象来访问 post 查询方法,以查明是否已下订单以及是否将用户重定向到预定义的重定向 URL。
这段代码应该添加到functions.php文件中,完整代码如下:
add_action('template_redirect', 'woocommerce_redirect_after_checkout'); 功能 woocommerce_redirect_after_checkout() { 全球 $wp; if ( is_checkout() && !empty( $wp->query_vars['order-received'] ) ) { $redirect_url = 'https://yoursite/url-to-redirect-after-checkout'; wp_redirect($redirect_url); 出口; } }
将此代码添加到主题中的functions.php文件后; 用一个产品进行测试,以确保点击下单按钮后重定向成功,如下图所示:
当单击下订单而不是重定向到包含订单详细信息的默认感谢页面时,您应该被重定向到您添加到上述操作挂钩的自定义页面。
确保您删除代码中的 URL 示例并将其替换为您希望在结帐或下订单后重定向客户的站点 URL,这一点很重要。
我们可以将更多选项添加到回调函数中以推进我们的重定向选项,但在本教程中,我们不会介绍更高级的选项。 在 WooCommerce 中结帐后,还可以选择使用插件创建自定义重定向。
WooCommerce 结帐后重定向插件 (WRAC)
这篇文章的几位读者要求我帮助将此代码添加到 WordPress 主题中,最近,我开发了一个插件,可以帮助在结帐后创建 WooCommerce 重定向。
简单的解决方案
WRAC 是解决实际问题的简单解决方案,如果您想控制您的 WooCommerce 客户在结帐后重定向,您需要这个插件。
这是一个创新且强大的 WooCommerce 结账后重定向插件,可以帮助您在结账后或成功购买后管理客户体验。 当前版本允许您将任何页面设置为自定义感谢页面。
易于设置和高灵活性
您不再需要重定向默认的 WooCommerce 感谢页面,使用 WRAC 插件,您只需选择要设置为自定义感谢页面的页面并在不到一分钟的时间内完成设置。 这为您提供了创造力的自由,因为您可以使用任何自定义页面模板并向自定义页面添加无限的功能,谢谢页面。
自定义感谢页面的终极解决方案
它是创建任何 WooCommerce 自定义感谢页面或重定向到您希望用户的任何页面的终极解决方案
结帐后去。 您还可以选择是否在自定义感谢页面上显示订单详细信息。
良好的文档和免费安装和支持
它与所有 WooCommerce 主题完全兼容,并附带非常好的文档以及我提供的免费安装和配置。
快速视频文档
如何获得插件?
- 你可以从这里获取插件——WooCommerce 结账后重定向插件
- 如果您不知道如何安装插件,您可以请求免费安装。
- 该插件附带深入的文档。
如果您正在为结帐后或结帐成功或失败后的 WooCommerce 重定向寻找完美的解决方案,我开发的这个插件可以很好地解决这个问题
几个月前,当我在这篇博文中分享该解决方案时,我收到了几个请求,以帮助读者将此代码集成到他们的 WooCommerce 网站或主题中,您也可以请求帮助 - 在这里。
- 如果您拥有 WRAC V1.0.1 或 WRAC v1.0.0,则 WooCommerce 购买后重定向插件的新更新 - WRAC。
- 您可以从您的帐户下载该插件,或者如果您没有收到自动更新通知,您可以联系支持以获得进一步的帮助。
- 新版本具有基于产品、用户角色、付款方式、购买历史、订单小计、时间和日期以及运输方式的条件和新的全球重定向。
- 在此发行说明中,我将分享 WRAC 插件从 1.0.0 版本到 1.0.2 版本的功能。
- 介绍 优惠如果您对最新版本 1.0.2 感兴趣 – 滚动至此部分。 您也可以在此处获取插件。
WooCommerce 结帐重定向问题
最初,我确实帮助了近 100 位读者,了解如何在购买代码后将这个 WooCommerce 重定向添加到他们的网站,但我经常遇到一些挑战,因为所有主题的编码都不同。
我意识到WooCommerce 用户需要一个完美的解决方案来帮助在成功或失败结帐后重定向。
这是一个重要的 WooCommerce 结帐流程优化,它在帮助提高转化率以及将销售额增加一倍、三倍或十倍方面大有帮助。
默认情况下,WooCommerce 结帐重定向到订单已收到页面或感谢页面,该页面提供了有关订单的有用详细信息,但缺乏自定义添加更多功能的能力。 如下图所示:
- 此时,您作为 WooCommerce 商店所有者可以向客户展示与他们刚刚购买的产品相关的另一个优惠或其他重要信息,默认情况下,WooCommerce 无法在此处添加自定义选项。
- 自定义此页面以添加更多功能(如特别优惠)并不容易,因为您需要了解如何使用 PHP 代码和 WordPress 挂钩创建或构建自定义页面。
- 创建自定义感谢页面也是浪费时间,因为学习编码和正确执行它需要时间。
这个问题的解决方案可以通过三种方式,您可以使用这些解决方案中的每一个:
- 结帐后创建 WooCommerce 重定向到任何页面,并决定在该页面上显示订单详细信息以及其他内容。
- 使用 WooCommerce 结帐漏斗插件,改变用户在您的 WooCommerce 网站上结帐的方式,使用自定义页面构建器创建重定向或自定义页面。
- 使用针对默认 WooCommerce 感谢页面的每个部分的操作挂钩自定义默认 WooCommerce 感谢页面。
WRAC – 结帐后的 WooCommerce 重定向插件
为了解决这个问题,我决定创建一个易于安装和配置的插件,以便在 WooCommerce 结帐后创建重定向,而无需编写任何代码。
我几个月前创建的插件——WRAC——结账后的 WooCommerce 重定向,如今用户数量继续增长到 600 多个。
我收到了许多反馈电子邮件和请求功能,在这个新版本的 1.0.3 版本中,我包含了以前请求的所有功能。
WRAC 版本 1.0.0
此版本仅提供一个选项,可在结帐后将所有用户全局重定向到自定义感谢页面。 它允许用户重定向到任何页面,并且有成功和失败的重定向选项。
1.0.0 版摘要中的功能包括:
- 使用快速时尚且易于使用的按钮全局启用或禁用重定向。
- 在成功的 WooCommerce 结帐后重定向到内部的任何页面(在下拉菜单中选择页面)。
- 在 WooCommerce 结帐失败后重定向到内部的任何页面(在下拉菜单中选择页面)。
- 成功完成 WooCommerce 结帐后重定向到任何外部 URL。
- 在 WooCommerce 结帐失败后重定向到任何外部 URL。
- 当您重定向到 WooCommerce 网站上的任何页面时显示或隐藏订单详细信息。 例如,如果您重定向到页面 A 并选择显示订单详细信息,则首先显示页面 A 的内容,然后显示订单详细信息 - 对于开发人员来说,这使用了 WordPress
the_content()
函数的自定义过滤器。
这个版本相当成功,大多数来自用户的请求是添加以下内容:
- 结帐后 WooCommerce 产品重定向
- 结帐后的 WooCommerce 条件重定向
- 结帐后 WooCommerce 付款方式重定向
请求最多的功能是基于我工作的选定产品的重定向,并在 WRAC 插件的下一个版本 (1.0.1) 中添加。
WRAC 版本 1.0.1
此版本添加了基于所选产品创建重定向的选项,并保留了先前版本的所有功能。
在结帐后重定向 WooCommerce 选项卡的同一页面下,我添加了基于所选产品的重定向部分。 以下是 1.0.1 版本的功能总结:
- 保留了 1.0.0 版的所有全局重定向功能。
- 根据所选产品启用/禁用重定向按钮
- 选定的产品/产品在成功 WooCommerce 结帐后重定向到内部的任何页面(在下拉菜单中选择页面)。
- 选择的产品/产品在内部重定向到任何页面 - (在下拉菜单中选择页面)在 WooCommerce 结帐失败后。
- 在成功的 WooCommerce 结帐后,选择的产品/产品重定向到任何外部 URL。
- 在 WooCommerce 结帐失败后,选择的产品/产品重定向到任何外部 URL。
这个版本是成功的,最常见的反馈是创建允许多个产品具有特定重定向的条件重定向。
例如 – 产品 A 重定向到页面 Y,而产品 B 重定向到页面 X。
在新的更新中,这已包含在内,用户现在可以为产品创建更多重定向以及其他条件重定向。
WRAC 版本 1.0.2 – 新版本
此版本是插件的主要更新,以进行更多全局重定向以及在 WooCommerce 结帐后添加条件重定向。 这些功能中的大部分都是基于已经在使用该插件的 600 多个用户的请求。
这些功能还使该插件成为最先进的 WooCommerce 结帐后重定向插件,因为它使用条件重定向功能提供了所有可能的场景。
以下是 WRAC 1.0.2 版本的功能总结:
全局重定向选项
全局选项已得到改进,我添加了几个其他选项,可用于在全局范围内创建重定向。 以下是全局重定向选项的摘要:
- 全球重定向所有结帐–所有客户结帐都重定向到此设置中设置的此选项–与 1.0.0 版和 1.0.1 版具有相同的功能-这只是基本的,它用您的自定义页面替换了默认的 WooCommerce 重定向或您想要重定向客户的任何其他页面。
- 基于产品重定向- 允许您添加多个产品或单个产品,因为产品是使用产品 ID 添加的。
- 基于类别的重定向- 这类似于按产品重定向,因为您可以选择类别,但有助于创建分组重定向,因为您可以将要重定向的所有产品放在一个类别中并使用这一规则。
- 根据购买历史重定向- 此选项允许您选择如果用户在结帐之前购买过的产品,他们将被重定向到设置的页面或 URL。
- 基于订单小计重定向 - 此重定向允许您设置金额,然后设置大于、等于或小于的逻辑 - 适用于客户订单的总金额。对于想要免费的用户来说,这是一个很好的选择(零价格)产品,因为您可以将其设置为 0 并将逻辑设置为等于零。
- 基于付款方式重定向- 此选项允许您在结帐后根据用户在全球范围内使用的付款方式重定向用户。 如果他们使用 COD,您可以重定向到所选页面以及其他付款方式,但对于全球,您只能选择一种付款方式。 如果您想使用多种付款方式,请使用条件重定向选项。
- 基于用户详细信息(角色和 ID)重定向 - 这将根据客户的用户角色或在此选项中选择和分配的特定用户 ID 创建重定向。
- 基于时间的重定向 - 日期范围- 此重定向在特定时间应用重定向,并且在时间到期后重定向返回到默认值。 时间范围设置在两个日期之间,即开始日期和结束日期。
屏幕截图 - 全局重定向选项 - 全局 | 产品和类别 | 购买历史 | 付款方式 | 订单小计 | 用户 ID 和角色 | 时间 - 日期范围
条件重定向选项——结帐后的 WooCommerce 重定向
这包括许多重定向选项,这些选项使用每个条件的运算符有条件地重新应用,并且根据条件应用操作。
这允许您在 WooCommerce 重定向的结帐选项后创建无限制的 WooCommerce 重定向。 以下是条件重定向选项的摘要:
- 基于产品的重定向- 允许您添加产品重定向并选择在重定向规则中包含或排除产品。
- 基于类别重定向- 允许您添加产品类别重定向,并选择在重定向规则中包含或排除类别。 这是帮助创建分组产品重定向的重要选项,因为您可以将要重定向的所有产品放在一个类别中并使用这一规则。
- 基于运输方式的重定向——这允许您选择一种运输方式并将重定向分配给使用此运输方式的所有客户的页面、帖子、产品类别、外部 URL。
- 基于地理位置的重定向- 此选项允许您设置重定向以应用选择作为条件的帐单国家/地区。 不同地理位置的用户可以被重定向到不同的页面。
- 基于付款方式重定向- 此选项允许您在结帐后根据用户使用的付款方式重定向用户,这可以针对每种付款方式,因为您可以创建多个条件规则。
- 基于用户角色重定向- 这将根据在此选项中选择和分配的客户的用户角色创建重定向。
- 基于优惠券重定向- 此选项允许您根据客户在结帐或购物车页面上应用的优惠券代码创建重定向。
- 重定向操作和时间选项– 您可以将重定向操作分配给使用特定条件重定向规则中选择的条件的所有客户的页面、帖子、产品类别、外部 URL。 您还可以通过启用时间选项并选择重定向的开始和结束日期来设置时间。
屏幕截图 - 条件重定向选项 - 产品 | 分类 | 运送方式 | 地理位置| 付款方式 | 用户角色 | 时间 - 日期范围 | 优惠券
如果您仍然没有获得 WRAC 插件的副本,则需要采取措施。 使用下面的按钮以折扣价购买。 我们正在计算此优惠到期前的几个小时!
结论
我希望这篇文章重点介绍了您在 WooCommerce 商店结帐后可用于创建自定义 WooCommerce 重定向的所有可用选项。 如果您对此处提供的代码有任何疑问,或者您正在寻求 WooCommerce 开发人员的帮助? 您可以与我联系以获取更多帮助。
类似文章
- 如何将 WooCommerce 购物车和结帐放在一页上
- 如何在 WooCommerce 中添加自定义运输方式
- 如何在 WooCommerce 中的价格后添加描述
- 如果未登录 WordPress 如何重定向用户 » 页面重定向
- 如何在 WooCommerce 中更改退货至商店链接
- 如何在 WooCommerce 中创建我的帐户页面
- 如何在店面设置后添加产品 [初学者指南]
- 如何计算添加到购物车 WooCommerce 购物车计数代码的项目
- 如何在 WooCommerce 中隐藏添加到购物车按钮
- 如何删除已添加到您的购物车消息 WooCommerce
- 如何在 WooCommerce 中更改继续结帐文本
- 如何在 WooCommerce 中的价格后添加文本 » 添加价格后缀
- 如何在 WooCommerce 中获取付款方式 » 代码示例
- 如何在不使用插件的情况下在 WordPress 中创建登录页面
- 如何修复未捕获的类型错误:wp.template 不是函数
- 如何创建 WooCommerce 店面子主题 [完整指南]
- 在 WooCommerce 中如何在价格前添加文本 » 在价格前添加文本
- 什么是 WooCommerce 店面主题? [已回答]
- 100 多个提示、技巧和片段终极 WooCommerce 隐藏指南
- 如何在产品图像 WooCommerce 中添加视频
- 如何在 WooCommerce 中以最低消费设置免费送货
- 如何在 WooCommerce 中将搜索添加到商店页面
- 如何在 WordPress (PHP) 中使用 do_shortcode
- 如何在 WooCommerce 中注销时清除购物车
- 如何在 WooCommerce 中添加产品 SKU
- 如何在 WooCommerce 中添加查看购物车按钮
- 如何在 WooCommerce 中复制产品
- 如何更改优惠券代码占位符 WooCommerce
- 如何在结帐时设置 WooCommerce 上传文件
- 如何更改 WooCommerce 结帐字段占位符文本
- 如何按产品 ID 创建 WooCommerce 添加到购物车按钮
- 如何在 WooCommerce 中快速找到您的产品 ID
- 如何在 WooCommerce 中更改电子邮件模板
- 如何在 WooCommerce 中以编程方式将产品添加到购物车
- 如何更改运输标签 WooCommerce
- 如何在 WooCommerce 中将搜索添加到商店页面