How do I create a password protected entrance page for a muse site?

Question

I have created a site in Muse and the client wants it to be password protected for now....the usual Javascript entered between the head and body tags is not working.  Any ideas??

Answer 1

PASSWORD PROTECTING A PAGE WITH A NICE BOX DESIGNED INTO YOUR PAGE
FINALLY, I'VE FOUND AN ANSWER TO PASSWORDING A PAGE OR SECTION WITH ADOBE MUSE WITH GREAT SIMPLICITY AND ALLOWING YOU TO 'DESIGN' THE PASSWORD BOX INTO YOUR PAGE!!!
Even better is that you don't HAVE to have username AND password (although you could if you wanted to), so just a simple PASSWORD box and enter button DESIGNED BY YOU WITHIN YOUR PAGE, rather than nasty popups etc.  Importantly, the password itself is NOT within the source code of your page either!!
The solution is at Jotform.com. I believe you can do this with a FREE ACCOUNT, although it's SUCH a great service for Musers that I paid for a proper account.
Before you do this, create a page on your site saying "Wrong Password. Please go away" or something to that effect. You'll need it for when they enter the wrong password.
So, in Jotform, you just create a new form and:
1. Drag on a password box (it's in the power tools section)
2. Select it and go to Conditions
3. Go to Change Thank You URL after submission
4. Enter: If [name of your password box] field EQUALS TO [enter your password]
5. In the "Then redirect to" box, enter the URL of your protected page and click save
6. In the resulting box click "ADD A NEW CONDITION" and do the SAME as stets 3 to 5 but this time say NOT EQUALS TO" with your same password and in the "Then redirect to" box, enter the URL of your WRONG PASSWORD page and click save
7. Embed the button on your page and you're done!!!
If you want to mess about with the EXACT alignment of a right aligned button and text box, you can go to Preferences and in the box which allows you to add your own custom CSS, enter the following code and mess about with the values until it's perfect for you:
.form-buttons-wrapper { padding-top:3px !important; }#id_2 {margin-left: -50px !important;}
Here's an example, built in Muse: www.hileytv.com/about.html
I hope this helps my fellow Musers!
Marcus