Password protection for a single page...

User 541201 Photo


Registered User
7 posts

I would like to have a Members-only access page. Nothing complex- I would probably just have a single password for access, as it would mostly be meeting minutes and the like, nothing really sensitive. Is there functionality in Site Designer to handle this? I searched previous posts, but the most recent I saw was 2022, and I was hoping something had come up since then. Thanks!
User 2699991 Photo


Registered User
5,493 posts

You could use the built in form components within site designer, and then use a little bit of custom html/JavaScript and simple php code to verify the password.

You could even take something like that and give the team/users etc their own page and their own password. However this would be a little more advanced than the simple log in.
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS

Contact me
https://rsd-tutorialscom.coffeecup.com/index.html
User 541201 Photo


Registered User
7 posts

Thanks! I have not worked with php code before, so I'll give it a go (with heavy reference to the post I found from 2022) and come back if I have issues.
User 2699991 Photo


Registered User
5,493 posts

Inger has some samples of forms using site designer which could easily be adapted,

https://mock-up.coffeecup.com/

I also can do a step-by-step tutorial that would be more specific to your requirements.
What framework in site designer are you using?
Foundation, Bootstrap, Materialize, or Frameworkless
On Inger's mockup page "Frameworkless" the Frameworkless components are titled as "Bare Bones"

Should you wish to see a tutorial the you could contact me from the form on the link shown below in my signature

Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS

Contact me
https://rsd-tutorialscom.coffeecup.com/index.html
User 3210806 Photo


Guest
3 posts

site designer itself doesn’t have built-in password protection for individual pages. The usual way is to export your project and then set up password protection on your web host, either through the hosting control panel (like .htaccess on apache) or via your provider’s tools. If you just need one page behind a single password, that’s the simplest route. For anything more advanced, you’d need a third-party script or CMS.
User 2699991 Photo


Registered User
5,493 posts

Are you going to have a single name for the username? If you weren't planning on a username then that's ok but I would suggest that you do consider one as the first step your team members have in order to verify they are whom they say they are, because you would be letting them know what the username password is outside of the website.
The password the same for all?
Something as simple as that is pretty straightforward, and is a secure way (none of those nasty robot spam thingies will be able to use it, and neither will anyone just browsing even see the page.)
To be even more safe I would suggest 2 pages with a hidden page that diverts to the content page(pagesdepending on the amount of content)
The page that diverts has #no follow #noopener attribute, almost the same as actual login page, all that may sound a bit complicated but not so difficult really.
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS

Contact me
https://rsd-tutorialscom.coffeecup.com/index.html
User 3211820 Photo


Guest
3 posts

Hi Rhea,

Site Designer doesn’t have built-in password protection yet. For a simple single-password page, you have a couple of options:

Server-side protection: most web hosts let you password-protect a folder or page via their control panel (often called Directory Privacy or .htaccess protection).

Third-party script: you can embed a lightweight HTML/JS password-gate script on that page, though it’s not truly secure since the code is visible in the browser.

CMS/Plugin: if you ever move to a CMS (like WordPress), plugins can handle member-only pages more securely.

For just sharing meeting minutes with trusted folks, the host’s folder protection is usually the easiest and most reliable.
User 541201 Photo


Registered User
7 posts

This is great info!! Thank you all for the information!! I will come back to this (it's a side project for an organization that I volunteer to help and time is short at the moment).

The site is built with Materialize and hosted on Ionos.

As an example, the site for the fleet that we lease our truck from (our paying job) is https://www.hyfieldtrucking.com/ , and if you click on the "Members" -> "Hyfield Drivers" page, that is pretty much what I was envisioning. We all use the same password to see the folders. We do have individual passwords to access other parts, but that's not something I'm looking for at this point.

Thanks again and I'll check back in when we get to the other side of the country and I have time!
User 541201 Photo


Registered User
7 posts

Ok, I had a little bit of time to work on this and I have gone through Ionos' process for protected directories, but html pages do not appear on the directory list given at this step. It would appear that I need to make a folder for this page in order to protect it through Ionos.

I made a folder in the project resources, but cannot figure out how to add the page to that folder. I feel like I am being thick here. Or do I have to move the page into that folder after I upload it?

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.