Create a Login Form in Webflow

Article author
Duncan Hamra
  • Updated

Memberstack works with signup, login, and profile forms that you create in Webflow. Here are three different ways to ingrate a login form with Memberstack.

Option A → Copy a Webflow Component (1 min)

1. Pick from over 100+ free components or start with an unstyled login form

2. Copy the form element and paste it into your project.

All of the attributes and custom code you need have already been set up for you.

-------------

Option B → Design a Login Page in Webflow from Scratch (5min)

Step 1 → Build a form in Webflow

  1. Add a form block.
  2. Add the required input fields (email and password).

Step 2 → Add the Memberstack data attributes

  1. Add data-ms-form=”login” to the <form> element.
  2. Add the data attribute data-ms-member="email” to your email input.
  3. Add data-ms-member="password” to your password input.

Your form is ready to start logging in members!

-------------

Option C → Use the Pre-built Signup Modal (1min)

Step 1 → Create a login link or button on your site.

login_link.gif

Step 2 → Add the data-ms-modal=”login” attribute to your link.

data-ms-modal-login.gif

That’s it! → Your form is ready to start logging in members!

Screen_Shot_2022-06-30_at_1.35.25_PM.jpg

Was this article helpful?

Comments

0 comments

Please sign in to leave a comment.