Loading Component...
Loading
Loading Component
Loading
More Components
View All
✨Need help to get started? Join our Live Product Demo and Q&A on Tuesday, Feb 8 ✨
Register Now
Product
All Features
Integrations
Roadmap
Templates
Components
Sales Pitch
Customers
Case Studies
Testimonials
Pricing
Resources
Components
Templates
Blog
Forums
Help Center
Hire an Expert
Slack Community
Browse features
Wishlist
Jobs
Login
Memberstack 1.0
Memberstack 2.0
Get Started
Get Started
Search articles...
Ask the community
Roadmap & wishlist
Hire an expert
Twitter - @Memberstackapp
Support Forum
support@memberstack.io
Bug report
Feature request
Product updates
Memberstack Inc.
Components
Templates
Attributes
Site Tester
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