如何使用WPMU DEV创建完全品牌的定制客户门户

学习如何为客户提供轻松,专业的白色标签门户经验,他们可以在其中访问其帐户,网站并通过安全且自托管的结帐付款.

想象一下您拥有自己独特的门户网站,您的客户可以在其中登录,访问他们的帐单帐户,甚至付款-全部托管在您自己的网站上,并带有您自己的品牌.

好吧,好消息,有了WPMU开发人员,这是可能的简单!在本文中,我们向您展示了如何创建梦想中的客户门户.

您将学习:

  • 如何为客户创建自定义登录页面,
  • 如何使用品牌电子邮件邀请客户访问您的门户
  • 客户如何快速,轻松地向您付款.

在本文结尾处,您将在您自己的品牌下建立一个时尚的门户网站,客户可以用来访问其网站的信息并为您的服务付款.

这是部分突破:

  • 创建门户需要什么
    • 如何创建和品牌您的客户门户
  • 配置菜单导航项目
    • 设置帮助按钮
    • 整合实时聊天
  • 邀请客户访问您的自定义门户
  • 您的客户在门户网站内会看到什么
    • 客户仪表板
    • 客户资料
    • 客户可以通过客户门户支付发票
    • 客户可以直接在计费模式中访问发票
  • 为您的客户提供Hub Client的更自定义的体验

我们离开了!

创建门户需要什么

在开始之前,如果您想跟随或最终创建自己的门户:

1.枢纽,建立您的门户网站并集成计费工具

集线器是您作为WPMU开发用户的中心界面,它是我们的Web开发人员成员管理客户网站的各个方面的地方.

您可以在我们如何从中心文章中充分利用它在我们中的工作方式进行更多了解.

这个多合一的站点界面还包括内置的客户管理和账单仪表板-您可以在其中开具发票客户,设置订阅,跟踪每月重复收入(MRR)等等.

,最重要的是与本文相关……您可以邀请客户自定义访问您的计费仪表板(以及整体中心的特定区域),他们可以在其中查看其帐户和订阅信息,甚至直接通过内置条纹结帐付款.

以上所有内容均为您的白色标签客户门户提供基础.但这仍然是WPMU DEV的品牌,到目前为止.

那是下一个工具进入方程的地方……

2.集线器客户端,将您的门户标记为您自己的

集线器客户端允许您使用轮毂接口,包括计费工具和结帐,并使用您自己的品牌,徽标等使用白色标签.

此实例将在您自己的域名处于您自己的网站上,因此,当您的客户登录时,他们会看到您的品牌,而不是我们的品牌.

3.您的门户网站

的托管网站

最后,您还需要一个托管网站来托管客户门户…

这可以是第三方托管网站,或者总有我们自己的专用WordPress托管,您也可以从轮毂仪表板上管理.

上述所有工具都包含在WPMU开发代理计划中,您也可以免费试用该工具现在.

好吧,现在您知道需要什么,我们将开始!

如何创建和品牌客户门户网站

好吧,首先是……由于白色标签客户的体验是由集线器客户提供的,我们想立即安装和配置.

您注册了付费的WPMU DEV会员资格后,可以通过插件着陆页,集线器插件管理器或WPMU Dev Dashboard插件免费安装HUB客户端插件./p>
hub client wpmudev dashboard install hub client wpmudev dashboard install

从wpmu dev wordpress dashboard./figcaption>

激活后,单击它以查看欢迎屏幕,然后单击入门.这将您直接进入设置.

默认情况下,您的 hub客户端将继承您在自己的中心中设置的品牌名称和徽标,但是您可以将其自定义为您喜欢的任何东西.

hub client branding page & preview hub client branding page & preview

wordpress中的集线器客户端设置,默认视图.

我们将在网站配置文件下快速设置我们的前三个品牌自定义.

  1. 单击品牌名称的箭头图标,键入您要称呼的内容,然后保存更改.
  2. 接下来,单击的箭头图标,上传图形和保存更改.
  3. 配色方案下,单击" 导航背景"的箭头图标,从颜色拾取器中选择所需的阴影,然后保存更改.您还可以在此处选择导航文本导航文本</strong </strong 在此处匹配您的品牌配色方案.

您可以通过 Preview 在设置页面的顶部实时看到所有更改.

the hub client settings wp dashboard the hub client settings wp dashboard

HUB客户端客户设置主屏幕,已定制为您的品牌.

配置菜单导航项目

我们希望使我们的品牌门户成为满意,明智的体验.

我们可以通过集线器客户端的设置轻松完成此操作.

让我们看一下您的客户的其他品牌门户.

首先,我们将设置将显示为您品牌门户的主菜单.

中的主屏幕中 the Hub客户端; 向下滚动到配置,然后单击导航右侧的雪佛龙箭头.

.

从下拉选项中选择,或在WordPress'外观>菜单中创建特定网站菜单,然后回到此页面并选择它.

select the Navigation menu in client portal select the Navigation menu in client portal

选择客户端门户中的导航菜单.

现在,我们将客户页面设置为集线器.

单击客户端页面右侧的雪佛龙箭头,然后从结果弹出窗口中,从下拉选项中选择按需选择,然后 save .

.

select Client Page to be replaced with your client hub select Client Page to be replaced with your client hub

选择要替换为客户端hub的客户页面.

现在,您将看到此附加的链接文本- 查看页面客户端页面以及您选择的页面名称.在这种情况下,"集线器".

config nav client page view page text in menu config nav client page view page text in menu

我们将客户端页面设置为集线器.<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<

单击查看页面,它将在新网页中打开集线器的实例,在此您将在此处看到您选择的页面,并在网站顶部选择菜单.

branded hub client view branded hub client view

客户端对品牌枢纽的视图.

您还可以自定义客户端登录页面上 Back 文本的链接.我们现在就把它淘汰.

来自 WP仪表板>集线器客户端>设置 >配置> HOME站点URL </strong </strong </strong ,单击添加打开配置模块./p>

输入站点URL和站点名称(标题),然后保存更改.(如果您愿意,您也可以单击"保存之前"的复选框以在新的选项卡中打开.)

customizing site home URL for back button customizing site home URL for back button

自定义HUB中的back back按钮的站点home url客户端.

注意:如果此处未进行自定义,则后退按钮将直接转到该站点的默认主页.

如果您想回到默认状态,只需单击重置按钮.

设置帮助按钮

拥有随时为客户提供的帮助资源是一个很大的优势.让他们感到镇定和收集很长的路要走,知道答案只是单击.

"提供足够的自定义选项,以便我们可以在某种程度上调整接口的外观和感觉.以及提供我们自己的信息的能力,例如联系信息和链接到我们自己的帮助页/客户支持等."- Julian (WPMU DEV成员)

在集线器客户端中获取帮助按钮是一个束缚.我现在会带您完成如何做.

来自 WP仪表板>集线器客户端> 设置>配置;在帮助按钮的右侧,单击添加.

输入您的帮助页面的URL,然后保存更改.

tada!现在,您将在集线器页面上有一个浮动帮助泡泡,当单击时,将将用户引导到所选的URL.默认情况下,帮助页面将在新标签中打开.

设置了帮助按钮后,它将显示在集线器主页的右下角,准备采取行动.

help button client portal view help button client portal view

在集线器中的网站上添加一个帮助按钮.<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<

集成实时聊天

实时聊天是为客户提供的绝妙功能.集线器客户端提供三个高评级的聊天平台集成供您选择.

如果您前往WordPress仪表板,集线器客户端>设置> Integrates ,您可以在集线器客户端上配置实时聊天小部件.

可用的三个最受欢迎的第三方服务: livechat tawk.to HubSpot .

Live Chat logging in for Tawk.to Live Chat logging in for Tawk.to

在集线器客户端中实时聊天,登录tawk.to.
tawk.to的实时聊天外观和预览.</</</

取决于您选择的实时聊天服务,设置将有所不同.

如果您想在集线器客户端设置这些设置这些基本演练,请阅读如何在WordPress上设置实时聊天.或在我们的集成中获得完整的摘要帮助文档.

邀请客户访问您的自定义门户

是时候推出红地毯了!设置自定义,我们准备将客户带入其中.

让我们从手动添加新客户端开始.

导航到 hub>客户端和计费,然后单击+新客户.

获得客户端设置只需单击几下.<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<

在表单字段中输入所有客户所需的信息(以及可选的)信息.

用户角色在客户端设置中起着非常重要的作用.基本上,这些决定每个客户将在您的中心中可以访问和采取行动.您可以通过选择权限来完全控制这些.

我们将深入研究用户角色在我们即将推出的客户端和计费文章中.现在,单击用户角色下的下拉箭头,然后选择查看ALL&Access Billing .

add client user role dropdown add client user role dropdown

您决定客户可以通过应用用户来确定客户端的访问权限角色.

如果您选择自定义角色 -您可以通过单击+创建自定义用户角色.

这将启动屏幕,您可以从主菜单和嵌套菜单中选择选项.命名您的新角色并保存.

现在,如果您回到该客户端,则可以为他们分配此自定义角色.

添加客户端时,您还将确定它们与之相关的主要集线器.

如果您有多个集线器,则可以在下拉列表中可用.如果您在网站上使用了集线器客户端,然后选择它作为主要集线器,当客户点击确认邀请付费发票从您的客户端和计费中链接自动化的电子邮件,它们将被带到您的白色标记的轮毂网站,而不是 wpmudev.com .

wpmu dev帐户 pro

我们在一个捆绑中最好的pro wp工具

输入您的电子邮件

<

您的客户在其门户网站内会看到什么

您门户网站中的每个客户体验都是他们独特的.

您的品牌始终将很普遍,您的客户将能够查看和访问的内容取决于您通过用户角色授予的权限.

这是一种自定义为每个客户服务的绝佳方法,非常适合您的综合商业兴趣和需求.

客户仪仪表板

一旦您的客户登录了您的客户门户,他们将受到仪表板的欢迎,并访问您给出的任何内容.

portal initial view

client of您的自定义品牌的客户端视图./figcaption>

客户可以在您的门户网站中组织单个或多个站点,并在他们认为合适的情况下在仪表板区域组织它们.

portal multi sites

客户端可以喜欢的网站,颜色标签等等品牌集线器.

您分配给客户的角色是由您编辑的,可以随时在管理和计费平台中更改.

例如,如果我们将计费权限分配给客户,他/她将有能力查看和编辑该部分中的任何内容,但是它们将从客户端帐单中的任何其他页面/屏幕上切断.</

plugins, manage existing plugins, manage existing

可以访问以修改和查看,或查看仅,使完全隐藏屏幕完全像插件一样.

阅读此帖子以仔细查看用户角色和权限.

让您的客户查看和管理自己的计费详细信息可以节省您将花在管理活动上的时间和精力,并允许他们感到与他们的帐户联系.

您的客户可以在这里完成很多工作.例如,管理其计费信息和帐户详细信息,查看其服务和订阅,过滤付款状态(应得或付费),评估他们的平均支出是多少.

billing details client view billing details client view

计费概述部分为客户提供了快速但信息丰富的top--其帐户的级别视图.

在"计费"部分中,客户可以通过浏览各种菜单选项来查看所有详细信息.

current subscriptions current subscriptions

products&Services页面允许通过订阅的订阅段视图视图而,既有活动又不活动的服务.

可以单击此处的任何行项目以获取完整的详细信息和/或采取某些操作.例如,取消订阅.

view subscription details

有关特定客户端订阅的详细信息,并可以选择取消选项.它.

发票也可以详细检查.

invoices summary list mixed pay status invoices summary list mixed pay status

客户端发票摘要列表,易于可见的状态和金额每个.

内置过滤器功能很棒,提供日期,付款状态和网站的蒸馏选项.

filter on invoices filter on invoices

即使是存档的发票也可以使用可靠的过滤器快速地定位.

如果您已授予他们这样做的权限,客户可以查看详细信息并采取有关服务和账单的行动,例如付款或下载发票的PDF版本.

filter on invoice menu options

每个行项目都可以通过弹出菜单进行快速操作,例如作为付款或查看订阅.

客户端配置文件

客户可以自由编辑其个人内容-个人资料信息(包括他们的个人资料图片,如果他们有一个在Gravatar中设置),进行密码更改,设置2FA(需要一个身份验证器应用程序),或通过右上角的COG图标菜单登录.

client profile edit

客户端可以轻松编辑自己的个人资料信息.

所有内容实时更新.例如,如果客户在其个人资料中更改了电子邮件addy,则它也将在其计费配置文件中更新,因为集线器和客户端和计费配置文件是同步的.轻松的peasy!

客户可以通过客户端门户

支付发票

使用客户和计费模式,您的客户将有方便地通过品牌客户门户(安全条纹结帐完全集成)来直接向您付款!

如前所述,包括付款在内的所有客户管理活动都在您自己的域内安全地进行,并完全定制品牌屏幕.

hub URL

所有事物都发生在您选择的域上.

在与您的整个商业旅行过程中,客户都通过自动电子邮件保持循环,以反映您的自定义品牌和公司详细信息.

email pay invoice email pay invoice

电子邮件通信和发票是自动触发的,并保留在现象上,从板上取下该任务.

客户可以通过单击发票的电子邮件链接来轻松付款,并将其带到付款门户.

client invoice payment in portal 1

客户端对其发票详细信息进行最终检查,然后单击单击付款按钮.

客户可以输入他们的付款信息,然后单击付费按钮,该按钮将在其批准的金额和服务金额上具有特定信息.

注意,如果他们以前添加了付款方式,它将在此处自动填充,并在需要时进行更改.

client invoice payment in portal 2 client invoice payment in portal 2

the Hub中的客户端支付过程,继续.

客户可以在下一页检查其所有信息,然后单击以付款.

client invoice payment in portal 3 client invoice payment in portal 3

HUB中的客户端支付过程;最后一次的视觉检查,预付款.

付款后,发票将加载,反映详细信息和付费状态.

client invoice post payment details client invoice post payment details

客户端发票详细信息;状态:付费.

现在,如果您转到"发票"选项卡,您将看到所有当前和出色的发票.

invoice summary list status all paid

the Hub中的客户发票摘要列表.

状态列中,红色表示付款,绿色表示已付款.

顶级发票菜单具有通知图标(红色圆圈中的一个数字),指示出色的发票数量-可快速视觉参考.

客户可以通过单击发票屏幕顶部的 pdf发票按钮下载任何付费发票的副本.

客户端可以直接在集线器的计费模式中访问发票

您的客户可以轻松地从其枢纽中的任何网站查看和管理与特定帐单有关的帐单活动.它几乎与您在集线器计费区域看到的相同,当然仅针对其网站.

客户可以使用左侧栏菜单导航到其计费部分.

客户只需要单击计费链接中的侧栏菜单中的任何网站的启动即可开始.您发送给他们的任何发票都可以在这里访问.

client billing overview with sidebar

client of您的品牌hub中的client概述屏幕.

您添加了网站但尚未发送发票的客户仍然会看到该网站,它将没有任何特定的计费信息.

一旦支付了第一个特定网站的发票,数据将立即在摘要部分中填充,以及 Products&Services&Services 发票节'状态,它将反映为活动付费.

如果您通过完整的故障与我们联系,恭喜!现在,您精通客户门户网站的许多出色功能-即您的品牌枢纽.毫无疑问,您会做令人惊奇的事情.

如果您确实需要助攻,请与我们训练有素(和最高的)支持团队联系.他们总是在24/7/365.

有关客户门户网站上所有内容的完整指南,请参见Hub客户端文档.

从WPMU DEV

为您的客户提供更自定义的体验

集线器客户端使您可以在自己的域上运行WPMU DEV作为客户的100%白色标签体验.

您可以完全自定义品牌,颜色,链接,登录,电子邮件和用户访问……甚至允许客户自行决定编辑某些领域.

"这就像在后台访问您的客户一样,但作为VIP体验."- Josh Hall (Joshhall.co)

通过对我们的付费计划之一或我们的托管-完全专用和优化WordPress的试验,请查看我们的集线器客户插件.我们提供100%的满意保证,我们的支持团队为WordPress提供帮助,而不仅仅是我们的产品和服务.

在内部见!

您是否通过集线器客户端创建了自己的自定义门户?如果是这样,您有喜欢的功能吗?在下面的评论中让我们知道.

8

发表回复

           
意见反馈 在线咨询 TG电报群聊 简繁切换 返回评论 返回顶部