Chargement du composant...
Chargement
Je vous remercie ! Je mettrai à jour
ce projet dès que possible.
ce projet dès que possible.
Oups ! Un problème s'est produit lors de l'envoi du formulaire.
How to enable Google authentication
How to enable Facebook authentication
How to enable Spotify authentication
How to enable Dribbble authentication
How to enable Github authentication
How to enable LinkedIn authentication
How to enable passwordless logins
How to configure password validation
How to show/hide password
How to work with profile images
How to add a forgot password flow
How to work with checkboxes
How to configure pricing tables
About the Stripe Customer Portal
{"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}}
Clone in Webflow
Composant de copie
{"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}}
Navigateur non pris en charge. Utilisez
Chrome ou Safari.
Chrome ou Safari.
About this component
AI Generated
Component Description (Generated by 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.
Key Features:
- 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
Design Elements:
- Minimalist layout with no predefined styles
- Flexbox layout for form alignment
- Clear and straightforward user interface
Potential Use Cases:
- 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.