WooCommerce：如何自定义我的帐户页面？
已发表: 2018-03-28
自定义 WooCommerce“我的帐户”页面是设计师和开发人员最需要的功能之一。
电子商务网站的“我的帐户”页面对于其运营的顺利运行绝对至关重要，应该精心设计以允许用户充分利用帐户管理 - 当然 - 可以定制以转换更多的销售和/或吸引退货业务。
“我的帐户”页面是一个实际的 WordPress 页面（您可以在“页面”下找到它），其中包含一个 WooCommerce 短代码。 此类简码输出默认帐户管理选项卡及其独特内容。
为了自定义“我的帐户”页面（当然还有它的所有子页面，例如“编辑地址”页面）的外观、风格、布局、内容和设计，您有两种不同的选择。 如果您熟悉 PHP 自定义，那么几乎任何事情都可以通过简单的代码片段来实现：添加自定义选项卡、删除选项卡、更改选项卡的内容、对选项卡进行排序等等。 我们已经在 Business Bloomer 上看到了这一点，但我将链接到下面的一些文章和教程作为提醒。
另一种时尚的选择是使用插件。 有时，这可能是一种快速且无错误的方式，无需编写代码即可实现您的需求。 这取决于你——所以在这篇文章中，我们将看到这两种方法！
1. WooCommerce“我的帐户”自定义片段
作为 WooCommerce 自由职业者，我喜欢在不安装插件的情况下编写代码和实现目标。 那是我，所以你可能会有不同的想法。
如果您喜欢挑战，PHP 和 WooCommerce 钩子可以让您在“我的帐户”页面上实现几乎所有目标。
在列出我喜欢的一些片段之前，我建议你去研究我的WooCommerce“我的帐户”视觉挂钩指南：https://businessbloomer.com/woocommerce-visual-hook-guide-account-pages/ - 这会给你一个了解帐户管理页面的编码方式以及您可以使用哪些“挂钩”来显示其他内容。
完成后，您可以查看这些有用的片段（链接应该是不言自明的）：
- https://businessbloomer.com/woocommerce-add-new-tab-account-page/
- https://businessbloomer.com/woocommerce-hide-rename-account-tab/
- https://businessbloomer.com/woocommerce-merge-account-tabs/
- https://businessbloomer.com/woocommerce-show-extra-content-my-account-page/
- https://businessbloomer.com/woocommerce-add-first-last-name-account-register-form/
- https://businessbloomer.com/woocommerce-add-select-field-account-register-form/
- https://businessbloomer.com/woocommerce-display-products-purchased-user/
享受
2. WooCommerce“我的帐户”自定义插件
假设您的目标是提供出色的客户服务。 在这种情况下，您可以自定义“我的帐户”页面，为您的客户提供他们正在搜索的信息，通过常见问题解答回答他们的问题，或者允许他们下载用户或指导指南。
虽然标准的 WooCommerce 安装没有很多自定义功能或用户友好的方式来添加额外的自定义字段 - 您可以使用自定义 WooCommerce 我的帐户页面插件轻松实现它。
您不希望您的客户在您的商店中寻找他们的问题的答案 - 只是在此过程中让他们感到沮丧。 相反，您可以让“我的帐户”页面成为客户的综合中心——他们可以在其中找到用户指南和有关保修、过去订单甚至奖励的信息。
以下是您的商店如何通过自定义 WooCommerce 我的帐户页面受益：
- 最大限度地减少产品退货：添加额外的产品信息、说明指南或手册将帮助客户对他们愿意购买的产品充满信心——降低退货的可能性。
- 提高客户忠诚度：自定义“我的帐户”页面通过在易于查找的位置为他们提供所需的所有信息，从而使他们的生活更轻松，这也消除了联系客户服务的需要。 它还为他们提供了一个寻找独家折扣和优惠券的地方，让他们成为您的忠实客户。
- 最大程度地保留客户：在“我的帐户”页面上提供额外的优惠券和折扣可以帮助您让您的客户不断光顾并让他们渴望——因此他们不时检查新的销售和优惠。
- 减少客户投诉/查询： 67% 的客户更喜欢自助服务而不是致电特定代表。 提供用户指南和一个查看产品和寻找答案的多合一的地方将使他们不太可能就相同或其他查询与您联系。
既然我们已经了解了自定义“我的帐户”页面如何帮助您和您的客户 - 让我们看看您可以使用哪些插件将商店的客户体验提升到一个新的水平。
YITH – WooCommerce 自定义我的帐户页面
Yith 的 WooCommerce 自定义我的帐户页面可让您更好地控制您在“我的帐户”页面上显示的内容，并且是使页面对您的客户有吸引力和有用的绝佳方式 - 无论您使用的是什么主题。
与“我的帐户”页面定制相关的最大功能值得一提的是：
- 您可以在“侧边栏”或“标签”显示模式之间切换
- 您可以对帐户管理选项卡的内容进行排序、删除、添加、重命名和更改
- 您可以向特定用户角色显示某些选项卡
- 您可以更改颜色、标签、添加图标
它允许您添加无限数量的菜单，其中包含说明、调查、可下载文件、优惠券、新闻、通知和视频教程等内容。
它还允许您宣传您的产品并显示与折扣代码和促销优惠相关的消息。 编辑内容、标签和商店默认部分的位置也很容易，例如仪表板和订单。
主要功能：允许您创建仅对特定用户可见的部分，并限制他们使用特定用户角色。
定价： 59.99 美元/年，提供 1 年支持和更新以及 30 天退款保证。
IconicWP – WooCommerce 帐户页面
这个插件是最无缝的插件之一，因为它与 WooCommerce 完全集成，适用于任何编码良好的主题，并且就像另一个 WooCommerce 功能一样 - 就像没有安装的插件一样。
这个插件的不同和独特之处在于，您不仅可以在“我的帐户”页面上设置无限页面，而且您添加的任何页面都会自动显示为选项卡式链接。
它也是一个对简码友好的插件，因为如果您使用页面构建器，您可以使用简码轻松呈现选项卡链接。 此外，它还有助于页面排序——而且 all-in-all 是一款出色的初学者友好型插件，具有熟悉的界面。
主要功能：这是唯一允许您使用古腾堡编辑器的插件 - 可以轻松创建自定义和动态布局，并在选项卡中添加图像画廊或视频等内容。
定价： 1-site Plugin License 费用为 49 美元/年。
WooCommerce – 为 WooCommerce 自定义我的帐户
此插件可让您通过具有强大自定义面板的实时自定义程序添加自定义“我的帐户”端点（选项卡）。
除了创建无限的帐户端点外，它还可以轻松自定义选项卡（添加新的或隐藏默认选项卡）、修改标签、显示自定义内容（文本、表单或媒体）以及添加图标。
您还可以提供对特定用户角色的端点访问，编辑字体、字体颜色、大小、背景图像和颜色、填充、边距和边框。
主要功能：此插件的最佳功能之一是能够将端点分组以创建选项卡，然后将选项卡添加为在父选项卡下缩进的子页面。 您还可以添加自定义 CSS 代码。
定价： 49.00 美元（每年计费）
WooCommerce – 我的帐户页面编辑器
此插件是通过添加多个端点、编辑或删除默认端点以及通过拖放对端点进行排序来自定义您的 WooCommerce 我的帐户页面的另一个可靠选项。
WYSIWYG 编辑器允许您添加产品页面、类别、外部或内部链接或内容。 您还可以限制用户角色。 此外，您还可以选择在选项卡样式的顶部、左侧或右侧显示端点，并使用任何内置图标与端点一起显示。
主要功能：您可以从任何端点类型中进行选择——单个、页面、链接和组，并从四种不同的颜色和布局选项中进行选择。
定价： 49.00 美元（按年计费）
Codecanyon – WooCommerce 自定义我的帐户页面
这个预算友好的插件允许您创建一个简单、干净、舒适的“我的帐户”页面并对其进行自定义。
除了允许您创建自定义“我的帐户”选项卡外，它还允许您通过直观的界面重命名、重新排序和禁用选项卡。 有趣的是，它带有许多样式选项，例如三种不同的布局、修改背景颜色和自定义文本——以彻底改造您的 WooCommerce 我的帐户页面。
您还可以限制特定的用户角色、使用简码并添加自定义用户元数据——WooCommerce 不支持这些。
主要功能：这个插件的迷人之处在于它支持超过 11 种类型的内容——包括链接、编辑器、功能、显示购物车、显示我的帐户和联系 7 表单。
定价：常规许可证售价 34 美元。
Codecanyon – WooCommerce 我的帐户页面插件，编辑和自定义帐户页面
这个负担得起的插件允许您自定义您的“我的帐户”页面、添加自定义选项卡、完全控制其内容并个性化整体体验。
它使您可以轻松添加页面或端点、自定义其内容以及对端点进行分组以增强页面布局并更好地组织它。
此外，它还带有一个用户友好的 WYSIWYG 编辑器，它允许使用 HTML - 总而言之，它是您商店“我的帐户”页面的无缝定制插件。
主要功能：此插件允许您通过将链接附加到选项卡或端点来吸引客户对“新产品”等特定页面的关注。
定价：常规许可证售价 29 美元。
Codecanyon – SS WooCommerce Myaccount Ajax 选项卡
这种简单轻巧的解决方案对于网站流量高的商店来说是一个很好的解决方案，可以最大限度地减少整体服务器负载。
它提供了三种独特的选项卡样式——默认、经典和平面，并允许您添加无限选项卡、删除选项卡、使用拖放重新排序它们以及添加自定义内容。
这个插件的独特之处在于它将您的“我的帐户”页面选项卡转换为 Ajax 选项卡——允许客户在同一页面上浏览选项卡链接及其内容。 因此，它消除了每次客户需要查看选项卡内容时刷新页面的需要。
此外，它还支持 HTML、自定义简码、JavaScript 和滑块内容。
主要功能：它支持垂直选项卡方向并提供更好的客户体验——允许他们查看选项卡的内容而不会刷新页面或延迟。
定价：常规许可证售价 29 美元。
Pheoniixx Designs – 为 WooCommerce 自定义我的帐户
这个功能丰富的插件支持多站点网络，并提供多个选项来根据您的特定要求自定义您的“我的帐户”页面。
您可以创建无限的菜单选项，并在两种菜单样式或布局选项之间进行选择——侧边栏和选项卡。 此外，它还为您的客户提供了上传个人资料图片的选项。
此外，您可以获得广泛的样式选项来个性化菜单项文本、菜单项颜色、菜单之间的填充以及图标和文本之间的边距。 您还可以轻松地向菜单添加自定义 URL，并在每个菜单选项下编辑图标、标签和内容。
主要功能：它支持简码，并允许您根据用户角色（如客户、贡献者或管理员）限制“我的帐户”页面上的菜单选项。
定价：单站点许可证的价格为 35.18 美元，提供一年支持、终身更新和无续订费用。
结论
自定义您的 WooCommerce 我的帐户页面是改善客户体验和与您的商店互动的绝佳方式。 在单个页面上添加所有必要的详细信息、指南、常见问题解答和产品信息可以防止客户感到沮丧、需要跟进查询、减少退货并提高忠诚度。
您可以创建尽可能多的页面和选项卡——无需学习任何新内容。 上面提到的每个插件都具有独特的功能、优势和劣势。 因此，请分析您的需求并为您的商店选择合适的插件，以提供满足您所有客户需求的一站式解决方案。