Komponente laden...
Laden
Ich danke Ihnen! Ich werde
dieses Projekt so schnell wie möglich aktualisieren.
dieses Projekt so schnell wie möglich aktualisieren.
Huch! Beim Absenden des Formulars ist etwas schief gelaufen.
So aktivieren Sie die Google-Authentifizierung
So aktivieren Sie die Facebook-Authentifizierung
So aktivieren Sie die Spotify-Authentifizierung
Wie man die Dribbble-Authentifizierung aktiviert
Wie man die Github-Authentifizierung aktiviert
So aktivieren Sie die LinkedIn-Authentifizierung
So aktivieren Sie passwortlose Anmeldungen
So konfigurieren Sie die Kennwortüberprüfung
Passwort ein-/ausblenden
Wie man mit Profilbildern arbeitet
So fügen Sie einen Fluss für vergessene Passwörter hinzu
Wie man mit Kontrollkästchen arbeitet
Wie man Preistabellen konfiguriert
Über das Stripe-Kundenportal
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653e1","type":"FormWrapper","tag":"div","classes":["1f8564d6-2a35-1151-656b-9c2fc19e914d"],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653e2","6f65e0eb-5fa5-ca8a-8478-26a9ba2653f3","6f65e0eb-5fa5-ca8a-8478-26a9ba2653f6"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653e2","type":"FormForm","tag":"form","classes":["d5e0fb65-f3cc-6e57-0683-970f78a3afa6"],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653de","6f65e0eb-5fa5-ca8a-8478-26a9ba2653e3","6f65e0eb-5fa5-ca8a-8478-26a9ba2653e5","6f65e0eb-5fa5-ca8a-8478-26a9ba2653e7","6f65e0eb-5fa5-ca8a-8478-26a9ba2653ea","6f65e0eb-5fa5-ca8a-8478-26a9ba2653ec","6f65e0eb-5fa5-ca8a-8478-26a9ba2653ed","6f65e0eb-5fa5-ca8a-8478-26a9ba2653ef","6f65e0eb-5fa5-ca8a-8478-26a9ba2653f0","6f65e0eb-5fa5-ca8a-8478-26a9ba2653f1"],"data":{"attr":{"id":"sign-up","name":"wf-form-Sign-up-Form","data-name":"Sign up Form","method":"post","redirect":"","data-redirect":"","action":""},"form":{"type":"form","name":"Sign up Form"},"xattr":[{"name":"data-ms-form","value":"signup"}],"search":{"exclude":false},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653de","type":"Heading","tag":"h1","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9151"],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653df"],"data":{"tag":"h1","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653df","text":true,"v":"Sign up to get started"},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653e3","type":"FormBlockLabel","tag":"label","classes":["1f8564d6-2a35-1151-656b-9c2fc19e914f"],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653e4"],"data":{"form":{"type":"label"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653e4","text":true,"v":"First Name"},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653e5","type":"FormBlockLabel","tag":"label","classes":["1f8564d6-2a35-1151-656b-9c2fc19e914f","1f8564d6-2a35-1151-656b-9c2fc19e915d"],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653e6"],"data":{"form":{"type":"label"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653e6","text":true,"v":"Last Name"},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653e7","type":"Block","tag":"div","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9155"],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653e8","6f65e0eb-5fa5-ca8a-8478-26a9ba2653e9"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653e8","type":"FormTextInput","tag":"input","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9150","1f8564d6-2a35-1151-656b-9c2fc19e915c"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"firstName","data-name":"First Name","placeholder":"First name","type":"text","id":"firstName","disabled":false,"required":true},"form":{"type":"input","name":"First Name","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"first-name"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653e9","type":"FormTextInput","tag":"input","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9150","1f8564d6-2a35-1151-656b-9c2fc19e915e"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"lastName","data-name":"Last Name","placeholder":"Last name","type":"text","id":"lastName","disabled":false,"required":true},"form":{"type":"input","name":"Last Name","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"last-name"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653ea","type":"FormBlockLabel","tag":"label","classes":["1f8564d6-2a35-1151-656b-9c2fc19e914f"],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653eb"],"data":{"form":{"type":"label"},"attr":{"for":"field","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653eb","text":true,"v":"Email"},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653ec","type":"FormTextInput","tag":"input","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9150"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"email","data-name":"email","placeholder":"Email Address","type":"email","id":"field","disabled":false,"required":true},"form":{"type":"input","name":"email","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653ed","type":"FormBlockLabel","tag":"label","classes":["1f8564d6-2a35-1151-656b-9c2fc19e914f"],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653ee"],"data":{"form":{"type":"label"},"attr":{"for":"password","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653ee","text":true,"v":"Password"},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653ef","type":"FormTextInput","tag":"input","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9150"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"password","data-name":"Password","placeholder":"Password","type":"password","id":"password","disabled":false,"required":true},"form":{"type":"input","name":"Password","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653f0","type":"FormButton","tag":"input","classes":["261d663d-c758-5f55-06b6-2c52a3a0b674","b9a4aa12-743e-d5d0-aff6-cfa41d0685e5"],"children":[],"data":{"attr":{"type":"submit","value":"CONTINUE","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653f1","type":"Link","tag":"a","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9152"],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653f2"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653f2","text":true,"v":"I already have an account"},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653f3","type":"FormSuccessMessage","tag":"div","classes":[],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653f4"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653f4","type":"Block","tag":"div","classes":[],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653f5"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653f5","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653f6","type":"FormErrorMessage","tag":"div","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9158"],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653f7"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653f7","type":"Block","tag":"div","classes":[],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653f8"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653f8","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e9155","fake":false,"type":"class","name":"Sign Up Field Wrapper","namespace":"","comb":"","styleLess":"display: flex;","variants":{},"children":[],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e915c","fake":false,"type":"class","name":"First Name Field","namespace":"","comb":"&","styleLess":"border-top-right-radius: 0px; border-bottom-right-radius: 0px;","variants":{},"children":[],"selector":null},{"_id":"d5e0fb65-f3cc-6e57-0683-970f78a3afa6","fake":false,"type":"class","name":"Login Form","namespace":"","comb":"","styleLess":"margin-top: 60px; margin-bottom: 60px;","variants":{"small":{"styleLess":"padding-right: 5%; padding-left: 5%;"}},"children":[],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e914d","fake":false,"type":"class","name":"login container","namespace":"","comb":"","styleLess":"z-index: 10; display: block; width: 100%; max-width: 440px; margin-right: auto; margin-left: auto;","variants":{"tiny":{"styleLess":"min-width: 0px;"}},"children":[],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e9150","fake":false,"type":"class","name":"Login Field","namespace":"","comb":"","styleLess":"position: relative; height: 70px; margin-bottom: 15px; padding-top: 20px; padding-bottom: 0px; padding-left: 14px; border-top-style: solid; border-top-width: 1px; border-top-color: black; border-right-style: solid; border-right-width: 1px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; border-left-style: solid; border-left-width: 1px; border-left-color: black; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: white; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.05); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; font-size: 18px; font-weight: 400;","variants":{"main_hover":{"styleLess":"font-weight: 400;"},"main_focus":{"styleLess":"z-index: 1; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(228, 100.00%, 58.43%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(228, 100.00%, 58.43%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(228, 100.00%, 58.43%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(228, 100.00%, 58.43%, 1.00); box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 0 6px 0 hsla(228, 100.00%, 58.43%, 1.00);"},"small":{"styleLess":"height: 64px; padding-top: 13px; font-size: 16px;"}},"children":["1f8564d6-2a35-1151-656b-9c2fc19e915c","1f8564d6-2a35-1151-656b-9c2fc19e915e"],"selector":null},{"_id":"b9a4aa12-743e-d5d0-aff6-cfa41d0685e5","fake":false,"type":"class","name":"Full Button","namespace":"","comb":"&","styleLess":"width: 100%;","variants":{},"children":["3c8e6ecf-e83a-8fe3-af77-c73494c655e9"],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e9152","fake":false,"type":"class","name":"Password Link","namespace":"","comb":"","styleLess":"display: inline-block; padding-top: 20px; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: hsla(228, 100.00%, 58.43%, 1.00); color: hsla(228, 100.00%, 58.43%, 1.00); line-height: 1.8em; font-weight: 400;","variants":{"small":{"styleLess":"padding-top: 10px;"}},"children":[],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e915e","fake":false,"type":"class","name":"Last Name Field","namespace":"","comb":"&","styleLess":"margin-left: -1px; border-top-left-radius: 0px; border-bottom-left-radius: 0px;","variants":{},"children":[],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e9151","fake":false,"type":"class","name":"Login Head","namespace":"","comb":"","styleLess":"margin-top: 90px; margin-bottom: 30px; font-size: 32px; line-height: 60px; text-align: center;","variants":{"small":{"styleLess":"font-size: 24px; line-height: 40px;"}},"children":[],"selector":null},{"_id":"261d663d-c758-5f55-06b6-2c52a3a0b674","fake":false,"type":"class","name":"Button","namespace":"","comb":"","styleLess":"margin-top: 10px; padding-top: 15px; padding-right: 22px; padding-bottom: 13px; padding-left: 22px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: hsla(228, 100.00%, 58.43%, 1.00); background-image: radial-gradient(circle closest-corner at 50% 50%, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.1)); box-shadow: 0 10px 20px -5px hsla(204.62264150943398, 78.49%, 23.16%, 0.20); color: white; font-size: 17px; line-height: 26px; font-weight: 700; text-align: center;","variants":{"tiny":{"styleLess":"padding-top: 10px; padding-right: 18px; padding-bottom: 9px; padding-left: 18px; font-size: 14px;"}},"children":["b9a4aa12-743e-d5d0-aff6-cfa41d0685e5","b2e4a30e-574a-b515-d174-c96075074489","b8dbf0c8-321e-a715-9ebf-b6351149f86f","217ae1de-fdca-c5ef-3716-bb19b79cc7ef"],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e915d","fake":false,"type":"class","name":"last name label","namespace":"","comb":"&","styleLess":"margin-left: 50%;","variants":{},"children":[],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e914f","fake":false,"type":"class","name":"Login Label","namespace":"","comb":"","styleLess":"position: relative; z-index: 2; height: 26px; margin-bottom: -26px; padding-left: 10px; color: black; font-size: 13px; line-height: 33px;","variants":{"small":{"styleLess":"height: 20px; margin-bottom: -20px; font-size: 12px; line-height: 27px;"}},"children":["1f8564d6-2a35-1151-656b-9c2fc19e915d"],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e9158","fake":false,"type":"class","name":"Error Message","namespace":"","comb":"","styleLess":"position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 100; padding-top: 22px; padding-bottom: 22px; background-color: black; color: white; font-weight: 700; text-align: center;","variants":{},"children":[],"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Klonen in Webflow
Komponente kopieren
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653e1","type":"FormWrapper","tag":"div","classes":["1f8564d6-2a35-1151-656b-9c2fc19e914d"],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653e2","6f65e0eb-5fa5-ca8a-8478-26a9ba2653f3","6f65e0eb-5fa5-ca8a-8478-26a9ba2653f6"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653e2","type":"FormForm","tag":"form","classes":["d5e0fb65-f3cc-6e57-0683-970f78a3afa6"],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653de","6f65e0eb-5fa5-ca8a-8478-26a9ba2653e3","6f65e0eb-5fa5-ca8a-8478-26a9ba2653e5","6f65e0eb-5fa5-ca8a-8478-26a9ba2653e7","6f65e0eb-5fa5-ca8a-8478-26a9ba2653ea","6f65e0eb-5fa5-ca8a-8478-26a9ba2653ec","6f65e0eb-5fa5-ca8a-8478-26a9ba2653ed","6f65e0eb-5fa5-ca8a-8478-26a9ba2653ef","6f65e0eb-5fa5-ca8a-8478-26a9ba2653f0","6f65e0eb-5fa5-ca8a-8478-26a9ba2653f1"],"data":{"attr":{"id":"sign-up","name":"wf-form-Sign-up-Form","data-name":"Sign up Form","method":"post","redirect":"","data-redirect":"","action":""},"form":{"type":"form","name":"Sign up Form"},"xattr":[{"name":"data-ms-form","value":"signup"}],"search":{"exclude":false},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653de","type":"Heading","tag":"h1","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9151"],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653df"],"data":{"tag":"h1","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653df","text":true,"v":"Sign up to get started"},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653e3","type":"FormBlockLabel","tag":"label","classes":["1f8564d6-2a35-1151-656b-9c2fc19e914f"],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653e4"],"data":{"form":{"type":"label"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653e4","text":true,"v":"First Name"},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653e5","type":"FormBlockLabel","tag":"label","classes":["1f8564d6-2a35-1151-656b-9c2fc19e914f","1f8564d6-2a35-1151-656b-9c2fc19e915d"],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653e6"],"data":{"form":{"type":"label"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653e6","text":true,"v":"Last Name"},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653e7","type":"Block","tag":"div","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9155"],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653e8","6f65e0eb-5fa5-ca8a-8478-26a9ba2653e9"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653e8","type":"FormTextInput","tag":"input","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9150","1f8564d6-2a35-1151-656b-9c2fc19e915c"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"firstName","data-name":"First Name","placeholder":"First name","type":"text","id":"firstName","disabled":false,"required":true},"form":{"type":"input","name":"First Name","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"first-name"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653e9","type":"FormTextInput","tag":"input","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9150","1f8564d6-2a35-1151-656b-9c2fc19e915e"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"lastName","data-name":"Last Name","placeholder":"Last name","type":"text","id":"lastName","disabled":false,"required":true},"form":{"type":"input","name":"Last Name","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"last-name"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653ea","type":"FormBlockLabel","tag":"label","classes":["1f8564d6-2a35-1151-656b-9c2fc19e914f"],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653eb"],"data":{"form":{"type":"label"},"attr":{"for":"field","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653eb","text":true,"v":"Email"},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653ec","type":"FormTextInput","tag":"input","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9150"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"email","data-name":"email","placeholder":"Email Address","type":"email","id":"field","disabled":false,"required":true},"form":{"type":"input","name":"email","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653ed","type":"FormBlockLabel","tag":"label","classes":["1f8564d6-2a35-1151-656b-9c2fc19e914f"],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653ee"],"data":{"form":{"type":"label"},"attr":{"for":"password","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653ee","text":true,"v":"Password"},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653ef","type":"FormTextInput","tag":"input","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9150"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"password","data-name":"Password","placeholder":"Password","type":"password","id":"password","disabled":false,"required":true},"form":{"type":"input","name":"Password","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653f0","type":"FormButton","tag":"input","classes":["261d663d-c758-5f55-06b6-2c52a3a0b674","b9a4aa12-743e-d5d0-aff6-cfa41d0685e5"],"children":[],"data":{"attr":{"type":"submit","value":"CONTINUE","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653f1","type":"Link","tag":"a","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9152"],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653f2"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653f2","text":true,"v":"I already have an account"},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653f3","type":"FormSuccessMessage","tag":"div","classes":[],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653f4"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653f4","type":"Block","tag":"div","classes":[],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653f5"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653f5","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653f6","type":"FormErrorMessage","tag":"div","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9158"],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653f7"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653f7","type":"Block","tag":"div","classes":[],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653f8"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653f8","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e9155","fake":false,"type":"class","name":"Sign Up Field Wrapper","namespace":"","comb":"","styleLess":"display: flex;","variants":{},"children":[],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e915c","fake":false,"type":"class","name":"First Name Field","namespace":"","comb":"&","styleLess":"border-top-right-radius: 0px; border-bottom-right-radius: 0px;","variants":{},"children":[],"selector":null},{"_id":"d5e0fb65-f3cc-6e57-0683-970f78a3afa6","fake":false,"type":"class","name":"Login Form","namespace":"","comb":"","styleLess":"margin-top: 60px; margin-bottom: 60px;","variants":{"small":{"styleLess":"padding-right: 5%; padding-left: 5%;"}},"children":[],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e914d","fake":false,"type":"class","name":"login container","namespace":"","comb":"","styleLess":"z-index: 10; display: block; width: 100%; max-width: 440px; margin-right: auto; margin-left: auto;","variants":{"tiny":{"styleLess":"min-width: 0px;"}},"children":[],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e9150","fake":false,"type":"class","name":"Login Field","namespace":"","comb":"","styleLess":"position: relative; height: 70px; margin-bottom: 15px; padding-top: 20px; padding-bottom: 0px; padding-left: 14px; border-top-style: solid; border-top-width: 1px; border-top-color: black; border-right-style: solid; border-right-width: 1px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; border-left-style: solid; border-left-width: 1px; border-left-color: black; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: white; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.05); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; font-size: 18px; font-weight: 400;","variants":{"main_hover":{"styleLess":"font-weight: 400;"},"main_focus":{"styleLess":"z-index: 1; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(228, 100.00%, 58.43%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(228, 100.00%, 58.43%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(228, 100.00%, 58.43%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(228, 100.00%, 58.43%, 1.00); box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 0 6px 0 hsla(228, 100.00%, 58.43%, 1.00);"},"small":{"styleLess":"height: 64px; padding-top: 13px; font-size: 16px;"}},"children":["1f8564d6-2a35-1151-656b-9c2fc19e915c","1f8564d6-2a35-1151-656b-9c2fc19e915e"],"selector":null},{"_id":"b9a4aa12-743e-d5d0-aff6-cfa41d0685e5","fake":false,"type":"class","name":"Full Button","namespace":"","comb":"&","styleLess":"width: 100%;","variants":{},"children":["3c8e6ecf-e83a-8fe3-af77-c73494c655e9"],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e9152","fake":false,"type":"class","name":"Password Link","namespace":"","comb":"","styleLess":"display: inline-block; padding-top: 20px; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: hsla(228, 100.00%, 58.43%, 1.00); color: hsla(228, 100.00%, 58.43%, 1.00); line-height: 1.8em; font-weight: 400;","variants":{"small":{"styleLess":"padding-top: 10px;"}},"children":[],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e915e","fake":false,"type":"class","name":"Last Name Field","namespace":"","comb":"&","styleLess":"margin-left: -1px; border-top-left-radius: 0px; border-bottom-left-radius: 0px;","variants":{},"children":[],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e9151","fake":false,"type":"class","name":"Login Head","namespace":"","comb":"","styleLess":"margin-top: 90px; margin-bottom: 30px; font-size: 32px; line-height: 60px; text-align: center;","variants":{"small":{"styleLess":"font-size: 24px; line-height: 40px;"}},"children":[],"selector":null},{"_id":"261d663d-c758-5f55-06b6-2c52a3a0b674","fake":false,"type":"class","name":"Button","namespace":"","comb":"","styleLess":"margin-top: 10px; padding-top: 15px; padding-right: 22px; padding-bottom: 13px; padding-left: 22px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: hsla(228, 100.00%, 58.43%, 1.00); background-image: radial-gradient(circle closest-corner at 50% 50%, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.1)); box-shadow: 0 10px 20px -5px hsla(204.62264150943398, 78.49%, 23.16%, 0.20); color: white; font-size: 17px; line-height: 26px; font-weight: 700; text-align: center;","variants":{"tiny":{"styleLess":"padding-top: 10px; padding-right: 18px; padding-bottom: 9px; padding-left: 18px; font-size: 14px;"}},"children":["b9a4aa12-743e-d5d0-aff6-cfa41d0685e5","b2e4a30e-574a-b515-d174-c96075074489","b8dbf0c8-321e-a715-9ebf-b6351149f86f","217ae1de-fdca-c5ef-3716-bb19b79cc7ef"],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e915d","fake":false,"type":"class","name":"last name label","namespace":"","comb":"&","styleLess":"margin-left: 50%;","variants":{},"children":[],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e914f","fake":false,"type":"class","name":"Login Label","namespace":"","comb":"","styleLess":"position: relative; z-index: 2; height: 26px; margin-bottom: -26px; padding-left: 10px; color: black; font-size: 13px; line-height: 33px;","variants":{"small":{"styleLess":"height: 20px; margin-bottom: -20px; font-size: 12px; line-height: 27px;"}},"children":["1f8564d6-2a35-1151-656b-9c2fc19e915d"],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e9158","fake":false,"type":"class","name":"Error Message","namespace":"","comb":"","styleLess":"position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 100; padding-top: 22px; padding-bottom: 22px; background-color: black; color: white; font-weight: 700; text-align: center;","variants":{},"children":[],"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser nicht unterstützt. Verwenden Sie
Chrome oder Safari.
Chrome oder Safari.
Über diese Komponente
AI-generiert
Komponentenbeschreibung (von AI generiert)
The Sign up #1 component is a user-friendly registration form designed to capture essential user information, including first name, last name, email, and password. It features a clean layout and responsive design for optimal user experience.
Wesentliche Merkmale:
- Includes fields for first name, last name, email, and password
- Responsive Design für verschiedene Geräte geeignet
- Erfolgs- und Fehlermeldungen für Benutzer-Feedback
- Customizable styling options
- Easy integration with Webflow CMS
Gestaltungselemente:
- Modern and clean layout
- Centered heading with a large font size
- Input fields with rounded corners
- Color scheme featuring a primary blue accent
Potenzielle Anwendungsfälle:
- Startups looking to build a user base
- E-commerce websites requiring user registration
- Online services offering subscriptions or memberships
- Event registration platforms
- Educational websites for student sign-ups
Conclusion: The Sign up #1 component is a versatile and visually appealing solution for any website needing a registration form, making it an excellent choice for various industries.
Mit dem Bau beginnen
Bauen Sie Ihre Träume
Memberstack ist 100% kostenlos, bis Sie bereit sind, zu starten - worauf warten Sie also noch? Erstellen Sie Ihre erste App und beginnen Sie noch heute mit der Entwicklung.