Loading Component...

Loading

More Components

View All
This is some text inside of a div block.
This is some text inside of a div block.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Description
Attribute
Checkbox
Record a member's choice as true or false.
data-ms-member
Your_Field_Id
Your_Field_Id
Checkbox Group
Store multiple choices in a comma separated list.
multi-select, select, multiple choice, checkbox
data-ms-member
Your_Field_Id
Your_Field_Id
Checkbox Group → Options
Set the value of a Checkbox inside of a group of checkboxes.
data-ms-value
Your_Value
Your_Value
Content | Custom Fields
Display an element based on the value of a custom field.
varies
varies
varies
Content | Has Password
Only show content if member has a password set.
data-ms-content
has-password
has-password
Content | Is Trialing
Content that is only visible to members who are trialing.
trial, trialing, free trial
data-ms-content
is-trialing
is-trialing
Content | Members-only
Content that is only visible to members.
data-ms-content
members
members
Content | Metadata
Display an element based on metadata.
Varies
Varies
Varies
Content | Not Trialing
Content that is only visible to members who are NOT trialing.
trial, trialing, free trial
data-ms-content
!is-trialing
!is-trialing
Content | Not for Members
Content that is hidden from members.
data-ms-content
!members
!members
Content | Plan Specific
Associate content on your site with a plan in Memberstack.
data-ms-content
Your_Content_Id
Your_Content_Id
Forgot Password Form
Learn how to create a forgot password flow.
data-ms-form
forgot-password
forgot-password
Form Inputs
Populate form fields with member data.
checkbox, name, phone, text area, textarea, select, field
data-ms-member
Custom_Field_ID
Custom_Field_ID
Free Plans | Add
Add a free plan before or after signup.
data-ms-plan:add
Your_Plan_Id
Your_Plan_Id
Free Plans | Clear Plan Selection
Remove any previously selected paid plans prior to signup.
data-ms-price:remove
all
all
Free Plans | Remove
Remove a free plan from a member after signup.
data-ms-plan:remove
Your_Plan_Id
Your_Plan_Id
Login Form
Create a custom login form.
logon, log on, log in
data-ms-form
login
login
Login-Redirect Button
Use this attribute to securely link from public pages to your logged-in area.
data-ms-action
login-redirect
login-redirect
Logout Link
End a member's session and trigger the logout redirect.
data-ms-action
logout
logout
Member | Email
Display or access a member's email address.
data-ms-member
email
email
Member | ID
Access a member's unique ID.
member id, member's id, members id, member ids
data-ms-member
id
id
Member | Links
Populate a link using an URL stored in a custom field.
href, custom link, url, dynamic
data-ms-x:link
click me
click me
Member | Signup Date
Access a member's signup date.
data-ms-member
signup-date
signup-date
Modal | Forgot Password
Launch the default Memberstack forgot password modal.
data-ms-modal
forgot-password
forgot-password
Modal | Login
Launch the default Memberstack login modal.
data-ms-modal
login
login
Modal | Profile
Launch the default Memberstack profile modal.
data-ms-modal
profile
profile
Modal | Signup
Launch Memberstack's pre-built signup modal.
data-ms-modal
signup
signup
Paid Plans | Add
Join or add a paid plan in addition to existing paid plans.
data-ms-price:add
Your_Price_Id
Your_Price_Id
Paid Plans | Add/Update
Join or switch between paid plans (recommended for most sites).
data-ms-price:update
Your_Price_Id
Your_Price_Id
Personalize Text
Dynamically populate a member's data into a page.
data-ms-member
Custom_Field_ID
Custom_Field_ID
Profile | Custom Fields Form
Create a custom onboarding or profile update form.
data-ms-form
profile
profile
Profile | Email Form
Create a custom email update form for logged in members.
data-ms-form
email
email
Profile | Password Form
Create a custom password update form for logged in members.
data-ms-form
password
password
Profile | Password Form | Current Password
Input for members to enter their current password.
data-ms-member
current-password
current-password
Profile | Password Form | New Password
Input for members to enter their new password.
data-ms-member
new-password
new-password
Reset Password Form
An input for members to
data-ms-form
reset-password
reset-password
Reset Password | 6-digit Code
A place to put the 6-digit password reset code.
data-ms-member
token
token
Signup Form
Create a custom sign up form.
register, create an account, new, sign-up
data-ms-form
signup
signup
Signup | hCaptcha
Add Captcha to your signup forms to prevent spam.
recaptcha, spam, captcha, human, test
data-ms-hcaptcha
light OR dark
light OR dark
Social Login | Button Text
Update button text IF connected.
data-ms-auth-connected-text
e.g. Disconnect Google
e.g. Disconnect Google
Social Login | Buttons
Allow member to login or signup with social logins.
facebook, google, github, microsoft, dribbble, spotify, social authentication
data-ms-auth-provider
Your_Auth_ID
Your_Auth_ID
Social Login | Disconnect Button
Allow members to disconnect a social auth provider.
data-ms-auth-disconnect
true
true
Social Login | Manage Providers
Div containing social auth buttons. Usually a profile page.
data-ms-auth
manage-providers
manage-providers
Stripe Customer Portal
Launch the Stripe Customer Portal with a link.
data-ms-action
customer-portal
customer-portal
Toast | Close Message
Members can click this to hide the message.
notification
data-ms-message-close
true
true
Toast | Error Message
Set to display:block when there is an error.
error notification
data-ms-message
error
error
Toast | Message Text
Dynamic text which explains what's happening.
notification,
data-ms-message-text
true
true
Toast | Success Message
Display block when an action is successful.
notification
data-ms-message
success
success
Verification | Please Verify UI
Show an element if a member is NOT verified.
data-ms-content
!verified
!verified
Verification | Send Email Button
Allow members to request a new verification email.
email verification, account verified, verify, re-send
data-ms-action
resend-verification-email
resend-verification-email