如何“轻松”创建自定义 WooCommerce 感谢页面

您想轻松创建自定义 WooCommerce 感谢页面吗?

用于订单确认的自定义感谢页面是与新客户建立联系甚至获得额外销售额的好方法.

在本文中,我们将逐步向您展示如何创建自定义 WooCommerce 感谢页面.

How to easily create custom WooCommerce thank you pages

为什么要在 WordPress 中自定义 WooCommerce 感谢页面?

创建自定义 WooCommerce 感谢页面让您可以在客户进行购买时与他们建立联系.

订单确认或感谢页面可能看起来只是您在线商店的一小部分,但它实际上可能是您销售过程中非常有价值的一部分.

问题在于默认的 WooCommerce 感谢页面并未真正针对转化进行优化.

这就是为什么聪明的企业主会建立一个设计良好且转化率高的感谢页面来替换默认选项.

Thank you page example

您可以通过多种方式使用 WooCommerce 感谢页面:

  • 推荐追加销售产品并增加销售额
  • 为重复购买提供优惠券代码
  • 突出您最畅销的产品
  • 将客户引导至您最有用的内容

话虽如此,让我们逐步向您展示如何轻松创建自定义 WooCommerce 感谢页面.

如何轻松创建自定义 WooCommerce 感谢页面

SeedProd 是超过 100 万个网站使用的最佳拖放式 WordPress 页面构建器.它可让您轻松创建自定义 WooCommerce 感谢页面,以促进销售并发展您的客户关系.

您需要做的第一件事是安装并激活插件.有关更多详细信息,请参阅有关如何安装 WordPress 插件的分步指南.

注意:有免费版本的 SeedProd,但我们将使用 Pro 版本,因为它包含我们需要的 WooCommerce 块.

一旦插件被激活,你需要去SeedProd »设置并输入您的许可证密钥.

Enter SeedProd license key

如果您还没有准备好,那么您可以在 SeedProd 网站的帐户部分找到您的密钥.

之后,导航到 SeedProd »页面,然后点击"添加新着陆页"按钮以创建新的感谢页面.

Add new SeedProd landing page

在此页面上,您需要选择一个模板.您会发现数十种专业设计的感谢页面模板可供选择.

只需选择"感谢"页面过滤器并找到"订单已完成感谢页面"模板.

Select thank you page filter

然后,将鼠标悬停在它上面并单击"对勾"图标.

之后,您需要为新的感谢页面命名,然后单击"保存并开始编辑页面".您为页面指定的名称也将是 URL.

Name thank you page

现在,是时候开始使用拖放构建器编辑您的感谢页面了.

您会在右侧看到页面的实时预览.要编辑页面元素,只需单击该项目,左侧​​将出现一个编辑菜单.

左侧的选项面板包含您可以拖放到订单确认页面上的元素.

Thank you page editor

现在,我们将开始添加一些块并进行一些自定义,使其更像 WooCommerce 感谢页面.

首先,我们将添加一个追加销售块来交叉推广另一个产品.这是为您的商店创造更多销售额的好方法.

当某人完成购买后,他们更有可能再次购买,尤其是当它与他们刚刚购买的商品有关时.

为此,请单击左侧菜单中的"部分"选项.这将打开一个包含不同内容部分的屏幕.选择"英雄"选项,然后点击"加号"图标选择"英雄 2".

Select hero 2 block

这会将部分插入到您的页面中.

现在,点击图片图标并插入您要宣传的产品的图片.

Insert image upsell

然后,对产品标题和产品副本执行相同的操作.

之后,通过将鼠标悬停在按钮上并点击"删除块"图标来删除该按钮.

Delete button block

接下来,将"添加到购物车"部分拖到"WooCommerce"部分.

这会将旧按钮替换为连接到您的 WooCommerce 产品的按钮.

Drag add to cart block

然后单击"添加到购物车"按钮以显示编辑菜单.您需要输入您的"产品 ID",这样它就会自动添加到您客户的购物车中.

如果您不知道您的产品 ID,则可以通过导航到 产品 » 来找到它.所有产品并找到您的产品.

Locate product ID

然后,导航回编辑器,输入您的产品 ID,然后打开"直接结账"滑块.

您还可以完全自定义按钮的外观、添加子文本、更改颜色等.

Enter product ID to checkout

然后,添加一个标题来宣传您的追加销售产品.

点击"标题"块并将其拖到您的追加销售产品上方.然后,添加诱人的标语.

Add headline block

完成更改后,如果您想让您的页面生效,请务必点击"保存"或"发布"下拉菜单.

Save or publish changes

在 WooCommerce 中添加重复购买优惠券代码

您可以为您的客户提供一个独特的优惠券代码,为他们重新购买产品提供折扣.

优惠券代码是让您的客户再次购买的最佳方式之一.WooCommerce 有标准的优惠券,但数量非常有限.

我们建议使用高级优惠券插件.这是适用于您的在线商店的最佳 WordPress 优惠券代码插件,非常适合初学者.

有关设置插件的更多详细信息,请参阅我们关于如何在 WooCommerce 中创建智能优惠券的指南.

激活后,导航至优惠券»许可并输入您的产品许可密钥和激活电子邮件,然后点击"激活".

Activate Advanced Coupons

然后,导航到优惠券»添加新以创建新优惠券.

首先,您可以点击"生成优惠券代码"或创建您自己的优惠券代码名称.

Add new coupon code

完成此操作后,找到"常规"选项卡,您将在此处创建折扣.

选择"百分比折扣"选项并输入百分比折扣.

Choose percentage discount

接下来,您需要点击"使用限制"标签.

然后,在"产品"框中选择您希望享受折扣的产品.

Select coupon product

之后,点击"使用限制"标签.

在"每张优惠券的使用限制"框中,输入 1.这限制了优惠券可以使用的次数.

Limit coupon use

确保在退出屏幕之前点击"发布"或"保存".

完成后,返回 SeedProd 编辑器.

您可以将优惠券代码添加到您现有的 WooCommerce 感谢页面或创建一个新的感谢页面.

我们会将优惠券代码添加到我们现有的感谢页面,为我们的客户提供另一个奖励.

在页面编辑器中,单击新块部分,然后选择您的布局.

Choose block layout

接下来,选择"文本"块并将其拖到页面上.

您可以在此处输入优惠券代码文本.

Select text block

在另一个块中,您可以添加他们刚购买的产品的图片.

只需将"图片"块拖到页面编辑器中,然后上传您的产品图片.

Select image block

之后,您需要添加一个标题块,以便您的客户知道优惠券代码.

只需将标题拖过标题块并添加您的标题.

Select headline block

这是优惠券代码的显示方式.

您可以根据需要继续对其进行自定义.

Display coupon code

在 WooCommerce 中添加畅销产品网格

通过将最畅销的产品添加到您的感谢页面,您可以轻松实现更多销售.

事实证明,这些产品很畅销,因此您的客户很有可能已经准备好购买了.

为此,只需将"WooCommerce"部分中的"畅销产品"块拖到上方即可.

Select best selling products block

您可以添加许多其他类型的产品网格,例如促销产品、评分最高的产品、近期产品等.

有关在 WooCommerce 中添加畅销产品的更多详细信息,请参阅我们关于如何在 WooCommerce 中显示热门产品的指南.

专业提示:您可以设置 WooCommerce 转化跟踪来监控点击和转化,从而从您的 WooCommerce 感谢页面获得更多销售额.

将默认的 WooCommerce 重定向到您在 WordPress 中的新页面

一旦您发布了您的感谢页面,您需要在 WooCommerce 中重定向此页面.

这样,当您的访问者完成购买时,他们实际上会被重定向到您的新页面.

您可以通过修改 WordPress 主题文件来做到这一点.但是,最简单的方法是使用 WordPress 插件.

我们建议使用免费的Thanks Redirect for WooCommerce 插件,它使用起来非常简单,并且可以帮助您简单地添加重定向.

您需要做的第一件事是安装并激活插件.有关更多详细信息,请参阅有关如何安装 WordPress 插件的分步指南.

激活后,导航至 WooCommerce »设置,然后点击"产品"标签.

Go to thanks redirect options

然后点击"感谢重定向 WooCommerce"链接.

完成后,点击"启用全局重定向"框,然后在"感谢重定向 URL"框中输入新的 WooCommerce 页面 URL.

Enter URL and save new page

然后,点击"保存更改",您的新感谢页面将在您的客户完成订单时重定向.

我们希望本文能帮助您创建自定义 WooCommerce 感谢页面.您可能还想查看我们为您的商店提供的最佳 WooCommerce 插件列表和我们的 WooCommerce SEO 指南以获得更多流量.

13

发表回复