DEV Community

Cover image for How to password protect any website?
Khokon M.
Khokon M.

Posted on • Originally published at blogdesire.com

How to password protect any website?

Your browser is the new treasury of your personal data. Especially sites like google photos, email, etc. And there is no wonder that we share our devices with people close to us. Even if we have to share the device with someone, it’s not necessary to share the personal data it holds. When it comes to social media sites, you simply can just log out of the site and make sure no one can sneak around your social media while using your device. But what about services you don’t want to log out of but rather have another safety layer? In such a case, we can password protect websites in our browser. So no unwanted people can have access to the websites we don’t want them to. Luckily, we have a solution for this particular problem. Let’s jump into the content yey!

Web Lock

We lock is password protection for websites, just like the app lock we use on mobile devices. Except, this is a browser extension. You can get the extension from the chrome web store, which supports all chromium-based browsers like Microsoft Edge, Brave, Vivaldi, etc. So if you’re using one of them, you can simply install the extension from here. The extension will soon be available for other browsers like Firefox as well.

Setup Password

After you’ve installed the extension successfully, click on the extension icon from your browser and it will open a password setup page. Like the screenshot below.
Web lock password setup screen<br>
On the first box, type your email address, this email will be used to reset your password if you ever forget it. But hopefully, you won’t 😀

The next two boxes are for passwords, you have to type the same password on both boxes. Once you’ve set up the password, you’ll be asked to log in using your password.

Protect Websites

Once you’ve logged in to the extension dashboard, you’ll see a screen like this.
Web Lock Dashboard
All you need to do now is enter your desired website’s URL in the box and press enter. For example, I can put https://www.blogdesire.com in the box to protect my site from unwanted visitors, as I have admin access to the site 😀

So, next time someone tries to visit blogdesire.com from my browser, they will be asked to enter a password before they can access the site. Just like this.

Password Protect Websites

That’s it. I hope you found the article helpful. If you’re having any issues with the extension or with the article, you can just let me know in the comment section. Thanks

Discussion (0)