This 2 steps tutorial explains how you can add a professional and fully-functional Client Login form to any website at no cost. See below a screenshot of my website with this Client Login form (in the navbar, top-right corner):
This “Client Login” will allow you to securely exchange any files (big and small) with your clients: invoices, statements, project plans, photo/video productions, etc.
Step 1. Get a free account at IO Road
IO Road is a professional file transfer service designed to transfer BIG files (few GB) securely. The good thing about it: no monthly fees. This means you can sign up (no credit card required), configure it (your brand), add users (clients) and it costs nothing $0. You even get free credits at sign-up.
NOTE: There will be a fee only when (and if) you transfer files, but the rates are very low anyway: $0.000122 per MegaByte.
Signing up to IO Road is straightforward, but if you need some help, refer to the wiki page Sign up to IO Road in 3 Steps. When this step is completed, you will own the new domain: MyDomain.ioroad.com
Step 2. Add the “Client Login” (HTML) to your website
Variant 1: Simple Link
On the top menu, you can add a simple link like this
<a href="https://mydomain.ioroad.com/">Client Login</a>
In the code above, change mydomain to the domain you chose at IO Road.
Variant 2: Client Login Form
If you have more real-estate in your menu you can go with the html form with this code:
<form method="POST" action="https://mydomain.ioroad.com/login">
<input name="username" type="text" placeholder="Username" required />
<input name="password" type="password" placeholder="Password" required />
<input type="submit" value="Client Login" />
Here again, change mydomain to the domain you chose at IO Road.
Caution: Make sure to use https (not http) in the form “action” attribute, otherwise this will not work.