Publishing & Settings

Adding Password Protection to Your Framer Website

1:16

14K views

Sep 12, 2023

About this lesson

Learn how to add password protection to your Framer website using simple steps. This tutorial shows you how to set up a password and enable/disable it for website access. Keep your content secure and restrict access to authorized users only.

https://www.youtube.com/watch?v=OtdrdSLJcy4&t=0s Introduction

https://www.youtube.com/watch?v=OtdrdSLJcy4&t=1s Accessing Project Settings

https://www.youtube.com/watch?v=OtdrdSLJcy4&t=3s Navigating to the General Tab

https://www.youtube.com/watch?v=OtdrdSLJcy4&t=7s Enabling Password Protection

https://www.youtube.com/watch?v=OtdrdSLJcy4&t=14s Customizing the Password

https://www.youtube.com/watch?v=OtdrdSLJcy4&t=21s Updating the Password

https://www.youtube.com/watch?v=OtdrdSLJcy4&t=28s No Need to Republish the Website

https://www.youtube.com/watch?v=OtdrdSLJcy4&t=32s Viewing the Password Prompt in the Browser

https://www.youtube.com/watch?v=OtdrdSLJcy4&t=37s Entering the Password for Access

https://www.youtube.com/watch?v=OtdrdSLJcy4&t=45s Browser Saving Password for Future Access

https://www.youtube.com/watch?v=OtdrdSLJcy4&t=49s Entering Password Again After Republishing

https://www.youtube.com/watch?v=OtdrdSLJcy4&t=56s Disabling Password Protection

https://www.youtube.com/watch?v=OtdrdSLJcy4&t=64s Checking Website for Password Removal

https://www.youtube.com/watch?v=OtdrdSLJcy4&t=69s Conclusion: Securing Your Website

🌞 Try Framer for free: https://framer.com

🎉 Follow on Twitter: https://twitter.com/framer

💎 Join Community: https://www.framer.community

0:00so let's say you want to add a password 0:01to your website so that only people with 0:03the password can access your website you 0:05can do this by going over to your 0:07project settings in the top right then 0:09going to the general Tab and scroll all 0:11the way down to password 0:14protection if you enable this frameware 0:16will generate a password for you but you 0:18can always change this to your own 0:19password so I'm going to hit edit and 0:21say my password hit 0:26update you don't have to republish your 0:28website this password will a 0:29automatically be enabled on your site so 0:32now if we open up our website in the 0:34browser you can see it has a password 0:37and if I type 0:39my 0:40pass 0:42word we have access to the website um 0:45your browser will remember this password 0:47so if you reload the site you don't have 0:49to um enter the password again um but if 0:53you republish your website you will have 0:54to enter the password 0:56again if you want to disable the 0:59password just just disable the 1:02toggle open your website again and 1:04you'll notice that the website does not 1:06have a password anymore and that is how 1:09you add a password to your 1:14website

TeachesSite & Page Settings

Watch on YouTube ↗

‹ Tracking Website Visitors with Framer's Built-in Analytics

Adding Custom Code to a Page or your Entire Framer Site ›