You can try your luck with sticking different free tools together until they make up a creature resembling<\/em> a client portal by combining Google Sheets with Notion, Trello, Asana, and any live chat app.<\/p>\n\n\n\n Unfortunately, that will not only be time consuming, but it will also be pretty frustrating, as these apps were simply not made to work together smoothly, put on top of switching between a whole lot of tabs.<\/p>\n\n\n\n Taking another route, you can go for project management tools that add a client portal feature as a nice add-on. However, this may not necessarily meet your client portal needs, since they usually lack finesse in the UI, client communication, or overall interactiveness in your client portal, providing view-only options<\/a>.<\/p>\n\n\n\n What to go for then?<\/p>\n\n\n\n To build your client portal in as little time as possible, yet deliver the best results, we suggest going for a dedicated, no-code option<\/strong> \u2014 a client portal software<\/a> that comes in an easily accessible web app.<\/p>\n\n\n\n And in this guide, we\u2019ll show you exactly how to achieve that in 4 simple steps<\/strong> using one intuitive tool \u2014 Zendo<\/a>.<\/p>\n\n\n\n Getting right into it, the first thing we need to do is set the objectives for our client portal and write them down<\/strong>.<\/p>\n\n\n\n There are different features<\/a> you may want to go for, depending on the nature of your business or your needs. After all, client portals come in all shapes and sizes.<\/p>\n\n\n\n But for the purpose of this guide, let\u2019s say we want our client portal to have:<\/p>\n\n\n\n \u26cf\ufe0f Tool used<\/strong>: Zendo<\/p>\n\n\n\n \u23f1\ufe0f Time taken to build the client portal<\/strong>: 30 minutes<\/p>\n\n\n\n \ud83d\udcb0 Money spent to build & maintain it<\/strong>: $24.50\/mo<\/p>\n\n\n\n Wasting no time, let\u2019s jump right into the four steps we should complete to create a client portal using Zendo.<\/p>\n\n\n\n First things first, we have to make sure we have all the blocks of our client portal in place. To do that, we\u2019ll work on our client portal\u2019s sidebar.<\/p>\n\n\n\n After signing up to Zendo, go to Client portal<\/em> under Settings & Customization on the left-hand panel, and choose Sidebar<\/em> from the drop-down options.<\/p>\n\n\n\n Right then you\u2019ll see the default client portal<\/strong> every new Zendo workspace is equipped with.<\/p>\n\n\n\n It includes:<\/p>\n\n\n\n And if that\u2019s enough for your idea of a client portal, you may safely move on to the next step.<\/p>\n\n\n\n But since we\u2019ve set a bit more extensive objectives for our solution, we\u2019re going to add a few additional elements, and customize the default ones to fit the client portal we\u2019re building.<\/p>\n\n\n\n To add a welcome page, click the + Add sidebar element<\/em> button and choose App<\/em>. <\/p>\n\n\n\n And since we\u2019ve prepared our welcome page in a publicly-accessible Google Docs document, we\u2019re going to choose Google Docs as our app of choice.<\/p>\n\n\n\n Next, click + Add app<\/em>, fill in the shareable public link to your welcome page, and change the slug and the name of this element to \u201cWelcome page\u201d.<\/p>\n\n\n\n We also dragged our welcome page to the top of our client portal\u2019s sidebar, so that it\u2019s the first thing our clients click onto.<\/p>\n\n\n\n \ud83d\udca1 Tip<\/strong>! Just because we made our welcome page as a Google Docs document, doesn\u2019t mean that you have to do the same. Zendo allows embedding different apps<\/a>, from AirTable to YouTube or Loom. So instead of a written welcome page, you may as well greet your customers with a nice introduction video you\u2019ve shared on YouTube, or a Loom recorded walk-through of your client portal so that they can quickly grasp how it works.<\/p>\n\n\n\n Similarly, if we want to make sure that our clients get the easiest possible access to their projects and follow their progress smoothly, we can share it through another embedded element in the sidebar.<\/p>\n\n\n\n We\u2019ve been focusing on Google Docs, and our project may as well be shown using that app. However, just to show the sheer variety, we\u2019re going to embed a Figma file for our project feedback element.<\/p>\n\n\n\n Again, click the + Add sidebar element<\/em>, but this time, choose Figma from the available app options.<\/p>\n\n\n\n Next, in the content field, paste in the shareable Figma link to the designs you want to share, and change the slug of this element to feedback<\/em> and the name to Share Feedback \ud83d\udc40<\/em>.<\/p>\n\n\n\n \ud83d\udca1 Tip<\/strong>! You may want to keep the projects\u2019 details or feedback specific to certain clients or client groups. In that case, we suggest creating personalized sidebars<\/strong> specifically for those clients, adding the elements only certain people should see.<\/p>\n\n\n\n In the same vein, we\u2019re going to work on adding a reports section to our client portal by simply embedding Google Sheets.<\/p>\n\n\n\n Again, we choose + Add sidebar element<\/em> and choose the prospective app. In this case, Google Sheets.<\/p>\n\n\n\n While adding this element, we went ahead to check its preview, making sure everything will look just as we\u2019d want it to. In the content field, choose the Preview content<\/em> button that will ignite a preview popup to appear.<\/p>\n\n\n\n \ud83d\udca1 Tip<\/strong>! If you want to make sure the client portal you\u2019re creating will be perfectly polished before officially launching it to clients, Zendo gives you the option to save your new creation as a draft or even work on it in a special testing environment called the Sandbox<\/a>.<\/p>\n\n\n\n Next, simply change the slug and name of this new section to Reports, and go ahead and paste in the shareable link to your Google Sheets reports.<\/p>\n\n\n\n To further customize our client portal and make things tidier, we\u2019re going to switch up our client portal\u2019s colors, rename a few of the elements, as well as add a few dividers & labels to make sure everything\u2019s nice and organized.<\/p>\n\n\n\n Zendo\u2019s client portal sidebar works on the WYSIWYG basis, showing a live preview on the changes you\u2019re making on the right side of the screen, making the whole tidying up process extremely easy.<\/p>\n\n\n\n Now, to change our sidebar\u2019s colors, we simply click on the elements we want to change the color of. So let\u2019s say we want to change the background and highlight colors; we chose #F4F4F4 for the background color and #B2B2B2 for the highlight.<\/p>\n\n\n\n To add dividers, we simply click the + Add sidebar element<\/em>, choose Divider<\/em> and move it around to find the perfect placement.<\/p>\n\n\n\n Next, we want to add our section headings to help divide our client portal categories. Once added, we can move them around to sit above our selected sections or elements, and rename them accordingly. For example, putting an Important Docs<\/em> label above our invoices, files, and reports.<\/p>\n\n\n\n Once all the changes have been made and we\u2019re sure we want to share our new client portal with our clients, we simply hit the Publish<\/em> button.<\/p>\n\n\n\n The end result can be easily double-checked from the client\u2019s POV, either by creating a test client account and logging in to our client portal or simply using the impersonation feature, temporarily taking over one of our client\u2019s accounts.<\/p>\n\n\n\n If you run a service-based business, Zendo will also make it effortless to add your services and sell them within and outside your client portal.<\/p>\n\n\n\n You can add productized<\/a>, custom<\/a>, free<\/a>, and subscription-based services<\/a>, collect payments, create whole checkouts, order forms, and more.<\/p>\n\n\n\n So to really seal the deal with our tutorial, we\u2019re going to add 3 services and work on our Service Catalog and order forms.<\/p>\n\n\n\n Under Settings & Customization, go to Services<\/em> > Overview<\/em>, and click the Create service<\/em> button.<\/p>\n\n\n\n Choose the service type you want to add, selecting from productized, subscription, custom, and free services.<\/p>\n\n\n\n If you choose productized<\/strong>, you simply add the specific items of your service and price them accordingly. Here, you can easily upsell your offer with add-ons and quantifiable items.<\/p>\n\n\n\n With subscription-based services<\/strong>, we have the option to create different packages with additional options, such as adding free trials, highlighting favorite offers, allowing pausing & canceling, discounts, and varied pricing for different billing cycles, from weekly to annual.<\/p>\n\n\n\n In turn, custom services<\/strong> give you the space to describe them to clients without purchasing anything up-front. While free services<\/strong> are for anything you want to offer free-of-charge, be it traditional inquiries, support tickets, or anything else.<\/p>\n\n\n\n Each service comes with the option to add a customizable intake\/order form we can build from various fields, from file uploads to multi-select boxes.<\/p>\n\n\n\n And to make things a bit prettier, we can also customize individual order pages for each service we create, which include descriptions & images in the step preceding our checkout.<\/p>\n\n\n\n All of this can be tied together with a whole Service Catalog as our bow. Although optional, since you can link from the buttons on your website directly to each service\u2019s checkout and make things even more smooth, a Service Catalog is a nice add-on to your client portal specifically.<\/p>\n\n\n\n Why?<\/p>\n\n\n\n Because it makes it easy for your clients to order new services directly from their client portal space. Once they\u2019re there, no tab switching will be required.<\/p>\n\n\n\n By default, it comes in as an Order<\/em> tab. However, as with every previous tab we\u2019ve worked on, we can change it to anything else.<\/p>\n\n\n\n For this one, we\u2019ll rename it to Shop \ud83d\uded2<\/em>, and move it higher up on the sidebar. That way, our clients will be able to easily access our services and make future purchases.<\/p>\n\n\n\n What would it all be without a good dose of customization and white-labeling?<\/p>\n\n\n\n Since we don\u2019t want to make the carefully crafted client portal look like it belongs to someone else or comes from a third-party provider, we\u2019re going to make a few adjustments in the settings of our workspace.<\/p>\n\n\n\n To complete this step, head over to Workspace<\/em> under Settings & Customization, and find the General<\/em> tab on the drop-down menu. Clicking on the General tab will lead you straight to your workspace\u2019s settings, including all the customization we want and need.<\/p>\n\n\n\n Once there, staying in the Essentials<\/em> tab comes with the option to change our company name, personalize the requests view for our clients, choosing if they should see all three views, from list, to table, and Kanban, and which view should be the default one displayed.<\/p>\n\n\n\n Additionally, we can decide who should be granted access to our client portal, anyone with a link or just invited clients.<\/p>\n\n\n\n Besides that, we get a few additional options, such as setting default workspace language (we can choose from 12 languages), time zone, or date and time formats we prefer.<\/p>\n\n\n\n However, we all know we mean something more when hearing of a customizable client portal. But don\u2019t worry, advanced customizing & white label settings can be found in a different tab.<\/p>\n\n\n\n Heading to Client portal<\/em> under Settings & Customization, and choosing White Label<\/em>, will get us exactly where we need to be.<\/p>\n\n\n\n And here, we get three main areas to work on<\/strong>, starting with the general tab, going through our sign up & login page, and ending on our email settings.<\/p>\n\n\n\n The General tab is where we set the main theme of our customer portal: choosing our preferred accent color, adding our logo & favicon, customizing our very own chatbot, changing its name & avatar, connecting our own help center, as well as terms of service links.<\/p>\n\n\n\n This is also where we can completely remove any \u201cPowered by Zendo\u201d branding, so that any trace of a third-party provider is wiped out.<\/p>\n\n\n\n But, most importantly, that\u2019s the place to make an official connection to your business website, whether it\u2019s built on WordPress, Squarespace<\/a>, Wix<\/a>, or any other provider or builder, you can easily connect it with Zendo.<\/p>\n\n\n\n Completing the custom domain settings ensures that your client portal shows up on your website\u2019s URL, making the whole experience much more coherent and cohesive for your clients.<\/p>\n\n\n\n In the second tab we can work directly on the sign up and login page our clients or team members will be using to create their own accounts on our client portal or simply log in to use it.<\/p>\n\n\n\n Here, we can add our own image to that page or remove any images so that the signing up and logging in box is centered out, ensuring a minimal and clean look.<\/p>\n\n\n\n That\u2019s also the tab we\u2019re going to use to allow or hide the possibility of logging in\/signing up using existing Google or Facebook accounts.<\/p>\n\n\n\n Last but not least, we can connect a custom email domain, so that any outgoing client portal emails come from our own domain, not the Zendo provided one.<\/p>\n\n\n\n To add some final touches, we can also spice up our emails by adding our own logo and personalizing the footer note.<\/p>\n\n\n\n As a sweet cherry on top \u2014 now it\u2019s time to puff your chest and add your clients into the equation, showing off your brand new client portal.<\/p>\n\n\n\n To give your customers access, head to the Clients tab found on the left-side panel and either copy an invitation link or invite clients directly by email.<\/p>\n\n\n\n The invitation link can be easily connected to your website, either in a separate Client portal or Members page, or directly under a button you add.<\/p>\n\n\n\n Inviting by email is perfect for manually adding any existing clients we know of, simply by pasting multiple emails in Zendo and pressing Send invites<\/em>.<\/p>\n\n\n\n Once you invite your clients, using either method, they\u2019ll be able to sign up and set their own passwords, ensuring a secure client portal.<\/p>\n\n\n\n Signing up to your client portal keeps your clients up-to-date even if they\u2019re not logged in.<\/p>\n\n\n\n Email notifications, which can be personalized per each account, make sure your clients stay on top of the business with no effort. New message, request, status change, or invoice issued, they\u2019ll be the first to know.<\/p>\n\n\n\n With the rising customer expectations, back-and-forth emails<\/a> or glued together makeshift solutions simply no longer cut it.<\/p>\n\n\n\n Instead, you can impress your clients using a dedicated client portal software.<\/p>\n\n\n\n That way, you\u2019ll be sure to save yourself from all the frustration and countless hours spent trying to build a client portal from the ground up using unrelated tools, and grant yourself some peace and immediate solutions instead. Zendo comes with a pleasant learning curve, and carefully crafted UI<\/a> ensuring ultimate intuitiveness.<\/p>\n\n\n\n Using this tool, we\u2019ve built our client portal in under 30 minutes, setting up everything from services and a client portal sidebar to embedding external apps and taking advantage of a myriad of white label options.<\/p>\n\n\n\n This tool makes building your very own client portal an absolute breeze, and comes with unlimited clients for which you can create personalized portals sharing private data safely.<\/p>\n\n\n\n Moreover, our Zendo client portal can be easily connected to any website, from Wix, Squarespace, WordPress, or any other, ensuring a smooth customer journey<\/a>, from start to finish.<\/p>\n\n\n\n And if the default client portal we\u2019ve shared in Step One of our guide feels sufficient for your client portal needs, you\u2019ll be happy to learn that Zendo comes with a free forever Essential plan<\/a> that gives you just that, sprinkled with some sweet features on top, completely for free<\/strong>.<\/p>\n\n\n\t\tObjectives, AKA Defining Your Client Portal<\/strong><\/h2>\n\n\n\n
\n
Create A Client Portal: Step-By-Step Guide<\/strong><\/h2>\n\n\n\n
Step One: Work On The Sidebar<\/strong><\/h3>\n\n\n\n
![\"Zendo's](\"https:\/\/getzendo.io\/wp-content\/uploads\/2024\/01\/CREATE-A-CLIENT-PORTAL-1-1024x488.png\")
<\/figure>\n\n\n\n\n
Add A Welcome Page<\/strong><\/h4>\n\n\n\n
![\"Choosing](\"https:\/\/getzendo.io\/wp-content\/uploads\/2024\/01\/CREATE-A-CLIENT-PORTAL-2-1024x680.png\")
<\/figure>\n\n\n\n![\"Create](\"https:\/\/getzendo.io\/wp-content\/uploads\/2024\/01\/CREATE-A-CLIENT-PORTAL-3-1024x492.png\")
<\/figure>\n\n\n\nAdd A Project Feedback Page<\/strong><\/h4>\n\n\n\n
![\"Embedding](\"https:\/\/getzendo.io\/wp-content\/uploads\/2024\/01\/CREATE-A-CLIENT-PORTAL-4.png\")
<\/figure>\n\n\n\n![\"Embedded](\"https:\/\/getzendo.io\/wp-content\/uploads\/2024\/01\/CREATE-A-CLIENT-PORTAL-5-1024x492.png\")
<\/figure>\n\n\n\nAdd A Reports Section<\/strong><\/h4>\n\n\n\n
![\"Previewing](\"https:\/\/getzendo.io\/wp-content\/uploads\/2024\/01\/CREATE-A-CLIENT-PORTAL-6-1024x488.png\")
<\/figure>\n\n\n\nAdjust The Colors & Organize It<\/strong><\/h4>\n\n\n\n
![\"Customizing](\"https:\/\/getzendo.io\/wp-content\/uploads\/2024\/01\/CREATE-A-CLIENT-PORTAL-7.png\")
<\/figure>\n\n\n\n
\n\n\n\n![\"Example](\"https:\/\/getzendo.io\/wp-content\/uploads\/2024\/01\/CREATE-A-CLIENT-PORTAL-9-1024x498.png\")
<\/figure>\n\n\n\nStep Two: Add Your Services<\/strong><\/h3>\n\n\n\n
![\"Creating](\"https:\/\/getzendo.io\/wp-content\/uploads\/2024\/01\/CREATE-A-CLIENT-PORTAL-10-1024x267.png\")
<\/figure>\n\n\n\n![\"Creating](\"https:\/\/getzendo.io\/wp-content\/uploads\/2024\/01\/CREATE-A-CLIENT-PORTAL-11-1024x640.png\")
<\/figure>\n\n\n\n![\"Example](\"https:\/\/getzendo.io\/wp-content\/uploads\/2024\/01\/CREATE-A-CLIENT-PORTAL-12-1024x780.png\")
<\/figure>\n\n\n\n![\"Example](\"https:\/\/getzendo.io\/wp-content\/uploads\/2024\/01\/CREATE-A-CLIENT-PORTAL-13-1024x851.png\")
<\/figure>\n\n\n\nStep Three: Customize & White-Label<\/strong><\/h3>\n\n\n\n
![\"Customizing](\"https:\/\/getzendo.io\/wp-content\/uploads\/2024\/01\/CREATE-A-CLIENT-PORTAL-14-1024x603.png\")
<\/figure>\n\n\n\nGeneral<\/strong><\/h4>\n\n\n\n
![\"Customizing](\"https:\/\/getzendo.io\/wp-content\/uploads\/2024\/01\/CREATE-A-CLIENT-PORTAL-15-874x1024.png\")
<\/figure>\n\n\n\nSign Up & Login<\/strong><\/h4>\n\n\n\n
![\"Customizing](\"https:\/\/getzendo.io\/wp-content\/uploads\/2024\/01\/CREATE-A-CLIENT-PORTAL-16.png\")
<\/figure>\n\n\n\nEmails<\/strong><\/h4>\n\n\n\n
![\"Connecting](\"https:\/\/getzendo.io\/wp-content\/uploads\/2024\/01\/CREATE-A-CLIENT-PORTAL-17-861x1024.png\")
<\/figure>\n\n\n\nStep Four: Invite Your Clients<\/strong><\/h3>\n\n\n\n
![\"Inviting](\"https:\/\/getzendo.io\/wp-content\/uploads\/2024\/01\/CREATE-A-CLIENT-PORTAL-18-1024x302.png\")
<\/figure>\n\n\n\nSurprise Your Clients With A Professional Tool<\/strong><\/h2>\n\n\n\n