构建 WordPress 客户端的专业指南

已发表: 2022-05-28

客户端门户是 WordPress 趋势,采用专用页面的形式,您的客户可以在其中访问关键文档、支持和文件。 这是一个允许企业主在线管理与客户相关的资源的平台。

而且由于它易于访问,客户可以自己使用它,从而提高他们的体验和满意度。 请记住,88% 的客户在遭受糟糕的用户体验后不会再次使用服务。

客户门户横跨所有行业。 摄影师将受益于拥有 WordPress 客户端门户。 您的客户可以通过专用客户端门户上传或下载他们的图像。

经营平面设计机构的小企业主也是如此。 一个允许客户检查他们的文件和信息的 WordPress 客户门户将被证明是有用的。 即使是云通信领域的公司也可以使用它来回答有关使用 BYOC 系统的常见问题。

此博客是您将 WordPress 扩展到能够保存视频、绘图和文档的客户门户的指南。 首先,我们将从快速浏览客户端门户的用例开始。

为什么需要专用客户端门户

WordPress 客户端门户可用于法律、金融和基于服务的业务。 但是,客户端门户的用途不仅限于这些行业。 以下是考虑为您的网站构建一个的一些重要原因:

  • 让您可以在一个中心位置轻松管理与您的项目、服务、产品和联盟营销利基相关的所有重要细节。
  • 专门的客户门户允许您的客户通过同一平台查找和管理他们的项目详细信息。
  • 客户门户提供财务管理功能。 客户可以通过专门的客户门户发送发票或更新其付款详情。
  • 提供您的团队和个人客户之间设置的所有文件、通信或会议室的正式记录。 您可以通过客户门户上传徽标、风格推荐、合同和简介等文件。
  • 根据它可以容纳多少数据,WordPress 客户端门户可以满足您的项目管理需求。

为什么要在 WordPress 上构建您的客户端

总有可能使用第三方插件或项目管理平台来实现上述功能。 但是与项目管理系统相比,在 WordPress 上构建客户端门户提供了多种优势。 这些优势包括:

  • WordPress 客户端门户看起来更合法,因为现场门户与您网站上的其他页面有相似之处。
  • WordPress 客户端门户具有额外的功能,允许客户在没有代理协助的情况下找到常见问题和问题的答案。
  • 专用的 WordPress 客户端门户提高了品牌知名度和便利性。
  • WordPress 客户端门户具有财务管理选项,可降低客户少付或向错误帐户付款的可能性。
  • 在 WordPress 上构建专门的客户端门户允许您直接从 WordPress 处理支持请求和查询。 因此,您不必担心熟悉新工具。

有效的 WordPress 客户端门户允许您的客户在没有您输入的情况下管理偏好、配置文件、设置和通信。 他们不必拨打免费电话,也不必浪费宝贵的时间尝试联系支持人员。 最终,它使您的客户的生活变得轻松十倍。

使用 Pressidium 托管您的网站

60 天退款保证

查看我们的计划

Bloomberg LEI 使用客户门户为注册用户提供服务。 这个客户门户允许彭博的客户管理他们的注册、提交请求和问题。

构建有效 WordPress 客户端的综合指南

这是您需要做的:

首先安装一个新的 WordPress 副本

在您的开发服务器上安装一个新的 WordPress 副本。 下一步是使用自定义帖子类型 UI 插件,因此您的自定义帖子独立于 WordPress 主题而存在。 我们还建议选择“understrap”主题,提供样板基础,让您快速开始工作。

删除所有默认插件

有时,您的 WordPress 副本可能带有默认插件。 如果是这种情况,最好删除它们。 构建客户端门户所需的 WordPress 插件是“自定义帖子类型 UI”和“高级自定义字段”。

添加自定义帖子类型

自定义帖子类型 UI 插件允许您创建标记为“客户”的超新帖子类型。 通常有一列标记为“Post Type Slug”。 WordPress 开发人员犯的错误之一是忽略用下划线替换空格。 一定要避免它!

确保以单数形式书写所有名词。 这种深思熟虑的举动使您可以创建自定义模板。

添加自定义帖子类型接口

填写复数和单数标签。 您可以将复数形式标记为“客户”,将单数形式标记为“客户”。 这种格式正是它在 WordPress 管理员菜单中的显示方式。 在这些字段中使用大写字母将有助于您的 WordPress 菜单看起来更整洁。

设计一个重写 Slug

自定义重写 slug 可以改善客户体验。 带有前缀的 post-type slug 意味着门户中的新客户将有一个类似于“/tu-customer/example-company”格式的链接。 这是一种不整洁的格式,您可以使用自定义重写 slug 进行修复。

例如,将重写 slug 设计为读取“客户”将使您的自定义帖子类型形成“/customers/example-company”。

包括对自定义字段的支持

下一步是勾选“自定义字段”选项并保存更改。 您需要启用的最后一个选项是“支持 > 自定义字段”,通常显示在页面底部。 在向页面底部添加新帖子类型之前勾选此选项。

创建自定义字段

您现在可以创建自定义字段并将它们分配给最近创建的帖子类型并提供支持。 首先添加一个标记为“客户门户”的字段组,然后在字段按钮旁边添加自定义字段。

将字段简介设置为字段类型“文件”,以便您可以将文件上传到此位置。 您还可以将适当的值设置为“文件 URL”。

开发领域

下一个要添加的逻辑字段是“品牌调查问卷”。 使用客户可以填写的 Google 表单时,添加调查问卷会更简单。 实现这一目标的最佳字段类型是“URL”。

您还可以对链接到外部服务的其他字段使用相同的方法。 添加字段后,找到“位置”框并使用逻辑命令“显示帖子类型”=“客户”。 然后,发布所有字段。

创建模板文件

最好的 WordPress 客户端门户需要个性化的客户仪表板。 只有遵循模板层次结构并专门为帖子类型创建模板文件才能实现这一点。 为了说明,您可以为根目录创建一个标记为“single-tu_customer.php”的新文件。

添加全宽单柱结构

打开您的 single-tu_customer.php 文件,然后添加 get_footer 和 get_header WordPress 函数。 在这些功能的中间,您应该创建一个全角布局结构,其中包含与您的默认 WordPress 主题兼容的自定义字体的内容。

创建内容

当您使用占位符来规划您的内容时,就会出现最好的 WordPress 客户端门户结果。 您还可以在 <main> 元素中使用容器元素来保存信息。

上面提到的占位符让您了解客户端门户的理想布局结构。 您可以通过向各个元素添加样式和设计功能来开始改进这个想法。

使用虚拟客户测试门户

上述所有步骤都描述了构建 WordPress 客户端门户的技术方面。 这一步是您测试辛勤工作的结果的地方。

首先访问您的管理员仪表板并通过左侧栏中的“添加新客户”按钮添加新客户。 通常,系统应该获得熟悉的帖子视图。 另外,向下滚动应该允许您查看自定义字段。 您还可以使用虚拟数据来检查每个功能是否无缝运行。

处理缺失数据错误

有时,您可能会忘记添加文档。 或者,在开发过程中让文档可访问还为时过早。 在这两种情况下,当用于访问特定文件的按钮不起作用时,可能会让人感到困惑。

因此,请在启动客户端门户之前检查所有值是否存在。 最后的检查让您可以调整按钮以向您的客户显示“缺失字段”变体。 这样一来,当分配的按钮不起作用时,您的客户就不会感到困惑。

完成界面

至此,您已经拥有了 WordPress 客户端门户界面的主要结构。 您可以使用 CSS 对其进行适当的样式设置,以确保它符合您企业的品牌需求。

例如,您可以使用 CSS 更改界面的原色,使其与您的品牌颜色保持一致。 另一个有效的步骤是使用介绍文本来改进用户方向并使客户门户更直观——这是 Shopify 履行的一个加分项。

从您的站点地图中删除门户

自定义帖子类型不应成为您的搜索引擎结果的一部分。 因此,您需要从您的网站站点地图中排除帖子类型。 您可以使用元标记、SEO 插件或 robots.txt 来实现此目的。

使用 WordPress 客户端改善客户体验

上述步骤将帮助您创建一个为您的客户提供服务的有效客户门户。 但是您还必须通知您的客户有关新门户的信息。

发送通知您的客户该门户存在的广播通讯就可以了。 确保您的时事通讯介绍门户、其功能以及使用它的有效技巧。 此步骤改善了与客户的关系,同时快速跟踪转向客户门户。 祝你好运!

——

关于我们的客座作者: Patty Yan 是云托管解决方案领导者 RingCentral Office 的 EMEA 产品营销经理。 Patty 热衷于创造价值和差异化,确保为客户和合作伙伴提供更好的体验。 她在快节奏、高速增长的环境中获得了丰富的国际产品营销、产品管理、GTM 和市场开发经验,涉及一系列高科技 SaaS,同时承担战略和战术执行。 她对 UC 并不陌生,从 Tandberg 开始,然后是 Cisco,推动视频协作和服务的推出,以及 Enghouse 负责托管 CCaaS 的全球责任。 她还为 MGID 和 Storyblok 等网站撰稿。