You're not logged in.
If you're not redirected automatically please click the button below to login.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
{{successMessage}}
A
{{errorMessage}}
A
Z
Browser too small
Please change to a screen size of at least
1000 pixels to continue
Hourglass A color styled icon from Orion Icon Library.
Update in progress...
Please check back in 5-10 minutes.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Your testing domain should be publicly accessible for testing. Troubleshooting guide.
https://
404 Error - This URL does not exist.
Save & Close
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Need help?
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Design & Layout
Change Embed Fonts
Style the fonts in your checkout, profile, and password reset embeds.

If you're starting from a template skip to step 3.

You'll apply your new font styles to this element.

MS Style
J
Copy
MS Style Override
J
Copy
Show me how
3. Now you can edit your font, color, line height, spacing etc.

Once you publish these changes will take effect on your site. Be sure to test after making changes!

Only for font styling.

ms-style.ms-style-override
J
Copy

Only for font styling.

ms-style.ms-style-override
J
Copy
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Custom profile forms
Expand and customize the default profile modal
Open tutorial
Sample Project 
!
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
D
Form attribute
Forms with this attribute will update a member's profile.
Name:
data-ms-form
J
Copy
Value:
J
profile
Copy
data-ms-form="profile"
J
Copy
<form data-ms-form="profile"> </form>
J
Copy
Don't worry when your forms disappear. It will reappear when you login or remove the attribute.
Multi-step signup forms
Expand MemberStack's profile modal in your member's only area
Open tutorial
Sample Project 
!
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
D
Form attribute
Forms with this attribute will update a member's profile.
Name:
data-ms-form
J
Copy
Value:
J
profile
Copy
data-ms-form="profile"
J
Copy
J
Copy
Don't worry when your forms disappear. It will reappear when you login or remove the attribute.
Redirect after Signup or Login
Send users back to the page they used to signup or login.
Follow the instructions at the top of each code snippet.

Place this code on individual pages, below the MemberStack script.
Do not add either snippet to your site-wide header and don't forget to change the url after signup in your memberships to match the page you placed the second code snippet.


<!--Use this code to save the current page URL and redirect back after signup/login-->

<script>
  MemberStack.onReady.then(function(member) {
  if (!member.loggedIn) sessionStorage.setItem('redirect',window.location.href);
  })
</script>



<!--Place this on your page after signup/login - must be a hidden page-->

<script>
  var redirect = sessionStorage.getItem('redirect')
  sessionStorage.clear();
  if (redirect) window.location.replace(redirect)
</script>
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Security
Session Duration
Override the default 2-day session duration
Add this code to your site header ABOVE the MemberStack script.

Change session:  72  to the number of hours until a session expires.


<!--MS session duration-->

<script>
  ms_settings = {
  session:  72 //hours
  }
</script>
Member-specific pages
Create pages that are only accessible to specific members.
Tutorial Video:
Open tutorial
This folder will contain and hide all of your members' pages.
m
{{placeholderUrl}}
Where should a visitor go when they don’t have access? Leave empty to redirect to the homepage.
m
{{placeholderUrl}}
404 Error - This URL does not exist.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Add the link below to your site. Then specify each member's unique link from the Members page.
Member page link
This link will redirect to a member's specific page. The link is only visible to members with a specific page.
ex.com/
#/ms/member-page/default
J
Copy
I'd rather use data attributes.
Name:
data-ms-member
J
Copy
Value:
J
Copy
member-page
data-ms-member="member-page"
J
Copy
If set, a member will see their specific page every time they login. This overrides the login redirect in the membership settings.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
A note on security.
Member pages- like normal hidden content- are hidden with javascript on the user's device. Meaning, you should avoid placing highly sensitive information on these pages.
Require Javascript
Redirect users to a page of your choice when javascript is disabled.
Add this code to your site header or to individual page headers.

When someone browses a page with this code AND Javascript disabled they will be redirected to your redirect URL.


<!--Redirect if JS is disabled-->

<noscript>
   <meta http-equiv="refresh" content="0; url=https://www.memberstack.com" />
</noscript>
A note on security.
You should still avoid placing highly sensitive information on these pages. "Hidden content" is not meant for protecting sensitive content.
Developer Tools
Front-end API
Write to and retrieve from your Memberstack database.
API Documentation !
Webhooks
Send member data to 3rd party services.
Webhooks page !
Custom Integrations
OAuth, generate API keys, etc.
Custom Integration page !
Current website
{{websiteInfo.name}}
{{websiteInfo.url}}
All Sites ➜
Tour Mode
Profile