Create a Client Portal for Your Wordpress Website (Step-By-Step)

Wordpress is one of the best known website builders available today. Its been around for a long time its really packed with easy to use features to customize sites. Signing up is easy, takes only a few minutes and they provide tons of tools to get started

Wordpress is very well known as a website builder, but not so much as a client portal. That's because Wordpress doesn't provide an out of box solution for a client portal to securely share files, request forms, send messages and getting signatures from clients.

That's not an issue for us though as Wordpress allows users to insert navigation links to integrate a client portal into their web builder. In this guide, I'll show you how to create a Wordpress Client Portal. Let's get into it. Also, if you get stuck at all throughout this guide, feel free to reference Wordpress documentation.

How to Create a Client Portal for Wordpress

Foyer is client portal that has all the essential features your business needs to interact with clients from any industry. You'll get a client portal for: secure file sharing, encrypted messaging, e-signatures, secure email, and more in just minutes. All data is encrypted, so you can be confident your business and your client's data is safe.

To set up your client portal visit the onboarding wizard, and enter your name, email, and business name. Your client portal will be created within just 1 minute (there's no commitment necessary).

You can access your client portal as a "subdomain" of Foyer like "example.usefoyer.com". During the onboarding process, you'll be able to choose which subdomain you want. If you need to setup Foyer as a subdomain of your own domain (e.g. "portal.yourbusiness.com"), we can set that up for you too just contact our Support team.

After the on-boarding process completed, you'll be redirected to your customer portal's home page. On the left, you'll see a drawer where you can access and configure all the features of your portal (e.g. secure file sharing, custom forms, knowledge bases, etc...).

For now we are just going to cover how to share files, but later in the guide we will touch on some of the most essential features you have.

A common use case is simply sharing files with a business client. You can do this in two different ways with Foyer.

You can invite clients directly to Spaces (this will require you to know the client's email address).

Or you can send a link to your "SafeDrop" page, so your business clients can send you files without signing in.

I'll show you how to share files both ways! I'll start by showing you how to invite your clients directly to a Space.

First, let's cover what exactly a "Space" is.

Spaces are secure places where you can share files and send secure messages with clients and your staff. All the files and messages within one Space are only visible by the members of the Space (just like a group chat in Teams, Slack, iMessage, etc...).

You can making a space by visiting the Spaces page (click on "Spaces" on the left drawer), then by clicking the "+" icon on the left.

When adding a new space, you'll see a dialog like the one below. You can set the name of the Space, and choose which members have access to any files or messages that will be shared. 

You can also share spaces with "groups". Groups are a great way to organize your business contacts, so you can assign access to an entire external business all at once. We will cover that in the next step!

If you need to invite a new client, you can just click the "Invite a new Client" button.

All you need to invite a new client is their email. Other information like name, phone number, and profile picture are all optional (they are free to fill in those details themselves too)!

Before you save the client, there are two options you might want to check out that are great for use cases.

First, is tags. With tags, you can organize your clients via labels. You could use this to organize your clients by which industry they are in (e.g. "Law Firm", or "Healthcare").

Second, is groups. With groups, you can organize your business clients into what businesses they belong to. Using groups makes it easy to assign access to resources (e.g. Spaces, Pages) to entire businesses all at once, instead of needing to remember which client belongs to which business.

Any new clients you add will automatically be added to the "Members" list, and they will have access to any files you make in your new Space.

To add a group, just start typing the name of a group, and click on the result. Groups are added to this list just like clients.

When you've added all the users and groups you need, click "Save", and you'll be directed to your new Space.

You can share files with everyone in the Space, by just dragging and dropping a file, or use the "Options" button. You can upload any files of any size, and any type. You can even upload entire folders!

To add or remove users or groups from the Space, visit the "Settings" tab, and edit the members list.

That covers the first option of sharing files with your client portal using "Spaces". Now let's talk about the second option, which is to allow business clients to send you files without needing to login.

In your Foyer client portal, this workflow is called SafeDrop.

Every organization has a SafeDrop portal included. You can find you link on the "Home" tab, or by visiting "example.usefoyer.com/upload" (replacing "example" with your org's subdomain name).

You can send your Foyer SafeDrop link to any client, and they can easily send you files from any device. They just have to enter their name, email, an optional message, and then any number of files.

Any files uploaded this way will show up on your Spaces page, and have a name like "SafeDrop from ...". Just like normal Spaces, you and the client will receive a notification for any files that are uploaded.

Anyone who has used your SafeDrop portal will show up as a "guest" client on your Clients page. To help manage your business contacts, you can click on any entry on the Clients page, and assign them to their relevant tag or groups.

How to Integrate Your Client Portal Into a Wordpress site

Now that you have a client portal set up, you just have to link it into your Wordpress site. The easiest way to integrate a client portal into a Wordpress website is to add a link in your site navigation, so that is what we will cover in this guide.

First, login to your administration Wordpress portal. For me on this guide, that's at the official Wordpress website, but it could be from another provider as well. Once your logged in, go to edit your site. If you're having trouble figuring out how to edit your site, check out Wordpress's documentation for accessing the site editor. For this example, I used a free template in the business category of Wordpress templates. First, double click any of the navigation menu items to bring up the "+" icon. Second, click the "+" icon.

You'll have a new prompt appear now that you've clicked the "+" icon as shown in the image below. First, you'll need to decide how to link to your new client portal. I've got two options for you below on how to do that.

• If you'd like your clients to login to access their files, enter your Foyer subdomain like this: example.usefoyer.com
• If you'd like your clients to only be able to upload documents (not view), enter your Foyer SafeDrop link: example.usefoyer.com/upload

For this blog, I've used the first bullet. After you've entered the URL, click the "Link" button.

We should have our new menu with a Client Portal but it shows the full URL which isn't too use friendly! To change it, simply double click on that URL to change it as shown in the image below. Then, change it to the text you'd like to set it as, for me, I went with "Client Portal".

Perfect, now you have a Wordpress site with a Client Portal!

We're not quite done yet though as we need to configure a few more settings on the Client Portal to ensure your users have a seamless experience between your Wordpress site and the Client Portal.

White-Labeling Your Client Portal

With any customer portal, it is critical that you can white-label the portal to match your own brand. White-labeling helps your business clients recognize your brand, and build trust that your customer portal is legitimate. There are plenty more reasons why white-labeling is beneficial too.

Foyer's customer portal lets you customize colors, logos, emails, your domain name, and more.

On the "Org" page you can update:

• Your Logo
• • Shown on the login/sign up pages, all pages when logged in, on all forms, and on your SafeDrop page.

• Name
• • Shown in the header, and on login/sign up pages

• Color
• • Used in the header, on all buttons for every page

If you scroll down on the Org page you'll also find Foyer's email template that allows you to customize all your client and staff invitation emails.

How to Create Knowledge Bases In Your Client Portal

With your Foyer client portal, facilitating knowledge exchange among your team and clients is seamless.

To create knowledge base pages, navigate to the "Pages" section and click the "+" icon in the left drawer. Name your page and incorporate content using the rich-text editor. You can: embed videos, images, format text, and more.

Under the edit icon (beside the page title), you can designate which users and groups have access to the page. Shared pages will appear under the recipients' "Pages" tab, enabling knowledge base collaboration among your staff, while clients retain read-only access.

Moreover, you can assign a knowledge base page as the home page, ensuring that clients or staff are welcomed with specific content upon login. This proves invaluable for onboarding and seamlessly linking back to resources, enhancing your customer portal's utility.

Some business opt to use a dedicated service for knowledge bases, like Notion, but it is nice to have your knowledge base integrated right into your customer portal with Foyer.

How to Make Custom Forms For Your Client Portal

When you're interacting with other businesses, you'll often want to collect custom data (whether it be for feedback gathering or collecting onboarding information).

Foyer provides a solution just for this called Forms. Forms enable you to collect the exact information you need by letting you choose and a wide array of fields (e.g. text, files, multiple choice).

All data collected by your forms go straight into your customer portal where it can be easily shared internally in your organization. You can even collect files of any type and size (including large files). All you do is add a field, and choose the "file" field, and save the form.

You'll get an email to all your staff whenever a form is submitted so you never miss any updates from your clients. Anyone can opt-out of these notifications by visiting their notification preferences.

To get started, visit the "Forms" tab, click "Form Definitions", and "Add Form".

Each form is comprised of "steps", and each step has any number of fields. Fields can be textboxes, file inputs, or multiple choice check boxes.

You can choose the style of your form between the two built-in settings: "stepper" and "row". Stepper will treat each step as a different page (perfect for mobile), while "row" will show the whole form as a single page (ideal for desktop).

You'll often see business create forms using a service like Jotform, but having your forms built-in to your own customer portal is a great convenience.

How to Keep Your Customer Portal Secure Using Audit Trails

Client portals are not only about productivity, but also security. That's why Foyer has complete audit trails built-in, so you can track every security event that occurs within your organization to keep your clients and your business as a whole safe.

Each audit log is stamped with when it occurred, who did it, and what exactly happened. For security, these logs cannot be deleted. So you'll always have a way to go back in time to replay what happened. Here are a few example audit log actions:

• Deleting files
• Previewing files
• Disabling or enabling Two Factor Authentication (2FA)
• • Important to know if someone is subverting security measures
• Unsuccessful Login Attempts
• • Tells you if someone may be attempting to access your account

There are over 50 different audit log actions, so you'll have the full picture of what's going on in your client portal.

Also, if any of your customer are in the healthcare industry, audit trails is essential if you are storing HIPAA data or any other personally identifiable information (PII).

In addition, Foyer provides searching, filtering, and sorting through all audit logs to make auditing easy.

Collect File Signatures From Business Clients With DocuSign

Foyer has partnered with the industry leading e-signature solution, DocuSign, to simplify collecting file signatures from your clients.

You can select any file within Foyer, and request file signatures from your clients or staff. You're receive updates directly in your client portal on the status of each file signature, and the final signed copy of the file will be securely uploaded into your client portal.

Using a client portal integration with DocuSign helps keep your business secure by avoiding transferring files over email, which is an inherently unsecure means of sharing files. You certainly wouldn't want a signed copy of any file to be leaked!

For more information, check out our comprehensive guide on how to how to send file signature requests.

If you use another service for eSignatures, or don't want to use DocuSign, that's fine too! Check out this list of e-signature services and decided which is best for your business.

How to Secure Your Email Using Foyer's Secure Email Outlook Add-in

Foyer's Secure Email Outlook Add-in facilitates secure email communication, which is ideal for use cases where you're exchanging contracts, forms, and other sensitive data. It is particularly effective for:

1. Sending end-to-end encrypted files and messages via email.
2. Transmitting large files of any size and type through email.

Given the inherent risks associated with standard email for file transmission, adopting a secure email service is paramount for many businesses. Foyer's Secure Email Outlook Add-in addresses this concern by encrypting all file attachments and email contents, ensuring robust protection against data leaks.

Additionally, the add-in simplifies the process of sending large files, surpassing the typical 20MB attachment size limit imposed by traditional email providers. You can seamlessly drag and drop any file, regardless of its size, for secure email transmission.

For detailed instructions, please refer to comprehensive guide on how to send secure email.

If you're using another email provider than Outlook, check out this list of secure email providers. Whether you use Foyer secure email or not, you should really be encrypting all your email.

How Will You Use Your Wordpress Client Portal?

I hope this guide has helped you understand how to integrate your client portal into your Wordpress website and made it clear how to use features like secure file sharing, custom forms, knowledge bases, and secure email to boost your business's productivity and security.

If you're wondering where to get started first, I suggest just setting up a secure file sharing portal first (using "Spaces" or "SafeDrop" as covered above).

That way you'll have a secure way of exchanging files with your business clients, then you can work on integrating custom forms (for feedback or onboarding forms), or signatures with DocuSign after.

If you have any existing data that you need to migrate into your client portal, let our Support team know, and we can discuss a solution for you.

Thanks for reading. If you have any feedback, please send a comment below!