Memberstack
Memberstack is a popular paid (when you go live) third-party service that allows you to add user accounts and profiles to your websites, create a paywall to allow access to your content only after subscription, take recurring payments and others.
In this help article, we will show a way to use the Memberstack add-on to add user authentication to your website and gate your content.
Please note the Memberstack add-on currently uses Memberstack 1.0. Memberstack 2.0 integration is coming soon.
Create several pages that you will use on your website. Depending on your use case, you might need a page where your users will be able to sign up, a page for members only, and a page for users who logout. These are just our examples and it all depends on your use case.
You can refer to the following help article for more information on adding pages.
If you will be using Memberstack for the first time, create an account and complete the onboarding process.
Select the type of website you want to create. For this article, we selected gated content option.
Select HTML/CSS in the website builders options:
Fill the form, select the necessary options (payments and currency) and click on Let’s go button
In your dashboard, click on Create a membership
Then click on +New membership and create a new plan according to your needs.
Set a name for your Plan, select whether it’s Paid or Free, and then click on + Hide content button
On that window you can add certain pages that will be hidden if your visitors are not on this exact Plan. And you can hide different content for different plans.
Don’t forget to set your testing domain (your website domain). To do that, click on the example.com and enter your website URL and click on Save & Close button.
To the Hide pages & folders area, add a link to the page which will be hidden if a user is not on our plan.
You can add your home page that has all Google Sheets content (cards or listings). To do that select Equals and leave a slash in the field. If you select Starts with in this case, it means that all pages on your website will be hidden.
Be attentive when selecting Equals и Starts with options as they will define which pages will be hidden on your website
After the necessary pages are selected, you need to set the Access denied page. This will be a page where your users will be redirected to in case they don’t have the necessary permission (not on the plan). For this purpose you can use the Sign up page that you’ve created before:
And you can also enable Hide buttons & links so only users with access will be able to see them on the menu.
Then save the changes.
After that, you finish configuring the membership. You can set Page after signup, Page after login and Page after login
When you’ve added all the necessary pages, click on Create Membership. Then click on Signup link and copy the link. This link will allow your users to sign up.
You can add this link to your Sign up page on your SpreadSimple website:
Or you can add it as a separate link to your website menu.
To create a login page we go to the Form and Fields section and select Login
Copy the part /#/ms/login and paste it as a new link in your website menu.
And finally,
Go back to the dashboard checklist and click on the Install header code
Then copy only your ID (click on it twice to select and then copy)
In your SpreadSimple website editor, go to the Add-ons Tab -> Memberstack add-on and paste your ID to the field:
Save the changes and you are all set.
In this help article, we will show a way to use the Memberstack add-on to add user authentication to your website and gate your content.
Please note the Memberstack add-on currently uses Memberstack 1.0. Memberstack 2.0 integration is coming soon.
To set up Memberstack add-on
Prepare your website
Create several pages that you will use on your website. Depending on your use case, you might need a page where your users will be able to sign up, a page for members only, and a page for users who logout. These are just our examples and it all depends on your use case.
You can refer to the following help article for more information on adding pages.
Set up your Memberstack account
If you will be using Memberstack for the first time, create an account and complete the onboarding process.
Select the type of website you want to create. For this article, we selected gated content option.
Select HTML/CSS in the website builders options:
Fill the form, select the necessary options (payments and currency) and click on Let’s go button
Set up your membership
In your dashboard, click on Create a membership
Then click on +New membership and create a new plan according to your needs.
Set a name for your Plan, select whether it’s Paid or Free, and then click on + Hide content button
On that window you can add certain pages that will be hidden if your visitors are not on this exact Plan. And you can hide different content for different plans.
Don’t forget to set your testing domain (your website domain). To do that, click on the example.com and enter your website URL and click on Save & Close button.
To the Hide pages & folders area, add a link to the page which will be hidden if a user is not on our plan.
You can add your home page that has all Google Sheets content (cards or listings). To do that select Equals and leave a slash in the field. If you select Starts with in this case, it means that all pages on your website will be hidden.
Be attentive when selecting Equals и Starts with options as they will define which pages will be hidden on your website
After the necessary pages are selected, you need to set the Access denied page. This will be a page where your users will be redirected to in case they don’t have the necessary permission (not on the plan). For this purpose you can use the Sign up page that you’ve created before:
And you can also enable Hide buttons & links so only users with access will be able to see them on the menu.
Then save the changes.
After that, you finish configuring the membership. You can set Page after signup, Page after login and Page after login
When you’ve added all the necessary pages, click on Create Membership. Then click on Signup link and copy the link. This link will allow your users to sign up.
You can add this link to your Sign up page on your SpreadSimple website:
Or you can add it as a separate link to your website menu.
Create login page
To create a login page we go to the Form and Fields section and select Login
Copy the part /#/ms/login and paste it as a new link in your website menu.
And finally,
Enable the Memberstack add-on on your website
Go back to the dashboard checklist and click on the Install header code
Then copy only your ID (click on it twice to select and then copy)
In your SpreadSimple website editor, go to the Add-ons Tab -> Memberstack add-on and paste your ID to the field:
Save the changes and you are all set.
Updated on: 09/11/2023
Thank you!