[ Sample Page ] [ Allwebco Design ] [ Allwebco Templates ] [ Allwebco Hosting ]

Simple Single Page Password Setup: This script is provided free to all our template users. We do not however provide support for adding the feature to your template. View the sample protected page Search our support center for any help STEP #1: Make a copy of any one of your pages. This page will be the entrance for the password protection. Add a link on your menu or to one of your pages to this new page. STEP #2: Paste the following code into the "head" of this new page. Put the code just before the </head> near the top of the page. <script language="JavaScript" type="text/javascript"> <!--- PASSWORD PROTECTION SCRIPT function TheLogin() { var password = 'pepper'; if (this.document.login.pass.value == password) { top.location.href="correct.html"; } else { location.href="incorrect.html"; } } // End hiding ---> </script> STEP #3: Paste the following code into the body of this new page. This could go inside the MAIN or CONTENT table in your Allwebco template. <center> Enter your password:<br> <form name="login" style="margin: 0px"> <INPUT TYPE="text" NAME="pass" size="17" onKeyDown="if(event.keyCode==13) event.keyCode=9;" style="width: 152px; margin: 5px;"><br> <input type="button" value="Click to Login" style="width : 150px; margin: 3px" onClick="TheLogin(this.form)"> </form> </center> STEP #4: Open your newly edited page in a web browser and test your login. The password in the code you added from the above steps is "pepper". If pepper is entered, the user will be sent to "correct.html". If the password is incorrect the user will be directed to "incorrect.html". You can edit the script from step #2 to change these 3 variables. STEP #5: You can delete the "correct.html" and "incorrect.html" included in this download. Now copy two of your existing template pages and name one "correct.html" and name the other "incorrect.html". Put your protected information on the "correct.html". On the "incorrect.html" put a note that the user has entered the incorrect password and will need to contact you for the password. Check the script by opening the first page you created in step #1 and enter the password "pepper" or whatever you have changed this to in the script you pasted into the head of the document in step #2. OPTIONS: SECURING THE AREA: You can place your protected page inside a subfolder to make this more secure and keep search engines out of this folder with your "robots.txt". For more info on the "robots.txt" you will need to search at Google for help and directions. To setup the script you added in step #2 to use a subdirectory edit the following code: top.location.href="correct.html"; Edit to.... top.location.href="subfolder/correct.html"; CHANGING THE PASSWORD: Simply replace the word "pepper" in the script from step #2 in the document you added that to. CHANGE PAGE NAMES: You do not have to use pages named "correct.html" and "incorrect.html". You can call the pages anything that you would like. Simply edit the 2 ".html" calls in the script from step #2 above in the document you added that to. Best of luck with your password protected area and your website! -Allwebco Design-