Component laden...

Laden

Meer onderdelen

Bekijk alles
Oeps! Er ging iets mis bij het verzenden van het formulier.
Unstyled Signup
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"a5276146-51ae-39c0-243b-5b5c22570ea3","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b935"],"children":["a5276146-51ae-39c0-243b-5b5c22570ea4","a5276146-51ae-39c0-243b-5b5c22570ea6","a5276146-51ae-39c0-243b-5b5c22570ecd"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ea4","type":"Heading","tag":"h1","classes":[],"children":["a5276146-51ae-39c0-243b-5b5c22570ea5"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ea5","text":true,"v":"Create an Account"},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ea6","type":"FormWrapper","tag":"div","classes":[],"children":["a5276146-51ae-39c0-243b-5b5c22570ea7","a5276146-51ae-39c0-243b-5b5c22570ec7","a5276146-51ae-39c0-243b-5b5c22570eca"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"wrapper"}}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ea7","type":"FormForm","tag":"form","classes":[],"children":["a5276146-51ae-39c0-243b-5b5c22570ea8","a5276146-51ae-39c0-243b-5b5c22570eb1","a5276146-51ae-39c0-243b-5b5c22570eb5","a5276146-51ae-39c0-243b-5b5c22570ec6"],"data":{"attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"","data-redirect":"","action":"","method":"get"},"xattr":[{"name":"data-ms-form","value":"signup"}],"search":{"exclude":false},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}},"form":{"type":"form","name":"signup"}}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ea8","type":"Block","tag":"div","classes":[],"children":["a5276146-51ae-39c0-243b-5b5c22570ea9"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ea9","type":"Block","tag":"div","classes":[],"children":["a5276146-51ae-39c0-243b-5b5c22570eaa","a5276146-51ae-39c0-243b-5b5c22570eac"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570eaa","type":"FormBlockLabel","tag":"label","classes":[],"children":["a5276146-51ae-39c0-243b-5b5c22570eab"],"data":{"attr":{"id":"","for":"First-Name-5"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"label"}}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570eab","text":true,"v":"First Name"},{"_id":"a5276146-51ae-39c0-243b-5b5c22570eac","type":"FormTextInput","tag":"input","classes":[],"children":[],"data":{"attr":{"id":"First-Name-2","name":"First-Name-2","maxlength":256,"data-name":"First Name 2","placeholder":"e.g. Howard","disabled":false,"type":"text","required":true,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"first-name"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"First Name 2","type":"input","passwordPage":false}}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570eb1","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b948"],"children":["a5276146-51ae-39c0-243b-5b5c22570eb2","a5276146-51ae-39c0-243b-5b5c22570eb4"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570eb2","type":"FormBlockLabel","tag":"label","classes":[],"children":["a5276146-51ae-39c0-243b-5b5c22570eb3"],"data":{"attr":{"id":"","for":"Email-4"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"label"}}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570eb3","text":true,"v":"Email"},{"_id":"a5276146-51ae-39c0-243b-5b5c22570eb4","type":"FormTextInput","tag":"input","classes":[],"children":[],"data":{"attr":{"id":"Email-3","name":"Email-3","maxlength":256,"data-name":"Email 3","placeholder":"e.g. howard.thurman@gmail.com","disabled":false,"type":"email","required":true,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"Email 3","type":"input","passwordPage":false}}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570eb5","type":"Block","tag":"div","classes":[],"children":["a5276146-51ae-39c0-243b-5b5c22570eb6","a5276146-51ae-39c0-243b-5b5c22570eb8"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570eb6","type":"FormBlockLabel","tag":"label","classes":[],"children":["a5276146-51ae-39c0-243b-5b5c22570eb7"],"data":{"attr":{"id":"","for":"Password-4"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"label"}}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570eb7","text":true,"v":"Password"},{"_id":"a5276146-51ae-39c0-243b-5b5c22570eb8","type":"FormTextInput","tag":"input","classes":[],"children":[],"data":{"attr":{"id":"Password-3","name":"Password-3","maxlength":256,"data-name":"Password 3","placeholder":"","disabled":false,"type":"password","required":true,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"password"},{"name":"data-show","value":"true"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"Password 3","type":"input","passwordPage":false}}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ec6","type":"FormButton","tag":"input","classes":[],"children":[],"data":{"attr":{"id":"","type":"submit","value":"Let's get started","data-wait":"Please wait..."},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"button","wait":"Please wait..."}}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ec7","type":"FormSuccessMessage","tag":"div","classes":[],"children":["a5276146-51ae-39c0-243b-5b5c22570ec8"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-done"}}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ec8","type":"Block","tag":"div","classes":[],"children":["a5276146-51ae-39c0-243b-5b5c22570ec9"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":true,"tag":"div"}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ec9","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"a5276146-51ae-39c0-243b-5b5c22570eca","type":"FormErrorMessage","tag":"div","classes":[],"children":["a5276146-51ae-39c0-243b-5b5c22570ecb"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-fail"}}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ecb","type":"Block","tag":"div","classes":[],"children":["a5276146-51ae-39c0-243b-5b5c22570ecc"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":true,"tag":"div"}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ecc","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ecd","type":"Block","tag":"div","classes":[],"children":["a5276146-51ae-39c0-243b-5b5c22570ece"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ece","type":"Block","tag":"div","classes":[],"children":["a5276146-51ae-39c0-243b-5b5c22570ecf","a5276146-51ae-39c0-243b-5b5c22570ed0"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":true,"tag":"div"}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ecf","text":true,"v":"Already have an account? "},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ed0","type":"Link","tag":"a","classes":[],"children":["a5276146-51ae-39c0-243b-5b5c22570ed1"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"id":"","href":"#"},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ed1","text":true,"v":"Log in"}],"styles":[{"_id":"dece5ac3-a374-c351-3674-705230f1b935","fake":false,"type":"class","name":"Form Wrapper","namespace":"","comb":"","styleLess":"position: relative; z-index: 50; display: flex; overflow: visible; width: 100%; max-width: 400px; padding-right: 20px; padding-left: 20px; flex-direction: column; justify-content: center; align-items: stretch;","variants":{},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b948","fake":false,"type":"class","name":"Text Field Wrapper","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 12px; flex-direction: column; align-items: flex-start;","variants":{},"children":[],"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":1,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Klonen in Webflow
Kopieer component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"a5276146-51ae-39c0-243b-5b5c22570ea3","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b935"],"children":["a5276146-51ae-39c0-243b-5b5c22570ea4","a5276146-51ae-39c0-243b-5b5c22570ea6","a5276146-51ae-39c0-243b-5b5c22570ecd"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ea4","type":"Heading","tag":"h1","classes":[],"children":["a5276146-51ae-39c0-243b-5b5c22570ea5"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ea5","text":true,"v":"Create an Account"},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ea6","type":"FormWrapper","tag":"div","classes":[],"children":["a5276146-51ae-39c0-243b-5b5c22570ea7","a5276146-51ae-39c0-243b-5b5c22570ec7","a5276146-51ae-39c0-243b-5b5c22570eca"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"wrapper"}}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ea7","type":"FormForm","tag":"form","classes":[],"children":["a5276146-51ae-39c0-243b-5b5c22570ea8","a5276146-51ae-39c0-243b-5b5c22570eb1","a5276146-51ae-39c0-243b-5b5c22570eb5","a5276146-51ae-39c0-243b-5b5c22570ec6"],"data":{"attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"","data-redirect":"","action":"","method":"get"},"xattr":[{"name":"data-ms-form","value":"signup"}],"search":{"exclude":false},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}},"form":{"type":"form","name":"signup"}}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ea8","type":"Block","tag":"div","classes":[],"children":["a5276146-51ae-39c0-243b-5b5c22570ea9"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ea9","type":"Block","tag":"div","classes":[],"children":["a5276146-51ae-39c0-243b-5b5c22570eaa","a5276146-51ae-39c0-243b-5b5c22570eac"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570eaa","type":"FormBlockLabel","tag":"label","classes":[],"children":["a5276146-51ae-39c0-243b-5b5c22570eab"],"data":{"attr":{"id":"","for":"First-Name-5"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"label"}}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570eab","text":true,"v":"First Name"},{"_id":"a5276146-51ae-39c0-243b-5b5c22570eac","type":"FormTextInput","tag":"input","classes":[],"children":[],"data":{"attr":{"id":"First-Name-2","name":"First-Name-2","maxlength":256,"data-name":"First Name 2","placeholder":"e.g. Howard","disabled":false,"type":"text","required":true,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"first-name"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"First Name 2","type":"input","passwordPage":false}}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570eb1","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b948"],"children":["a5276146-51ae-39c0-243b-5b5c22570eb2","a5276146-51ae-39c0-243b-5b5c22570eb4"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570eb2","type":"FormBlockLabel","tag":"label","classes":[],"children":["a5276146-51ae-39c0-243b-5b5c22570eb3"],"data":{"attr":{"id":"","for":"Email-4"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"label"}}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570eb3","text":true,"v":"Email"},{"_id":"a5276146-51ae-39c0-243b-5b5c22570eb4","type":"FormTextInput","tag":"input","classes":[],"children":[],"data":{"attr":{"id":"Email-3","name":"Email-3","maxlength":256,"data-name":"Email 3","placeholder":"e.g. howard.thurman@gmail.com","disabled":false,"type":"email","required":true,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"Email 3","type":"input","passwordPage":false}}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570eb5","type":"Block","tag":"div","classes":[],"children":["a5276146-51ae-39c0-243b-5b5c22570eb6","a5276146-51ae-39c0-243b-5b5c22570eb8"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570eb6","type":"FormBlockLabel","tag":"label","classes":[],"children":["a5276146-51ae-39c0-243b-5b5c22570eb7"],"data":{"attr":{"id":"","for":"Password-4"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"label"}}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570eb7","text":true,"v":"Password"},{"_id":"a5276146-51ae-39c0-243b-5b5c22570eb8","type":"FormTextInput","tag":"input","classes":[],"children":[],"data":{"attr":{"id":"Password-3","name":"Password-3","maxlength":256,"data-name":"Password 3","placeholder":"","disabled":false,"type":"password","required":true,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"password"},{"name":"data-show","value":"true"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"Password 3","type":"input","passwordPage":false}}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ec6","type":"FormButton","tag":"input","classes":[],"children":[],"data":{"attr":{"id":"","type":"submit","value":"Let's get started","data-wait":"Please wait..."},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"button","wait":"Please wait..."}}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ec7","type":"FormSuccessMessage","tag":"div","classes":[],"children":["a5276146-51ae-39c0-243b-5b5c22570ec8"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-done"}}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ec8","type":"Block","tag":"div","classes":[],"children":["a5276146-51ae-39c0-243b-5b5c22570ec9"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":true,"tag":"div"}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ec9","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"a5276146-51ae-39c0-243b-5b5c22570eca","type":"FormErrorMessage","tag":"div","classes":[],"children":["a5276146-51ae-39c0-243b-5b5c22570ecb"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-fail"}}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ecb","type":"Block","tag":"div","classes":[],"children":["a5276146-51ae-39c0-243b-5b5c22570ecc"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":true,"tag":"div"}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ecc","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ecd","type":"Block","tag":"div","classes":[],"children":["a5276146-51ae-39c0-243b-5b5c22570ece"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"tag":"div"}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ece","type":"Block","tag":"div","classes":[],"children":["a5276146-51ae-39c0-243b-5b5c22570ecf","a5276146-51ae-39c0-243b-5b5c22570ed0"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":true,"tag":"div"}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ecf","text":true,"v":"Already have an account? "},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ed0","type":"Link","tag":"a","classes":[],"children":["a5276146-51ae-39c0-243b-5b5c22570ed1"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"id":"","href":"#"},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"a5276146-51ae-39c0-243b-5b5c22570ed1","text":true,"v":"Log in"}],"styles":[{"_id":"dece5ac3-a374-c351-3674-705230f1b935","fake":false,"type":"class","name":"Form Wrapper","namespace":"","comb":"","styleLess":"position: relative; z-index: 50; display: flex; overflow: visible; width: 100%; max-width: 400px; padding-right: 20px; padding-left: 20px; flex-direction: column; justify-content: center; align-items: stretch;","variants":{},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b948","fake":false,"type":"class","name":"Text Field Wrapper","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 12px; flex-direction: column; align-items: flex-start;","variants":{},"children":[],"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":1,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser niet ondersteund. Gebruik
CC Chrome of SS Safari.

Over dit onderdeel

AI-gegenereerd

Beschrijving van onderdeel (gegenereerd door AI)

The Unstyled Signup component is a simple and functional signup form designed for easy integration into any website. It features essential fields for user registration without any predefined styling.

Belangrijkste kenmerken:

  • Includes fields for First Name, Email, and Password
  • Form submission button with customizable text
  • Success and error messages for user feedback
  • Lightweight and easy to customize
  • Responsive design suitable for various devices

Ontwerpelementen:

  • Minimalist layout with no predefined styles
  • Flexbox layout for form alignment
  • Clear and straightforward user interface

Potentiële gebruikssituaties:

  • Startups looking for a quick signup solution
  • Blogs or content sites needing user registration
  • E-commerce platforms requiring customer accounts
  • Event registration pages
  • SaaS applications needing user onboarding

Conclusion: The Unstyled Signup component is a versatile and adaptable solution for any website needing a user registration form, allowing for complete customization to fit the brand's style.

Bouwen

Begin met het bouwen van je dromen

Memberstack is 100% gratis totdat u klaar bent om te lanceren - dus waar wacht u nog op? Maak je eerste app en begin vandaag nog.