Unlikely_IT

Being able to manage, approve, and deny members to a site it is definitely paramount to provide a safe and secure area. I manage a NGO website for SEN (Special Education Needs) parents in asia and Privacy is paramount for that community, in culture here there is still a big Taboo against families with children who require special needs. I was able to built a private sign up & approval process on Wix. They have a solid member management system that doesn't require the need to have coders. So @jai.cheswick it's a solid platform to look at, that is affordable (we had budget restriction), if you're still looking for a way to setup a safe portal for survivors. Good luck with your build, and feel free to reach out should you have questions.

Hey @polizzi 👋, Which theme are you using But basically what's happening is the script I wrote grabs the site title by grabbing the anchor element with a parent element with the class "site-title". Then it chops up the title into ```span``` elements which can be targeted by CSS. But this script is old and is used with older themes. Tell me which theme you're using and I'll be able to tweak it for you. The site URL also works as well. If the site is under construction pass the URL and the public password (remember turn on the public password.

Hi @roattw, The main issue is that MemberSpace secure pages, aren't really secure. And data from them can be easily accessed by non-logged in users. Now I've had a chat with MemberSpace team couple years ago, as it was an interesting solution for the big problem that all SquareSpace site builders had when they wanted a members only section to their site. How do you create a way to build a community, and have a space they can log into to gain access to secure information. MemberSpace is a third party tool that works via a JavaScript plugin that could fulfils that need. But with one major draw back, the lack of security for the content pages that fall under the "member only access" How MemberSpace works is via a piece of JavaScript that runs after the HTML DOM content is loaded for a site. That means that as the page loads, the MemberSpace JavaScript will run, load information from the MemberSpace service then cross check the users logged in status and the page they are currently accessing. If they don't have permission to access it, they're lead away to a designated page (set within MemberSpace tool). For a non-technical user it looks as though a page is secure the non-logged in visitor is quickly re-directed to an appropriate page, but in reality it's quite easy to get all the information off of these "secure pages" and not be redirected. Have a look at this video below, I created a secure member page but a well timed clicking of the stop button, and I can access the page without being lead away. (Please excuse the basic nature of it, but I put it together in 1 take). Now what it shows is my sites member login with MemberSpace, then me going to a secure page without logging in. Then you can see me being re-directed back to the "Non-member" page that I set with in MemberSpace. Now I go to the secure page again and click the stop button at just the right moment, and boom--- the re-direct didn't load from the JavaScript in time so I don't get re-directed and I can access all the secure content. Even the Youtube video sample that was used loaded. MemberSpace usage issue.mp4 For all of the clients I've built site's with member login areas security has been critical. MemberSpace does not offer a secure way to lock member content pages, which in a proper case would require a user to be logged into an account with the right access rights before any content is served to the browser. Though if secure files and content is what you need, then you actually have a bigger issue. As SquareSpace Members doesn't offer a way to secure files as well as Content pages. So if you were to have files on internal member pages and say one of those direct links is shared, then someone could access the file. So usually, SquareSpace has been a stepping stone. Something cheap and easy to get the basics up, and proof of business working. Then from there they'll move on to a more substantial system, or developer to build out a custom site with member log in features - Like WordPress or a custom CMS developer team that I work at. Any other questions just ask away, of anything I wrote was unclear, I'd be happy to clarify.

For anyone coming to this topic after the fact. I'd like to suggest the best way forward is using Squarespace's new Members Area. It's a fully integrated solution built with SquareSpace, with some decent customizability. Don't use Memberspace if you're building with Squarespace.

If SS could build membership management into Squarespace it'd be fantastic! Do message if something ends up happening. (first time I didn't get the join beta request) Just need member pages + add ability for different member types which can access content according to that member type 😍. But alas I must come back to reality

@jmolliver Well not including hiring a team like Liana Tech to build it for you,d I think a great place to start is the WIX platform. I've never built a system like this but, I have put together SNNHK's site which has a restricted area for members only (Built off of WIX). I believe you can create a basic platform with a member space that needs to be paid for very easily. Once paid (or under subscription payment) you can add the user to that member group and they'll have access to the teacher content. I did a quick google search, and it seems very viable:

@bsull Please provide the specific link you're wanting to do this on. That would help. But actually I think you don't need any CSS. If you're just building this with text block and an image block sitting side by side, just make sure the Image block is floated to either the right or left of the image block. Then the image will always go to the top with a mobile layout. I've done this on the example site here. https://unlikelyit.com/testing If you don't know how to float a block on an text block, then just watch this video:

Yes, the JavaScript is in the head instead of the footer. So it runs before the title HTML element exists 🤣. Whoops, sorry about that. Use this instead: <script> window.Squarespace.onInitialize(Y, () => { [...document.querySelectorAll('.site-title a')] .forEach((uit) => { let title = ''; uit.innerText.split('').forEach((item) => title = `${title}<span>${item}</span>`); uit.innerHTML = title; }); }); </script>

@Stereoknob Having a members area for a SquareSpace site has been something people have been asking for for a very long time. The unfortunate fact is that this isn't supported at all with SquareSpace. And they have no intention of trying to add it. There is a way around this through plugins, like Memberspace, but I'd honestly say to look into a different platform if your trying to build a education platform. Run through of most issues with Membership site on SquareSpace If you're determined to stick with SquareSpace, here's a basic walk-through with Memberspace I know with Wix you can add a membership log in, and create pages with access only for specific user groups. So I believe it could used for the purpose you're trying to achieve. All the best, Erin

@billydupee You don't need to load the entirety of jQuery just to apply this style. Use the following. it's shorter and doesn't require an outside library (So your site will load faster). Place it in the same place. <script> (() => { [...document.querySelectorAll('.site-title a')] .forEach((uit) => { let title = ''; uit.innerText.split('').forEach((item) => title = `${title}<span>${item}</span>`); uit.innerHTML = title; }); })(); </script> Then for your CSS, go to the custom CSS tab found here: DESIGN -> CUSTOM CSS Then use the following. Now this is just a template, you'll need to fill in the colors you'd like to use. .site-title a { span:nth-child(1) { color: #333; /* the "B" */ } span:nth-child(2) { color: #333; /* the "I" */ } span:nth-child(3) { color: #333; /* the "L" */ } span:nth-child(4) { color: #333; /* the "L" */ } span:nth-child(5) { color: #333; /* the "Y" */ } span:nth-child(6) { color: #333; /* the space */ } span:nth-child(7) { color: #333; /* the "D" */ } span:nth-child(8) { color: #333; /* the "U" */ } span:nth-child(9) { color: #333; /* the "P" */ } span:nth-child(10) { color: #333; /* the "E" */ } span:nth-child(11) { color: #333; /* the "E" */ } } I would like to point out that another option to avoid all this is just create a logo image and use that. Just make sure it's a high enough resolution so it won't become pixelated. Happy building Erin ** edit ** Please note that you can delete my comments in the CSS (Thats anything between the /* */). As it's just there to make it clear what each span should be linked to ** Second edit ** @billydupee I tweeked to JS for a compatibility issue.