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":"84214998-ca38-6fe6-86ee-1d365ba1d2a3","type":"FormWrapper","tag":"div","classes":[],"children":["1e52fed7-df85-82e7-db99-6065a939cfd1","1e52fed7-df85-82e7-db99-6065a939cfe1","1e52fed7-df85-82e7-db99-6065a939cfe4"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfd1","type":"FormForm","tag":"form","classes":["11e33cea-c433-404b-b6a4-984e8f9c7713"],"children":["1e52fed7-df85-82e7-db99-6065a939cfd2","1e52fed7-df85-82e7-db99-6065a939cfd6","1e52fed7-df85-82e7-db99-6065a939cfd7","1e52fed7-df85-82e7-db99-6065a939cfd9","1e52fed7-df85-82e7-db99-6065a939cfda","1e52fed7-df85-82e7-db99-6065a939cfe0"],"data":{"form":{"type":"form","name":"signup"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"email"}],"attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfd2","type":"Heading","tag":"h1","classes":["5a43d1b6-d6e3-9895-5825-1682fa4f5690"],"children":["1e52fed7-df85-82e7-db99-6065a939cfd3","1e52fed7-df85-82e7-db99-6065a939cfd4"],"data":{"tag":"h1","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfd3","text":true,"v":"Email Address"},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfd4","type":"Span","tag":"span","classes":[],"children":["1e52fed7-df85-82e7-db99-6065a939cfd5"],"data":{"xattr":[{"name":"data-ms-member","value":"first-name"}],"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfd5","text":true,"v":""},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfd6","type":"Block","tag":"div","classes":["ed49433c-b81a-76ff-02d0-ef679b9ccff7"],"children":[],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfd7","type":"Block","tag":"div","classes":[],"children":["1e52fed7-df85-82e7-db99-6065a939cfd8"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfd8","text":true,"v":"Use this form to update your email."},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfd9","type":"Block","tag":"div","classes":["6fa6a4b3-672a-5172-3baa-fd9efad2d3e9"],"children":[],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfda","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162"],"children":["1e52fed7-df85-82e7-db99-6065a939cfdb","1e52fed7-df85-82e7-db99-6065a939cfdd","1e52fed7-df85-82e7-db99-6065a939cfde"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfdb","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["1e52fed7-df85-82e7-db99-6065a939cfdc"],"data":{"form":{"type":"label"},"attr":{"for":"Email-2","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfdc","text":true,"v":"Email"},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfdd","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"Email 2","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Email-2","data-name":"Email 2","placeholder":"","type":"text","id":"Email-2","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfde","type":"Block","tag":"div","classes":["ba155160-9af3-cdd1-75ab-9739b98b727e"],"children":["1e52fed7-df85-82e7-db99-6065a939cfdf"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfdf","text":true,"v":"You will need this email to log in."},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfe0","type":"FormButton","tag":"input","classes":["6c1a7cc0-51d6-39ab-8286-fb055986c3a6","d5472b7e-dd99-a241-d1dc-1cfd72c5fe04"],"children":[],"data":{"form":{"type":"button","wait":"Please wait..."},"attr":{"type":"submit","value":"Update Email","data-wait":"Please wait...","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfe1","type":"FormSuccessMessage","tag":"div","classes":[],"children":["1e52fed7-df85-82e7-db99-6065a939cfe2"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfe2","type":"Block","tag":"div","classes":[],"children":["1e52fed7-df85-82e7-db99-6065a939cfe3"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfe3","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfe4","type":"FormErrorMessage","tag":"div","classes":[],"children":["1e52fed7-df85-82e7-db99-6065a939cfe5"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfe5","type":"Block","tag":"div","classes":[],"children":["1e52fed7-df85-82e7-db99-6065a939cfe6"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfe6","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"5a43d1b6-d6e3-9895-5825-1682fa4f5690","fake":false,"type":"class","name":"small-H1","namespace":"","comb":"","styleLess":"margin-bottom: 0px; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 28px; line-height: 1.2em; font-weight: 600;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af215d","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 48px; margin-bottom: 0px; padding-top: 10px; padding-left: 18px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(230, 22.16%, 76.88%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(230, 22.16%, 76.88%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(230, 22.16%, 76.88%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(230, 22.16%, 76.88%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(243, 0.00%, 100.00%, 1.00); box-shadow: 0 3px 6px -2px hsla(261, 97.36%, 15.88%, 0.10); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 15px; font-weight: 300;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); box-shadow: none /* 0 1px 2px 0 hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["2d453519-a012-e22a-94e5-a1cfea481ed6","c5b70a14-b1ed-4af4-b3a0-6b36e6c2d122","85128dca-1257-b8aa-627b-21df72904f8d"],"selector":null},{"_id":"ed49433c-b81a-76ff-02d0-ef679b9ccff7","fake":false,"type":"class","name":"spacer-xs","namespace":"","comb":"","styleLess":"width: 100%; height: 10px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"11e33cea-c433-404b-b6a4-984e8f9c7713","fake":false,"type":"class","name":"profile-form-container-2","namespace":"","comb":"","styleLess":"position: relative; display: flex; margin-bottom: 20px; padding-top: 0px; flex-direction: column; justify-content: space-between; flex-wrap: wrap; color: hsla(225, 0.00%, 0.00%, 1.00); text-align: left;","variants":{},"children":[],"selector":null},{"_id":"6fa6a4b3-672a-5172-3baa-fd9efad2d3e9","fake":false,"type":"class","name":"spacer-m","namespace":"","comb":"","styleLess":"width: 100%; height: 20px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"ba155160-9af3-cdd1-75ab-9739b98b727e","fake":false,"type":"class","name":"input-description","namespace":"","comb":"","styleLess":"overflow: hidden; margin-top: 5px; margin-bottom: 6px; padding-left: 12px; opacity: 0.8; transition-property: height; transition-duration: 200ms; transition-timing-function: ease; font-size: 12px; font-weight: 300;","variants":{},"children":["ba155160-9af3-cdd1-75ab-9739b98b7289","ba155160-9af3-cdd1-75ab-9739b98b728a"],"selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af215e","fake":false,"type":"class","name":"input-label","namespace":"","comb":"","styleLess":"position: relative; left: 6px; bottom: -7px; z-index: 2; display: inline-block; margin-bottom: 0px; padding-right: 7px; padding-left: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: hsla(243, 0.00%, 100.00%, 1.00); color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 13.5px; line-height: 15px; font-weight: 600;","variants":{},"children":["61b7702c-19ed-526f-623e-7568729402d9","1baffc9f-9e78-9dec-9c39-910d500c7a79","8174da00-3ddb-a6b2-d6fd-adbc1267656f"],"selector":null},{"_id":"d5472b7e-dd99-a241-d1dc-1cfd72c5fe04","fake":false,"type":"class","name":"absolute","namespace":"","comb":"&","styleLess":"position: absolute; left: auto; top: 0%; right: 0%; bottom: auto;","variants":{"tiny":{"styleLess":"position: static;"}},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2162","fake":false,"type":"class","name":"input-wrapper","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 12px; flex-direction: column; align-items: flex-start;","variants":{},"children":["3a8e6476-20fd-8bf1-d742-ebe54d706e8f"],"selector":null},{"_id":"6c1a7cc0-51d6-39ab-8286-fb055986c3a6","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"height: 50px; padding-top: 15px; padding-right: 35px; padding-bottom: 15px; padding-left: 35px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); box-shadow: 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10); color: hsla(233, 0.00%, 100.00%, 1.00); font-size: 15px; font-weight: 500;","variants":{"main_hover":{"styleLess":"background-color: hsla(225, 0.00%, 0.00%, 1.00); box-shadow: none /* 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["ee1893e1-296d-61b2-7327-7b9b59b42d96","c008b762-eef2-2ea8-a50e-445bc6e95325","e88777e6-6170-886e-c649-dfcf7145a4e4","af9c3b56-6a24-5451-39e8-1da2062b3187","8c446ac4-3184-9859-3ae8-a84aa836fb30","d5472b7e-dd99-a241-d1dc-1cfd72c5fe04","837b5f29-68be-1704-b5ac-6977d735c16b","4eace086-b0d9-95f5-4c42-690d94ec933b"],"createdBy":"5c32e19c1213425c470436be","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":"84214998-ca38-6fe6-86ee-1d365ba1d2a3","type":"FormWrapper","tag":"div","classes":[],"children":["1e52fed7-df85-82e7-db99-6065a939cfd1","1e52fed7-df85-82e7-db99-6065a939cfe1","1e52fed7-df85-82e7-db99-6065a939cfe4"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfd1","type":"FormForm","tag":"form","classes":["11e33cea-c433-404b-b6a4-984e8f9c7713"],"children":["1e52fed7-df85-82e7-db99-6065a939cfd2","1e52fed7-df85-82e7-db99-6065a939cfd6","1e52fed7-df85-82e7-db99-6065a939cfd7","1e52fed7-df85-82e7-db99-6065a939cfd9","1e52fed7-df85-82e7-db99-6065a939cfda","1e52fed7-df85-82e7-db99-6065a939cfe0"],"data":{"form":{"type":"form","name":"signup"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"email"}],"attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfd2","type":"Heading","tag":"h1","classes":["5a43d1b6-d6e3-9895-5825-1682fa4f5690"],"children":["1e52fed7-df85-82e7-db99-6065a939cfd3","1e52fed7-df85-82e7-db99-6065a939cfd4"],"data":{"tag":"h1","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfd3","text":true,"v":"Email Address"},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfd4","type":"Span","tag":"span","classes":[],"children":["1e52fed7-df85-82e7-db99-6065a939cfd5"],"data":{"xattr":[{"name":"data-ms-member","value":"first-name"}],"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfd5","text":true,"v":""},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfd6","type":"Block","tag":"div","classes":["ed49433c-b81a-76ff-02d0-ef679b9ccff7"],"children":[],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfd7","type":"Block","tag":"div","classes":[],"children":["1e52fed7-df85-82e7-db99-6065a939cfd8"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfd8","text":true,"v":"Use this form to update your email."},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfd9","type":"Block","tag":"div","classes":["6fa6a4b3-672a-5172-3baa-fd9efad2d3e9"],"children":[],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfda","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162"],"children":["1e52fed7-df85-82e7-db99-6065a939cfdb","1e52fed7-df85-82e7-db99-6065a939cfdd","1e52fed7-df85-82e7-db99-6065a939cfde"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfdb","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["1e52fed7-df85-82e7-db99-6065a939cfdc"],"data":{"form":{"type":"label"},"attr":{"for":"Email-2","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfdc","text":true,"v":"Email"},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfdd","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"Email 2","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Email-2","data-name":"Email 2","placeholder":"","type":"text","id":"Email-2","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfde","type":"Block","tag":"div","classes":["ba155160-9af3-cdd1-75ab-9739b98b727e"],"children":["1e52fed7-df85-82e7-db99-6065a939cfdf"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfdf","text":true,"v":"You will need this email to log in."},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfe0","type":"FormButton","tag":"input","classes":["6c1a7cc0-51d6-39ab-8286-fb055986c3a6","d5472b7e-dd99-a241-d1dc-1cfd72c5fe04"],"children":[],"data":{"form":{"type":"button","wait":"Please wait..."},"attr":{"type":"submit","value":"Update Email","data-wait":"Please wait...","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfe1","type":"FormSuccessMessage","tag":"div","classes":[],"children":["1e52fed7-df85-82e7-db99-6065a939cfe2"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfe2","type":"Block","tag":"div","classes":[],"children":["1e52fed7-df85-82e7-db99-6065a939cfe3"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfe3","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfe4","type":"FormErrorMessage","tag":"div","classes":[],"children":["1e52fed7-df85-82e7-db99-6065a939cfe5"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfe5","type":"Block","tag":"div","classes":[],"children":["1e52fed7-df85-82e7-db99-6065a939cfe6"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"1e52fed7-df85-82e7-db99-6065a939cfe6","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"5a43d1b6-d6e3-9895-5825-1682fa4f5690","fake":false,"type":"class","name":"small-H1","namespace":"","comb":"","styleLess":"margin-bottom: 0px; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 28px; line-height: 1.2em; font-weight: 600;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af215d","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 48px; margin-bottom: 0px; padding-top: 10px; padding-left: 18px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(230, 22.16%, 76.88%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(230, 22.16%, 76.88%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(230, 22.16%, 76.88%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(230, 22.16%, 76.88%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(243, 0.00%, 100.00%, 1.00); box-shadow: 0 3px 6px -2px hsla(261, 97.36%, 15.88%, 0.10); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 15px; font-weight: 300;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); box-shadow: none /* 0 1px 2px 0 hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["2d453519-a012-e22a-94e5-a1cfea481ed6","c5b70a14-b1ed-4af4-b3a0-6b36e6c2d122","85128dca-1257-b8aa-627b-21df72904f8d"],"selector":null},{"_id":"ed49433c-b81a-76ff-02d0-ef679b9ccff7","fake":false,"type":"class","name":"spacer-xs","namespace":"","comb":"","styleLess":"width: 100%; height: 10px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"11e33cea-c433-404b-b6a4-984e8f9c7713","fake":false,"type":"class","name":"profile-form-container-2","namespace":"","comb":"","styleLess":"position: relative; display: flex; margin-bottom: 20px; padding-top: 0px; flex-direction: column; justify-content: space-between; flex-wrap: wrap; color: hsla(225, 0.00%, 0.00%, 1.00); text-align: left;","variants":{},"children":[],"selector":null},{"_id":"6fa6a4b3-672a-5172-3baa-fd9efad2d3e9","fake":false,"type":"class","name":"spacer-m","namespace":"","comb":"","styleLess":"width: 100%; height: 20px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"ba155160-9af3-cdd1-75ab-9739b98b727e","fake":false,"type":"class","name":"input-description","namespace":"","comb":"","styleLess":"overflow: hidden; margin-top: 5px; margin-bottom: 6px; padding-left: 12px; opacity: 0.8; transition-property: height; transition-duration: 200ms; transition-timing-function: ease; font-size: 12px; font-weight: 300;","variants":{},"children":["ba155160-9af3-cdd1-75ab-9739b98b7289","ba155160-9af3-cdd1-75ab-9739b98b728a"],"selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af215e","fake":false,"type":"class","name":"input-label","namespace":"","comb":"","styleLess":"position: relative; left: 6px; bottom: -7px; z-index: 2; display: inline-block; margin-bottom: 0px; padding-right: 7px; padding-left: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: hsla(243, 0.00%, 100.00%, 1.00); color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 13.5px; line-height: 15px; font-weight: 600;","variants":{},"children":["61b7702c-19ed-526f-623e-7568729402d9","1baffc9f-9e78-9dec-9c39-910d500c7a79","8174da00-3ddb-a6b2-d6fd-adbc1267656f"],"selector":null},{"_id":"d5472b7e-dd99-a241-d1dc-1cfd72c5fe04","fake":false,"type":"class","name":"absolute","namespace":"","comb":"&","styleLess":"position: absolute; left: auto; top: 0%; right: 0%; bottom: auto;","variants":{"tiny":{"styleLess":"position: static;"}},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2162","fake":false,"type":"class","name":"input-wrapper","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 12px; flex-direction: column; align-items: flex-start;","variants":{},"children":["3a8e6476-20fd-8bf1-d742-ebe54d706e8f"],"selector":null},{"_id":"6c1a7cc0-51d6-39ab-8286-fb055986c3a6","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"height: 50px; padding-top: 15px; padding-right: 35px; padding-bottom: 15px; padding-left: 35px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); box-shadow: 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10); color: hsla(233, 0.00%, 100.00%, 1.00); font-size: 15px; font-weight: 500;","variants":{"main_hover":{"styleLess":"background-color: hsla(225, 0.00%, 0.00%, 1.00); box-shadow: none /* 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["ee1893e1-296d-61b2-7327-7b9b59b42d96","c008b762-eef2-2ea8-a50e-445bc6e95325","e88777e6-6170-886e-c649-dfcf7145a4e4","af9c3b56-6a24-5451-39e8-1da2062b3187","8c446ac4-3184-9859-3ae8-a84aa836fb30","d5472b7e-dd99-a241-d1dc-1cfd72c5fe04","837b5f29-68be-1704-b5ac-6977d735c16b","4eace086-b0d9-95f5-4c42-690d94ec933b"],"createdBy":"5c32e19c1213425c470436be","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)
Email Form 11 is a user-friendly form component designed for collecting and updating email addresses. It features a clean layout and clear instructions for users.
Wesentliche Merkmale:
- Includes fields for email input and user instructions.
- Responsive design suitable for various devices.
- Success and error messages for user feedback.
- Customizable styles to match branding.
- Form submission via GET method.
Gestaltungselemente:
- Modern and minimalistic style.
- Color scheme includes shades of blue and white.
- Clear typography with a focus on readability.
- Rounded input fields and buttons for a friendly appearance.
Potenzielle Anwendungsfälle:
- Websites needing email subscription forms.
- User account management systems requiring email updates.
- E-commerce sites for customer feedback collection.
- Blogs and newsletters for audience engagement.
- Corporate websites for internal communication updates.
Conclusion: Email Form 11 is a versatile and aesthetically pleasing component that enhances user experience while effectively gathering email information.
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.