data-ms
{ }
=""
<div>
86 Attributes Available

Data Attributes

Complete reference for all Memberstack data attributes. Open modals, populate forms, hide content, and more — just click to copy.

Click to Copy
No Code Required
Works Everywhere
Description
Attribute

Free Plans | Add

Add a free plan before or after signup.

Your_Plan_Id

Paid Plans | Add

Join or add a paid plan in addition to existing paid plans.

Your_Price_Id

Paid Plans | Add/Update

Join or switch between paid plans (recommended for most sites).

Your_Price_Id

CSS | Apply Styling

This feature lets you add styling to an element on your published site.

cssProperty:value

Auto-expand Input Width

MemberScript

Update input width based on its content.

Auto-expand Text Area

MemberScript

Automatically resize a text area based on its content.

Checkbox

Record a member's choice as true or false.

Your_Field_Id

Checkbox Group

Store multiple choices in a comma separated list.

Your_Field_Id

Checkbox Group → Options

Set the value of a Checkbox inside of a group of checkboxes.

Your_Value

Clear Input Value

MemberScript

Clear the value of one or more inputs.

Free Plans | Clear Plan Selection

Remove any previously selected paid plans prior to signup.

Click onHover

MemberScript

Trigger a click event when hovering over an element.

Confirm Password

MemberScript

Add a password confirmation field to your password reset forms.

Content | Has Failed Payment

Visible when members need update their payment method.

Content | Has Password

Visible if member has a password set.

Content | Visible if Custom Field is Empty

MemberScript

Visible if a specific custom field is EMPTY.

Content | Metadata

Display an element based on metadata.

Content | Logged Out

Visible to anyone who's logged out.

Content | Not Trialing

Visible to members who are NOT trialing.

Content | Is Trialing

Visible to members who are trialing.

Content | Plan Specific

Visible to Member's with access to gated content.

Your_Content_Id

Countdown Timer

MemberScript

Set the starting value of a count down timer. (Script 16)

Coupon Attribute

Apply a coupon to a specific pricing button on your website.

Your_Coupon_ID

CSS | Apply Class

Add additional classes to your published site.

yourClassName

Disable First Select Option

MemberScript

Prevent users from selecting the placeholder option in your select inputs.

Disable Form Submit Button

MemberScript

Disable submit button until required fields are valid.

Member | Email

Display or access a member's email address.

Forgot Password Form

Learn how to create a forgot password flow.

Modal | Forgot Password

Launch the default Memberstack forgot password modal.

Form Inputs

Populate form fields with member data.

Your_Field_Id

GIF | Hover IX

MemberScript

Trigger the associated gif to restart.

GIF | Target

MemberScript

Tag the gif you want to restart.

Hidden Measure (for Input Width)

MemberScript

Used to dynamically set the width of an input.

JSON | Array Name

MemberScript

Sets the key/field name for a JSON array

JSON Form

MemberScript

Save/update values using member JSON.

JSON Form | Save as New Item

MemberScript

Save all form values as a new item in a JSON list.

JSON | Input

MemberScript

Use this to set the key or a field name of some JSON.

JSON | Type Array

MemberScript

Saves the values of a form submission as an array.

JSON | Type Group

MemberScript

Saves the values of a form submission as a group.

JSON | Update Local Storage

MemberScript

Used with MemberScript #3 to update local storage.

Login Form

Create a custom login form.

Modal | Login

Launch the default Memberstack login modal.

Login-Redirect Button

Use this attribute to securely link from public pages to your logged-in area.

Logout Link

End a member's session and trigger the logout redirect.

Member | ID

Access a member's unique ID.

Member | Links

MemberScript

Populate a link using an URL stored in a custom field.

Member | Profile Image

Display member's profile image.

Member | Set iFrame Src

MemberScript

Set an iFrame src using a member's custom field.

Content | Logged In

Visible to anyone who's logged in.

Meta | Display Metadata

MemberScript

Display member metadata dynamically on your website.

Passwordless | Button Text

Will replace the button text once a valid email has been submitted.

Your_Text

Passwordless | Login

Turn a Webflow form into a Passwordless login form.

Passwordless | Signup

Turn a Webflow form into a Passwordless sign up form.

Passwordless | Step Two

This will only display if a valid email as been submitted.

Personalize Text

Dynamically populate a member's data into a page.

Your_Field_Id

Profile | Custom Fields Form

Create a custom onboarding or profile update form.

Profile | Email Form

Create a custom email update form for logged in members.

Modal | Profile

Launch the default Memberstack profile modal.

Profile | Password Form

Create a custom password update form for logged in members.

Profile | Password Form | Current Password

Input for members to enter their current password.

Profile | Password Form | New Password

Input for members to enter their new password.

Free Plans | Remove

Remove a free plan from a member after signup.

Your_Plan_Id

Require Input if Visible

MemberScript

Only require an input if it's visible. Great for conditional inputs.

Reset Password | 6-digit Code

A place to put the 6-digit password reset code.

Reset Password Form

An input for logged-out members to change their password.

Secure | HTML

Securely host & serve HTML content.

Your_Content_ID

Secure | Link

Securely host & serve a URL.

Your_Content_ID

Content | Show if Custom Field is Set

MemberScript

Visible if a specific custom field is set.

Show / Hide Password

MemberScript

Create a button to show/hide password inputs.

Signup Form

Create a custom sign up form.

Member | Signup Date

Access a member's signup date.

Signup | hCaptcha

Add Captcha to your signup forms to prevent spam.

light OR dark

Modal | Signup

Launch Memberstack's pre-built signup modal.

Social Login | Button Text

Update button text IF connected.

Social Login | Buttons

Allow member to login or signup with social logins.

Your_Auth_ID

Social Login | Disconnect Button

Allow members to disconnect a social auth provider.

Social Login | Manage Providers

Div containing social auth buttons. Usually a profile page.

Stripe Customer Portal

Launch the Stripe Customer Portal with a link.

Toast | Close Message

Members can click this to hide the message.

Toast | Error Message

Set to display:block when there is an error.

Toast | Message Text

Dynamic text which explains what's happening.

Toast | Success Message

Display block when an action is successful.

Truncate Text

MemberScript

Set the character limit of a string of text, truncate, and append "..."

Upload Profile Image

Launch the browsers image upload & update a member's profile image.

Verification | Please Verify UI

Show an element if a member is NOT verified.

Verification | Send Email Button

Allow members to request a new verification email.