{"id":191721,"date":"2020-09-18T00:24:26","date_gmt":"2020-09-18T00:24:26","guid":{"rendered":"https:\/\/premium.wpmudev.org\/blog\/?p=191721"},"modified":"2024-03-14T23:02:56","modified_gmt":"2024-03-14T23:02:56","slug":"hub-users-and-roles-members-clients","status":"publish","type":"post","link":"https:\/\/wpmudev.com\/blog\/hub-users-and-roles-members-clients\/","title":{"rendered":"How to Set Up Users &#038; Roles in The Hub for Your Team Members and Clients"},"content":{"rendered":"<p>With The Hub, you can give unlimited users multiple roles on any WordPress site you manage &#8212; even if they aren&#8217;t WPMU DEV members! Learn how to easily set all this up in minutes and give team members and clients as much or as little access as you\u2019d like.<\/p>\n<p>Plus, With <strong>The Hub Client<\/strong>, you can create your own fully branded Hub for your team members, clients, and collaborators &#8230; all in just a few clicks!<\/p>\n<p>Oh, and did we mention it\u2019s all free for your users and you&#8217;re able to be set up in minutes?<\/p>\n<p>In this article, we\u2019ll be going over how to:<\/p>\n<ol>\n<li><a href=\"#users\">Set Up Team Members<\/a><\/li>\n<li><a href=\"#roles\">Set Up User Roles<\/a><\/li>\n<li><a href=\"#customization\">Add User Customization Settings<\/a><\/li>\n<li><a href=\"#access\">Gain Quick Access to Sites<\/a><\/li>\n<li><a href=\"#setup\">Set Up The Hub Client (THC)<\/a><\/li>\n<li><a href=\"#clients\">Set Up Client Roles<\/a><\/li>\n<\/ol>\n<p>This post&#8217;s features are accomplished from the <strong>Team<\/strong>\u00a0tab in The Hub dashboard, except for The Hub Client, accessed by the <strong>Hub Client Plugin <\/strong>(which we&#8217;ll show you how to activate).<\/p>\n<h2 id=\"users\">1. Set Up Team Members<\/h2>\n<p>The Hub allows you to collaborate with other users by assigning them roles and granting them access to specific areas of your WordPress site(s).<\/p>\n<p>Creating new users in The Hub is the easiest way to allow access to users, all from one place.<\/p>\n<p>From The Hub, click on <strong>Team<\/strong>&#8230;<\/p>\n<figure id=\"attachment_221299\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-221299 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/hub-team.png\" alt=\"The Hub - Team\" width=\"1351\" height=\"547\" \/><figcaption class=\"wp-caption-text\">Click on Team to get started.<\/figcaption><\/figure>\n<p>Before inviting people to join your team, make sure that your details are correct, as these will appear on the invitation emails that your new team members will receive and your client portal.<\/p>\n<p>To check, click on the <em>Settings<\/em> tab. If you haven&#8217;t already set this up, enter your name, upload your logo, and click Save to update your settings.<\/p>\n<figure id=\"attachment_221352\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-221352 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/team-settings.png\" alt=\"Team Settings screens.\" width=\"950\" height=\"559\" \/><figcaption class=\"wp-caption-text\">Add your name and logo before inviting team members.<\/figcaption><\/figure>\n<p>Once this initial step is done, go to <strong>Team Members<\/strong> and click the <strong>Add First Team Member<\/strong> button to get started.<\/p>\n<figure id=\"attachment_221301\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-221301 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/hub-add-team-member.png\" alt=\"The Hub - Team screen with no members added yet.\" width=\"1193\" height=\"580\" \/><figcaption class=\"wp-caption-text\">Click the button to add your first team member.<\/figcaption><\/figure>\n<p>This brings up the <strong>Invite new member<\/strong> form, where you&#8217;ll be able to fill in the following details:<\/p>\n<ul>\n<li>Enter their email address and name.<\/li>\n<li>Select all the sites listed on your Hub that you want to give your new user access to. These settings can be changed at any time.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><video loop muted autoplay playsinline class='dev-html5-video'><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/select-sites.webm\" type=\"video\/webm\"><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/select-sites.mp4\" type=\"video\/mp4\"><\/video><\/p>\n<p style=\"text-align: center;\"><small>Scroll to select a site or use the dropdown menu and quick-search feature<\/small><\/p>\n<ul>\n<li>Select a user role (View &amp; Edit, View Only, or a Custom role). This can also be changed at any time.<\/li>\n<li>Add notes about the user (optional).<\/li>\n<li>Select an add-on service for the user (e.g. access to Support). This is optional too.<\/li>\n<\/ul>\n<p>After filling in the details, click on <strong>Invite<\/strong>.<\/p>\n<figure id=\"attachment_221345\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-221345\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/invite-new-member-01.png\" alt=\"The Hub - Invite New Member screen.\" width=\"668\" height=\"970\" \/><figcaption class=\"wp-caption-text\">Fill in the details and click on Invite to add your new team.<\/figcaption><\/figure>\n<p>This will send out a confirmation email to the new user.<\/p>\n<div class=\"image-grid cgrid-row\">\n<div class=\"cgrid-col cgrid-col-span-full\">\n<figure id=\"attachment_221346\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-221346 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/confirmation-email-02.png\" alt=\"The Hub - New team member confirmation email.\" width=\"742\" height=\"452\" \/><figcaption class=\"wp-caption-text\">Your new team members will receive an email invitation to join your team.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n<p>Once the user gets the email and hits<strong> Confirm<\/strong>, they will be redirected to WPMU DEV to set up a free account with their email, name, and password.<\/p>\n<figure id=\"attachment_221310\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-221310 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/join.png\" alt=\"Create a Free Account at WPMU DEV\" width=\"650\" height=\"575\" \/><figcaption class=\"wp-caption-text\">Your new team members only need to complete this simple setup and click Join to have access to sites.<\/figcaption><\/figure>\n<p>New team members don\u2019t need to be members of WPMU DEV, and there&#8217;s no cost involved.<\/p>\n<p>When they click <strong>Join<\/strong>, they will be added to your Team Hub account, where they will only have access to the sites and roles granted by the admin.<\/p>\n<figure id=\"attachment_221347\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-221347 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/wpmudev-member-login.png\" alt=\"The Hub Team account screen.\" width=\"1069\" height=\"668\" \/><figcaption class=\"wp-caption-text\">New team members can only access what they have been given roles and permissions to do by the WPMU DEV member.<\/figcaption><\/figure>\n<p>As the WPMU DEV member and Hub administrator, you can see the new user in the <strong>Team Members<\/strong> area.<\/p>\n<p>If the user hasn\u2019t confirmed yet, their account will show as <strong>Pending<\/strong>.<\/p>\n<figure id=\"attachment_221355\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-221355 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/member-pending-1a.png\" alt=\"The Hub - Team - New user- Pending status.\" width=\"1231\" height=\"499\" \/><figcaption class=\"wp-caption-text\">This member hasn&#8217;t confirmed yet.<\/figcaption><\/figure>\n<p>Once the member accepts the invite and creates their free account, their status will become active.<\/p>\n<figure id=\"attachment_221356\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-221356 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/new-member-active-a.png\" alt=\"The Hub - New active user.\" width=\"1234\" height=\"440\" \/><figcaption class=\"wp-caption-text\">This team member is now active.<\/figcaption><\/figure>\n<p>From the Team Members section, you can quickly and easily add as many users as you need by clicking on the <strong>New Team Member<\/strong> button and view the names, emails, roles, addons, and sites that your team members have access to, as well as managing and removing them from your account.<\/p>\n<h2 id=\"roles\">2. Set Up User Roles<\/h2>\n<p>Roles give your team members&#8217; access capabilities to one or more sites in your Hub.<\/p>\n<p>With almost two dozen configurable modules, The Hub allows you to provide your team members with access to all areas of your site(s) and\/or customize roles to access only specific areas and module settings.<\/p>\n<figure id=\"attachment_221319\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-221319\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/roles-access.png\" alt=\"A list of all configurable Hub modules in the Custom Roles screen.\" width=\"665\" height=\"1547\" \/><figcaption class=\"wp-caption-text\">Use Custom roles to configure access to different Hub modules of your site(s) for team members.<\/figcaption><\/figure>\n<p>When you create a new team member profile (see previous step), you can set the following roles:<\/p>\n<ul>\n<li><strong>View and Edit \u2013 All<\/strong>: Team members can view and edit the settings in this area. <em>Note<\/em>: This is a system role and cannot be modified (only custom roles can be modified).<\/li>\n<li><strong>View Only \u2013 All<\/strong>: Team members can view the data and settings in this area but cannot modify them. This limitation only applies to the area associated with the current toggle. This is another system role that cannot be modified.<\/li>\n<li><strong>Custom<\/strong>: Team members have access to an area but are limited to certain tasks or actions within that area.<\/li>\n<\/ul>\n<p>To create a custom role, click on the <strong>Roles<\/strong> tab and then click on <strong>+ Create New Role<\/strong>.<\/p>\n<figure id=\"attachment_221320\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-221320 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/new-custom-role.png\" alt=\"The Hub - Roles - New Custom Role\" width=\"948\" height=\"428\" \/><figcaption class=\"wp-caption-text\">Let&#8217;s create a new custom role.<\/figcaption><\/figure>\n<p>You can give the new role a unique name and customize it by configuring any of the available permissions and settings however you like.<\/p>\n<p>Let&#8217;s take a closer look at how to customize a role.<\/p>\n<h2 id=\"customization\">3. Add User Customization Settings<\/h2>\n<p>Customizing access for a role can be determined by clicking on all the available options (e.g. sites, security settings, SEO, etc). Also, choose to have <strong>View &amp; Edit<\/strong> or <strong>View Only <\/strong>for sites.<\/p>\n<video loop muted autoplay playsinline class='dev-html5-video'><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/customize-access.webm\" type=\"video\/webm\"><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/customize-access.mp4\" type=\"video\/mp4\"><\/video>\n<p style=\"text-align: center;\"><small>Create a custom role by enabling or hiding various Hub modules.<\/small><\/p>\n<p>The <strong>Custom<\/strong> option lets you configure specific module settings and provides detailed task descriptions about each option.<\/p>\n<p>For example, if you give a team member custom access to the Plugins module, you can allow them to <em>View &amp; Edit<\/em> all settings in that module, <em>View only<\/em>, or select which settings you&#8217;d like them to have the capability to manage by clicking <em>Custom<\/em>.<\/p>\n<figure id=\"attachment_221322\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-221322\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/customize-access-role.png\" alt=\"The Hub - Roles - Custom Roles - Configuration Options.\" width=\"739\" height=\"553\" \/><figcaption class=\"wp-caption-text\">Custom roles give you further options to configure enabled modules.<\/figcaption><\/figure>\n<p>If you select Custom, a new screen will open giving you further customization options for the module.<\/p>\n<figure id=\"attachment_221323\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-221323\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/custom-role-plugins-module.png\" alt=\"Custom Roles - Plugins screen.\" width=\"616\" height=\"831\" \/><figcaption class=\"wp-caption-text\">You can create a custom role that allows team members to activate or uninstall plugins, and more.<\/figcaption><\/figure>\n<p>After specifying the options and settings your team members can access for all of the various available modules, click <strong>Save<\/strong> to update your custom role settings.<\/p>\n<p>Team members assigned that specific custom role will now see only the modules, options, and settings made available for that role. Everything else will be hidden from view.<\/p>\n<p>You can view all the roles you have assigned to team members under the <strong>Role<\/strong> column in the <strong>Team Members<\/strong> screen.<\/p>\n<figure id=\"attachment_221325\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-221325 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/team-members-screen.png\" alt=\"The Hub - Team - Team Members\" width=\"1283\" height=\"427\" \/><figcaption class=\"wp-caption-text\">The Team Members screen lists all the members you have added to your team and their assigned roles.<\/figcaption><\/figure>\n<p>To customize which sites team members have access to or to change their roles, simply click on the team member, edit their settings, and resave.<\/p>\n<video loop muted autoplay playsinline class='dev-html5-video'><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/change-roles.webm\" type=\"video\/webm\"><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/change-roles.mp4\" type=\"video\/mp4\"><\/video>\n<p style=\"text-align: center;\"><small>Easily reassign the user roles and sites your team members can access.<\/small><\/p>\n<p>For more information about creating custom roles, <a href=\"https:\/\/wpmudev.com\/docs\/hub-2-0\/users\/#create-a-custom-user-role\" target=\"_blank\" rel=\"noopener\">refer to our documentation<\/a>.<\/p>\n<h2 id=\"access\">4. Gain Quick Access to Sites<\/h2>\n<p>Click on the <strong>Sites<\/strong> tab to quickly and easily view which team members have access to specific sites being managed in The Hub.<\/p>\n<p>The Users column displays how many team members are assigned to each site.<\/p>\n<figure id=\"attachment_221332\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-221332 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/sites-users-01.png\" alt=\"The Hub - Team - Sites screen.\" width=\"941\" height=\"475\" \/><figcaption class=\"wp-caption-text\">See how many team members can access each site in the Users column.<\/figcaption><\/figure>\n<p>Clicking the number in the Users column displays the team members assigned to that site.<\/p>\n<figure id=\"attachment_221333\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-221333\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/sites-users-02.png\" alt=\"The Hub - Team - Sites screen - Users\" width=\"744\" height=\"419\" \/><figcaption class=\"wp-caption-text\">View active and pending members assigned to a specific site by clicking on the number of users.<\/figcaption><\/figure>\n<p>Click on the plus sign by the site\u2019s name to add or remove a user from that site.<\/p>\n<figure id=\"attachment_221334\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-221334 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/sites-users-03.png\" alt=\"The Hub - Team - Sites - Add\/Remove user\" width=\"907\" height=\"411\" \/><figcaption class=\"wp-caption-text\">Click the plus site to add or remove user access for specific team members.<\/figcaption><\/figure>\n<p>You can check who has access and whether they\u2019re active or not, uncheck the user to remove their access from the site, invite a new user, or resend an invitation to a pending user.<\/p>\n<figure id=\"attachment_221336\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-221336\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/sites-users-05.png\" alt=\"The Hub - Team - Sites - Manage Access screen.\" width=\"843\" height=\"655\" \/><figcaption class=\"wp-caption-text\">Click on the checkmark to remove a team member&#8217;s access to the site.<\/figcaption><\/figure>\n<p>Now that we have looked at the basics of setting up new team members, let&#8217;s look at how to personalize the area your team members will access information from to collaborate and help you manage your sites.<\/p>\n<h2 id=\"setup\">5. Set Up The Hub Client (THC)<\/h2>\n<figure id=\"attachment_221344\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-221344 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/thc-member.png\" alt=\"Hub Client - Member screen\" width=\"1558\" height=\"835\" \/><figcaption class=\"wp-caption-text\">White label your Hub with The Hub Client plugin.<\/figcaption><\/figure>\n<p>With <a href=\"https:\/\/wpmudev.com\/project\/the-hub-client\/\" target=\"_blank\" rel=\"noopener\">The Hub Client<\/a>, you can provide access to clients, collaborators, and users using your personalized white label Hub. It\u2019s your own Hub, the way you and your organization want it, customized to your perfection.<\/p>\n<p>Plus, you can use any host (<a href=\"https:\/\/wpmudev.com\/hosting\/\" target=\"_blank\" rel=\"noopener\">including our own managed hosting<\/a>), <a href=\"https:\/\/wpmudev.com\/reseller\/\" target=\"_blank\" rel=\"noopener\">resell our services<\/a>, and run it from your domain.<\/p>\n<p>To use The Hub Client plugin, you have to be connected with The Hub to access its API. <a href=\"https:\/\/wpmudev.com\/docs\/getting-started\/installing-the-wpmu-dev-dashboard-plugin\/\" target=\"_blank\" rel=\"noopener\">Learn how to install The Hub Client<\/a>.<\/p>\n<p>You can install the Hub Client plugin via the <a href=\"https:\/\/wpmudev.com\/project\/wpmu-dev-dashboard\/\" target=\"_blank\" rel=\"noopener\">WPMU DEV Dashboard plugin<\/a> installed on your domain.<\/p>\n<figure id=\"attachment_221340\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-221340\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/wpmu-dev-dashboard-plugins-thc.png\" alt=\"The Hub Client installation screen.\" width=\"739\" height=\"1033\" \/><figcaption class=\"wp-caption-text\">Install The Hub Client via the WPMU DEV Dashboard plugin.<\/figcaption><\/figure>\n<p>After installing and activating The Hub Client, the next step is to <strong>Configure<\/strong> it.<\/p>\n<p>In your WordPress dashboard, click <em>The Hub Client &gt; Client Portal<\/em> to access the main screen of the plugin.<\/p>\n<figure id=\"attachment_221349\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-221349 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/hub-client-screen-01.png\" alt=\"The Hub Client screen.\" width=\"1899\" height=\"1507\" \/><figcaption class=\"wp-caption-text\">Let&#8217;s configure The Hub Client&#8230;<\/figcaption><\/figure>\n<p>Change the brand name in the <strong>Site profile<\/strong> section to replace WPMU DEV on your client portal with your business name and logo.<\/p>\n<figure id=\"attachment_221358\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-221358\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/thc-branding-02.png\" alt=\"The Hub Client - Branding\" width=\"900\" height=\"525\" \/><figcaption class=\"wp-caption-text\">Brand The Hub Client with your name and logo.<\/figcaption><\/figure>\n<p>You can change the colors for the <strong>Navigation background<\/strong>, <strong>Navigation color<\/strong>, and <strong>Hover and active color<\/strong>\u00a0in the<strong> Colors <\/strong>area. Do this by visually picking the colors or using hex codes (e.g. #FFFFFF for white).<\/p>\n<video loop muted autoplay playsinline class='dev-html5-video'><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/thc-color-picker.webm\" type=\"video\/webm\"><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/thc-color-picker.mp4\" type=\"video\/mp4\"><\/video>\n<p style=\"text-align: center;\"><small>Pick and choose colors to match your brand.<\/small><\/p>\n<p>Next, head over to the <strong>Navigation<\/strong> tab to customize your client portal&#8217;s navigation menu.<\/p>\n<p>To display links in your portal&#8217;s navigation bar, create a custom menu in <em>Appearance &gt; Menus<\/em>, and then click Add and select the custom menu you&#8217;ve created.<\/p>\n<video loop muted autoplay playsinline class='dev-html5-video'><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/thc-menu.webm\" type=\"video\/webm\"><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/thc-menu.mp4\" type=\"video\/mp4\"><\/video>\n<p style=\"text-align: center;\"><small>Add a navigation menu to your client portal.<\/small><\/p>\n<p>In addition to setting up the navigation menu for your portal&#8217;s users, you can select a page to be replaced with your client hub and specify a custom URL to be used for the back button on your login page.<\/p>\n<p>The Hub Client creates a default page for your client hub (i.e. <em>yourdomain.tld\/hub<\/em>) but you can select any of your site&#8217;s existing pages from the Client Page dropdown menu to replace your client hub instead.<\/p>\n<video loop muted autoplay playsinline class='dev-html5-video'><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/portal-page.webm\" type=\"video\/webm\"><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/portal-page.mp4\" type=\"video\/mp4\"><\/video>\n<p style=\"text-align: center;\"><small>Select where your team members and clients will log in to access site details.<\/small><\/p>\n<p>After customizing these settings, users will be greeted with your branded login page.<\/p>\n<figure id=\"attachment_221375\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-221375\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/client-login-1.png\" alt=\"Branded client portal login page.\" width=\"539\" height=\"645\" \/><figcaption class=\"wp-caption-text\">Your branded client portal login page.<\/figcaption><\/figure>\n<p>Remember to finish setting up your client portal by clicking on the other tabs and configuring their options.<\/p>\n<p>Go to the <strong>Login &amp; Signup<\/strong> tab and select your <em>Terms of Service<\/em> and <em>Privacy Policy<\/em> pages. You will need to create these pages first before they can appear in the dropdown menu selector.<\/p>\n<figure id=\"attachment_221370\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-221370 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/login-signup.png\" alt=\"The Hub Client: Login-Signup screen\" width=\"1105\" height=\"855\" \/><figcaption class=\"wp-caption-text\">Add your <em>Terms of Service<\/em> and <em>Privacy Policy<\/em> pages in the Login &amp; Signup section.<\/figcaption><\/figure>\n<p>Next, click the <strong>Client Support<\/strong> tab to add a <em>Help button<\/em> and offer <em>live chat support<\/em> to logged in users.<\/p>\n<figure id=\"attachment_221371\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-221371 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/client-support.png\" alt=\"The Hub Client: Client Support\" width=\"1105\" height=\"683\" \/><figcaption class=\"wp-caption-text\">Set up links to your support resources in the Client Support screen.<\/figcaption><\/figure>\n<p>The Client Hub lets you offer live chat support to users via integrated widgets from various solution providers (Livechat, tawk.to, and HubSpot).<\/p>\n<figure id=\"attachment_221372\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-221372\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/live-chat-integration.png\" alt=\"The Hub Client: Live Chat Integration\" width=\"637\" height=\"476\" \/><figcaption class=\"wp-caption-text\">Offer live chat support to users with live chat integration.<\/figcaption><\/figure>\n<p>You can also set the default language for your client portal pages and widgets added to your site via the <strong>Translations<\/strong> area.<\/p>\n<figure id=\"attachment_221373\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-221373 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/thc-translations.png\" alt=\"The Hub Client Translations\" width=\"1097\" height=\"1160\" \/><figcaption class=\"wp-caption-text\">Set up your client portal using a different language via the Translations section.<\/figcaption><\/figure>\n<p>Congratulations! Your team members and clients can now log in and use your very own customized Hub.<\/p>\n<p>Now that we have looked at how to add new team members and assign them specific roles, let&#8217;s take a look at how to do the same for clients.<\/p>\n<h2 id=\"clients\">6. Set Up Client Roles<\/h2>\n<p>The Hub Client plugin allows you to create a customized Hub for your team members and a portal where your clients can log in and access information about their sites.<\/p>\n<p>As we have seen, adding team members and assigning them roles is done via The Hub&#8217;s <strong>Team<\/strong> section.<\/p>\n<p>Configuring roles for clients, on the other hand, is done via The Hub&#8217;s <a href=\"https:\/\/wpmudev.com\/blog\/wordpress-client-billing\/\" target=\"_blank\" rel=\"noopener\">Clients &amp; Billing<\/a> module.<\/p>\n<figure id=\"attachment_221384\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-221384 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/hub-clients-billing.png\" alt=\"The Hub - Clients &amp; Billing menu link\" width=\"1407\" height=\"535\" \/><figcaption class=\"wp-caption-text\">Use The Hub&#8217;s Clients &amp; Billing section to configure client roles.<\/figcaption><\/figure>\n<p>In the <strong>Clients &amp; Billing<\/strong> section, click on the <em>Clients<\/em> tab and select <strong>Clients<\/strong> to add new clients and view details of your existing clients.<\/p>\n<figure id=\"attachment_221386\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-221386 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/cb-clients-tab-1.png\" alt=\"The Hub - Clients &amp; Billing screen - Clients section.\" width=\"1305\" height=\"599\" \/><figcaption class=\"wp-caption-text\">View details of existing clients and add new clients in The Hub&#8217;s Clients &amp; Billing section.<\/figcaption><\/figure>\n<p>To manually add new clients and assign them a specific role, click on the <strong>+ New Client<\/strong> button.<\/p>\n<video loop muted autoplay playsinline class='dev-html5-video'><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/cb-add-new-client.webm\" type=\"video\/webm\"><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/cb-add-new-client.mp4\" type=\"video\/mp4\"><\/video>\n<p style=\"text-align: center;\"><small>Add new clients and assign them roles.<\/small><\/p>\n<p>Note that if you have installed multiple Client Hubs on various sites, you will need to specify the primary Hub to send out communications to clients (e.g. emails, invoices, etc.).<\/p>\n<figure id=\"attachment_221392\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-221392\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/cb-primary-hub.png\" alt=\"Clients &amp; Billing - Add New Client - Primary Hub\" width=\"839\" height=\"787\" \/><figcaption class=\"wp-caption-text\">All communication with clients are sent from the selected primary Hub.<\/figcaption><\/figure>\n<p>The Hub&#8217;s Clients &amp; Billing comes with preset system roles that you cannot edit. You can, however, create new custom roles and assign these to clients.<\/p>\n<figure id=\"attachment_221387\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-221387 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/cb-client-roles.png\" alt=\"The Hub - Clients &amp; Billing screen - Roles section.\" width=\"1355\" height=\"1064\" \/><figcaption class=\"wp-caption-text\">View existing client roles and create new roles via the Clients &amp; Billing Roles section.<\/figcaption><\/figure>\n<p>To create a new custom role, click on the <strong>+Create New Role<\/strong> button, name it, and use the toggles and menus to configure the role&#8217;s permission settings.<\/p>\n<video loop muted autoplay playsinline class='dev-html5-video'><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/cb-add-client-roles.webm\" type=\"video\/webm\"><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/09\/cb-add-client-roles.mp4\" type=\"video\/mp4\"><\/video>\n<p style=\"text-align: center;\"><small>Set up custom roles for clients.<\/small><\/p>\n<p>For more details on configuring client roles, see our <a href=\"https:\/\/wpmudev.com\/docs\/hub-2-0\/client-billing\/#client-roles\" target=\"_blank\" rel=\"noopener\">documentation<\/a>.<\/p>\n<h3 id=\"sub-hub\">There is No Sub for The Hub<\/h3>\n<p>You can add an unlimited amount of team members, clients, and collaborators and give them precise access to specific sites, modules, and support. All without leaving The Hub.<\/p>\n<p>And with <a href=\"https:\/\/wpmudev.com\/blog\/wpmudev-reseller\/\" target=\"_blank\" rel=\"noopener\">Reseller&#8217;s<\/a> automated site creation &amp; client billing, your white label Hub becomes your very own SaaS business, automatically adding new clients and assigning them roles and permissions!<\/p>\n<p>There\u2019s just no other substitute out there for an all-in-one platform when it comes to managing all your WordPress sites.<\/p>\n<p>See our documentation section to learn all about our <a href=\"https:\/\/wpmudev.com\/docs\/hub-2-0\/roles\/\" target=\"_blank\" rel=\"noopener\">Team &amp; Role Customization<\/a> features.<\/p>\n<p>Also, see this <a href=\"https:\/\/wpmudev.com\/docs\/wpmu-dev-plugins\/the-hub-client-wpmu-dev\/\" target=\"_blank\" rel=\"noopener\">documentation section<\/a>\u00a0to learn more about using\u00a0<a href=\"https:\/\/wpmudev.com\/project\/the-hub-client\/\" target=\"_blank\" rel=\"noopener\">The Hub Client<\/a>.<\/p>\n<p>To keep tabs on what\u2019s coming, be sure to follow our <a href=\"https:\/\/wpmudev.com\/roadmap\/\" target=\"_blank\" rel=\"noopener\">Roadmap<\/a>. And for all Hub-related information, check out <a href=\"https:\/\/wpmudev.com\/docs\/hub-2-0\/\" target=\"_blank\" rel=\"noopener\">The Hub\u2019s documentation<\/a> and stay tuned to <a href=\"https:\/\/wpmudev.com\/blog\/\" target=\"_blank\" rel=\"noopener\">our blog<\/a>.<\/p>\n<p><em><b>Editor\u2019s Note:<\/b> This post has been updated for accuracy and relevancy. [Originally Published: September 2020 \/ Revised: March 2024]<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>With The Hub, you can give unlimited users multiple roles on any WordPress site you manage &#8212; even if they aren&#8217;t WPMU DEV members! Learn how to easily set all this up in minutes and give team members and clients as much or as little access as you\u2019d like. Plus, With The Hub Client, you [&hellip;]<\/p>\n","protected":false},"author":811449,"featured_media":221732,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"blog_reading_time":"12","wds_primary_category":0,"wds_primary_tutorials_categories":0,"footnotes":""},"categories":[263,11260,11259],"tags":[],"tutorials_categories":[11240],"class_list":["post-191721","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","category-wpmu-dev-products","category-wpmudev-tutorials","tutorials_categories-the-hub"],"_links":{"self":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/191721","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/users\/811449"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/comments?post=191721"}],"version-history":[{"count":110,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/191721\/revisions"}],"predecessor-version":[{"id":221426,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/191721\/revisions\/221426"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media\/221732"}],"wp:attachment":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media?parent=191721"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/categories?post=191721"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tags?post=191721"},{"taxonomy":"tutorials_categories","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tutorials_categories?post=191721"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}