如何在 WordPress 中创建客户端

技术教程 2021年11月5日

1179 0 12

您想在 WordPress 中创建客户端门户吗?

客户门户允许您为客户创建一个专用区域，客户可以在其中登录以访问文档、文件、支持等.

在本文中，我们将向您展示如何在 WordPress 中轻松创建客户端门户.

为什么以及谁需要 WordPress 中的客户端?

客户门户可让您高效地在线管理客户资源.这减少了支持请求，允许客户自助，并为他们提供更好的用户体验.

例如，如果您经营一个摄影网站，那么您的客户可以通过他们的客户仪表板下载或上传文件.

同样，如果您经营平面设计或网页设计机构，那么您可以使用客户门户网站，客户可以在其中访问他们需要的所有文件和信息.

任何需要与客户在线交流的企业都可以从在 WordPress 中创建客户门户网站中受益.

如何在 WordPress 中创建客户端

每个企业对其客户门户都有不同的要求.这就是为什么您需要一个灵活的解决方案，可与其他 WordPress 插件配合使用，并且可以轻松扩展以匹配您的业务.

在本教程中，我们将使用 MemberPress.它是市场上最好的 WordPress 会员插件，可让您轻松创建仅限会员的内容、创建帐户页面、登录和注册表单等.

它具有强大的显示规则、完整的会员管理以及创建不同级别的会员计划的能力.

首先，您需要安装并激活 MemberPress 插件.有关更多详细信息，请参阅有关如何安装 WordPress 插件的分步指南.

激活后，您需要访问MemberPress »设置页面以输入您的许可证密钥.您可以在 MemberPress 网站上的帐户下找到此信息.

接下来，您需要切换到"付款"标签并选择一种付款方式来接受会员订阅付款.您也可以根据需要创建免费订阅计划或自己手动添加成员.

MemberPress 支持 PayPal 和 Stripe.您还可以将 Authorize.net 与他们的 Plus 和 Pro 计划一起使用.

选择付款方式后，系统会要求您提供帐户详细信息.完成后，点击"更新选项"按钮保存更改.

接下来，您已准备好创建会员计划.这是您要将客户添加到的订阅计划.

只需转到 会员新闻 »会员资格页面，然后点击添加新按钮.

在下一个屏幕上，您可以为您的会员计划命名并设置定价选项.根据您管理客户合同的方式，您可以选择终身、到期或固定到期计划.

接下来，您需要创建访问规则.这使您可以控制您希望保护网站的哪些部分并仅供会员访问.

只需转到会员新闻»规则页面，然后单击顶部的添加新按钮.

在下一个屏幕上，您首先需要在"受保护的内容"下选择要限制的内容.

MemberPress 提供了一整套选项.您可以选择与特定标签、类别、同一父页面下的页面、单个帖子或任何 URL 匹配的帖子.

例如，如果您使用 WordPress 知识库插件来管理客户的文档，那么您可以将这些文章限制在会员计划中.同样，您也可以将任何帖子、页面、类别或标签限制为仅限客户.

在此之下，您需要选择谁可以访问受保护的内容.我们选择了之前为客户创建的会员计划.

添加访问规则后，单击"保存规则"按钮以存储您的设置.

在会员新闻中创建客户帐户页面

MemberPress 允许您轻松创建和管理帐户页面.这是您的客户在登录其客户帐户时将看到的页面.

首先，转到MemberPress »设置页面并切换到"页面"标签.从这里您可以选择要用作帐户页面的页面.

默认情况下，会员新闻创建并使用"帐户"页面.如果需要，您可以使用不同的页面.之后，只需单击"编辑"按钮即可打开页面并进行编辑.

您可以像编辑任何 WordPress 页面一样编辑页面.您在此处添加的任何内容都将对所有人可见，而不仅仅是您的客户.

但是，您可以在此处添加自定义文本并使用"[mepr-account-form]"短代码在您想要的任何位置显示登录表单.

在会员新闻中自定义客户帐户页面

在 MemberPress 中自定义帐户页面的一种方法是简单地对其进行编辑.但是，您在此处添加的任何更改都将对所有人可见，而不仅仅是您的客户.

要添加仅对您的客户可见的内容，您可以使用会员新闻简码将其隐藏.

例如，如果您只想向 VIP 会员计划下的客户展示一些内容，那么您将这样包装您的内容:

[mepr-active membership='186']

Client only content goes here

[/mepr-active]

不要忘记将 186 替换为您自己的会员 ID.您可以通过访问 MemberPress » 查看任何计划的会员 ID.会员资格页面.

保存您对"帐户"页面所做的更改并访问您的网站以查看其实际效果.您需要使用可以访问您之前创建的会员计划的帐户登录.

在会员新闻中的帐户页面中添加标签

默认情况下，会员新闻将显示主页、订阅、付款和注销选项卡.如果您对添加自定义代码感到满意，那么您可以自定义它以添加更多选项卡并在那里显示更多以客户为中心的内容.

让我们添加一个带有联系表单的选项卡，另一个用于列出客户可以从其仪表板访问的文档.

只需将以下代码添加到主题的 functions.php 文件或特定于站点的插件中.

function mepr_add_some_tabs($user) {
  $support_active = (isset($_GET['action']) && $_GET['action'] == 'premium-support')?'mepr-active-nav-tab':'';
  ?>
    <span class="mepr-nav-item premium-support <?php echo $support_active; ?>">
      <a href="/test4/account/?action=premium-support">Premium Support</a>
    </span>
  <?php
  $documentation_active = (isset($_GET['action']) && $_GET['action'] == 'documentation')?'mepr-active-nav-tab':'';
  ?>
    <span class="mepr-nav-item premium-support <?php echo $documentation_active; ?>">
      <a href="/test4/account/?action=documentation">Documentation</a>
    </span>
  <?php
}
add_action('mepr_account_nav', 'mepr_add_some_tabs');

function mepr_add_tabs_content($action) {
  if($action == 'premium-support')://Update this 'premium-support' to match what you put above (?action=premium-support)
  ?>
    <div id="custom-support-form">
     //your contact form shortcode here
<?php echo do_shortcode(''); ?> 
    </div>
    
  <?php
  endif;
  if($action == 'documentation'): ?>
  <div id="documentation">
 //shortcode provided by your knowledge base plugin to list articles or manually add content here
<?php echo do_shortcode(' [knowledgebase] '); ?>

  </div>
<?php
 endif; 
}
add_action('mepr_account_nav_content', 'mepr_add_tabs_content');

如您所见，我们创建了两个选项卡，一个显示我们使用 WPForms 创建的联系表单，另一个显示我们的知识库文章.

我们在代码中使用了这两个插件提供的短代码.但是，您也可以在此处手动添加您想要的任何其他内容.

不要忘记保存您的更改并预览您的帐户页面.这是它在我们的演示网站上的样子:

为单个客户添加自定义内容

MemberPress 还允许您手动修改个人会员和客户的帐户页面.只需转到用户 »所有用户页面，然后点击您要更改的用户下方的"编辑"链接.

向下滚动到"自定义会员新闻帐户消息"并添加您要向该特定客户显示的内容.

该区域的工作方式类似于常规的 WYSIWYG 编辑器，顶部有格式化工具栏.您还可以添加图像、链接、短代码、画廊、视频、音频等.

不要忘记点击"更新用户"按钮来保存您的更改.