You can customize the look and feel of your client portal under the "Customization" tab. Navigate to your client portal settings by clicking your workspace settings in the lower left and choosing client portal.
You have the ability to set fonts, colors, splash images, and greeting messages. You can also specify a dark mode and light mode version of your logo.
Fonts & colors
Choose from over 500 Google fonts and select your primary brand color as well as a complimentary color for the left navigation panel.
Logo size and file type
For the best looking logo, we recommend a transparent background SVG file. If you only have access to a JPG, we recommend 300px width files. The logo will be displayed on the login page as well as the navigation bar.
The login greeting will be displayed to the user on the login screen where we ask for their email address to authenticate them. We recommend including verbiage about the magic link email that will be sent to their inbox. Hectic is a zero password platform, meaning that all of our authentication for our primary app as well as our client portal is password-less/one-time secure access credentials.
Login splash image
Choose an image that reflects your brand... or just search for a color if you want to have a solid background that compliments your logo. The splash image is only displayed on the login screen.
By default, a page with your splash image and your client's notifications will be shown when they first log-in. We recommend you create a custom page to welcome your clients. You can use this for onboarding, or any other messaging you want to convey.
Create a default page (or any custom page) by clicking "Custom pages" under your customization tab. Click the blue + and choose whether you want to create a full custom page or an external link.
4 steps to creating a custom page
1) Give your custom page a title. This is what will appear in the left navigation for your client.
2) Choose your layout. You can choose from a single page, side-by-side, header + 2 columns, or header + 2 columns + footer.
3) Add content. You can embed a video or form, create a table, add blocks or bulleted lists, or add your own custom code or iframe into each section of your custom page.
4) Enable your page. To make your page viewable to your clients, toggle on the enabled switch. You can set it to be the default page when your client's log in, or choose where you'd like it to be shown in the left nav. If you do not choose a position, it will be added to the bottom of the left nav list.
You can also add an external link and iFrames to the left navigation for your clients if you'd like to link your portfolio or social channels or any other link outside of Hectic's features. Click the blue + under "Custom pages" and choose external / iframe link. Add a title and the link. This link will open in a new tab.
The difference between the External and iFrame flow is that the external link will open a new tab, while the iFrame version will embed the page directly into the client portal. Please note that not every web page allows itself to be iframed. If the iFrame doesn't work, we recommend sticking with the External link.
The page link feature allows you to have different pages or embeds for each client. This is useful if you want to embed a client specific reporting dashboard, or send your client to a specific web page just for them. In the below example, the Default external link will be used for any client that isn't specifically called out below. The two clients below will see special pages just for them.
Hectic's client portal can be translated into your client's preferred language using the toggle in the lower left of your client's view. Your greeting messages will be displayed in the language that you write them and will not be automatically translated.