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.
Nicely done! 🎉
Let's see what's left to do.
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?
Current website
{{websiteInfo.name}}
{{websiteInfo.url}}
Profile
C Autosaved
D Saving
Close
.Add this attribute to your custom form
Add this attribute to input fields on your site.
data-ms-member="password"
J
Copy
data-ms-member="password"
J
Copy
?
Other field types
.Add this attribute to your custom form
Use it to display user date and pre-populate form fields.
data-ms-member="{{activeField.fieldId}}"
J
Copy
data-ms-member="{{activeField.fieldId}}"
J
Copy
Members can't see hidden fields in their profile.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
?
What's this?
Are you sure?
You're about to delete a form field.
Confirm Delete
t
Delete field
9
Test signup page
z
Add signup URL
Create more advanced forms: learn to create multi-step signup forms and custom profile forms.
9
Test login page
z
Add login URL
D
Add this link to your profile buttons.
?
Elements with this link are only visible if a user has a profile.
#/ms/profile
J
Copy
#ms-profile
J
Copy
Add this link to your site.
Members need this to view & edit their profile information.

Only members can see profile buttons.
Step 1 of 1
Next
Show data attributes.
data-ms-modal="profile"
J
Copy
Save Changes
Nicely done!
Let's head back to the dashboard and see what's left.
Exit ⇢
Manage Membership
Sample Plan
{{cs}}199
renews yearly on 21 Oct 2018
Cancel
Payment Method a
VISA
ending in
1112
Expires: 12/22
Edit
This is a success message
This is an error message
Link to your Terms of Service agreement.
m
{{placeholderUrl}}
404 Error - This URL does not exist.
Link to your Privacy Policy.
m
{{placeholderUrl}}
404 Error - This URL does not exist.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Save Changes
Sample Plan
Billed yearly
{{cs}}99
Have a coupon?
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Complete Checkout
Payment Method a
Card number
MM / YY
CVC
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
By clicking above you agree to our Terms of Service and Privacy Policy

Modals & Forms

Description
Link
Launch the signup modal.
#/ms/signup/membership-id
Launch the login modal.
#/ms/login
J
Copy
Launch the password reset modal.
#/ms/password-reset
J
Copy
Launch the member profile modal.
#/ms/profile
J
Copy

Page links & actions

Description
Link
Logout link.
#/ms/logout
J
Copy
Redirect a user to the "page after login" for their particular membership.
#/ms/membership/redirect
J
Copy
Dynamic "dashboard" links for members with a member-specific page.
#/ms/member-page/default
J
Copy

Member data

Description
Attribute
HTML Tags
Display member data.
data-ms-member="field-id"
Any text tag → 
<div>
<span>
<h3>
etc.
Populate form fields with member data.
data-ms-member="field-id"
<input>
Display an image associated with a member.
data-ms-member="field-id"
<img>
Display / access a member's email.
data-ms-member="email"
J
Copy
<div>
<span>
<input>
etc.
Access a member's unique ID.
data-ms-member="id"
J
Copy
<div>
<span>
<input>
etc.
Display / access a member's signup date.
...member="signup-date"
J
Copy
<div>
<span>
<input>
etc.
Display / access a member's current membership price.
...member="membership.price"
J
Copy
Any text tag → 
<div>
<span>
<h3>
etc.
Display / access a member's current membership name.
...member="membership.name"
J
Copy
Any text tag → 
<div>
<span>
<h3>
etc.

Members-only content

Description
Attribute
HTML Tags
Tag page content as members-only content.
data-ms-content="content-id"
Any tag → 
All
<div>
<span>
<a>
etc.
Opposite of members-only content.
data-ms-content="!content-id"
Any tag → 
<div>
<span>
<a>
etc.
This content is visible  when a member logs in.
data-ms-content="members"
J
Copy
Any tag → 
<div>
<span>
<a>
etc.
This content is hidden when a member logs in.
data-ms-content="!members"
J
Copy
Any tag → 
<div>
<span>
<a>
etc.

Memberships

Description
Attribute
HTML Tags
Select a membership before signup.
data-ms-membership="membership-id"
<a>
<div>
<input>
etc.
Launch the upgrade/downgrade modal.
data-ms-membership="membership-id"
<a>
<div>
<input>
etc.
Display selected membership price during signup.
data-ms-membership="price"
J
Copy
Any text tag → 
<div>
<span>
<a>
etc.
Display selected membership name during signup.
data-ms-membership="name"
J
Copy
Any text tag → 
<div>
<span>
<a>
etc.

Custom signup, login, and profile forms.

Description
Attribute
HTML Tags
Display & update member data.
data-ms-member="field-id"
<input>
Turn any form into a signup form.
data-ms-form="signup"
J
Copy
<form>
Turn any form into a signup form.
data-ms-form="login"
J
Copy
<form>
Turn any form into a profile update form.
data-ms-form="profile"
J
Copy
<form>