Component laden...
Laden
Bedankt! Ik zal
dit project zo snel mogelijk bijwerken.
dit project zo snel mogelijk bijwerken.
Oeps! Er ging iets mis bij het verzenden van het formulier.
Hoe Google-verificatie inschakelen
Facebook-verificatie inschakelen
Spotify verificatie inschakelen
Hoe Dribbble verificatie in te schakelen
Hoe de Github-authenticatie in te schakelen
Hoe LinkedIn verificatie inschakelen
Hoe wachtwoordloze aanmeldingen inschakelen
Hoe wachtwoordvalidatie configureren
Hoe wachtwoord tonen/verbergen
Werken met profielafbeeldingen
Hoe een wachtwoord vergeten-flow toevoegen
Werken met selectievakjes
Hoe prijstabellen configureren
Over het Stripe klantenportaal
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa22a","type":"Section","tag":"section","classes":["eac8b506-9030-e3a0-b78d-f6dd2044f992"],"children":["b738f1df-29ba-8f41-ad0c-96c458aaa22b"],"data":{"grid":{"type":"section"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa22b","type":"FormWrapper","tag":"div","classes":["cdce34e7-d4dc-e09a-6aa9-60d505134295"],"children":["b738f1df-29ba-8f41-ad0c-96c458aaa22c","b738f1df-29ba-8f41-ad0c-96c458aaa245","b738f1df-29ba-8f41-ad0c-96c458aaa248"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa22c","type":"FormForm","tag":"form","classes":["8e206601-6c87-1743-d4b9-ea474283ffed"],"children":["b738f1df-29ba-8f41-ad0c-96c458aaa22d","b738f1df-29ba-8f41-ad0c-96c458aaa243"],"data":{"form":{"type":"form","name":"signup"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"login"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"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":"b738f1df-29ba-8f41-ad0c-96c458aaa22d","type":"Block","tag":"div","classes":["faf74dc6-925f-25f9-9480-44c2ce3e9f57"],"children":["b738f1df-29ba-8f41-ad0c-96c458aaa22e","b738f1df-29ba-8f41-ad0c-96c458aaa230","b738f1df-29ba-8f41-ad0c-96c458aaa232","b738f1df-29ba-8f41-ad0c-96c458aaa238","b738f1df-29ba-8f41-ad0c-96c458aaa239","b738f1df-29ba-8f41-ad0c-96c458aaa23d"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa22e","type":"Block","tag":"div","classes":["32901106-c87d-4b0e-a0a4-eed8e0020979"],"children":["c7f8a3bf-bd03-ad96-d76f-23572cf79b88"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c7f8a3bf-bd03-ad96-d76f-23572cf79b88","type":"Block","tag":"div","classes":[],"children":["c7f8a3bf-bd03-ad96-d76f-23572cf79b89"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c7f8a3bf-bd03-ad96-d76f-23572cf79b89","text":true,"v":"😎"},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa230","type":"Heading","tag":"h1","classes":["b6a8e600-dc63-9c29-8bd4-6a0fb9888772"],"children":["b738f1df-29ba-8f41-ad0c-96c458aaa231"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa231","text":true,"v":"Please log in"},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa232","type":"Block","tag":"div","classes":[],"children":["b738f1df-29ba-8f41-ad0c-96c458aaa233","fa0cb27f-5d17-31f1-0736-1fdf741cac79","a832b899-bda7-698a-2455-8526cb2305ef","b738f1df-29ba-8f41-ad0c-96c458aaa237"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa233","text":true,"v":"Your password has been successfully reset. "},{"_id":"fa0cb27f-5d17-31f1-0736-1fdf741cac79","type":"Span","tag":"span","classes":["372d2beb-3497-1eb2-0670-b1c2015c83e2"],"children":["f71531ff-b73b-9ad5-b728-d8a85c0aa0fe"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"f71531ff-b73b-9ad5-b728-d8a85c0aa0fe","text":true,"v":"Please log in with your new credentials"},{"_id":"a832b899-bda7-698a-2455-8526cb2305ef","text":true,"v":" to continue."},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa237","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa238","type":"Block","tag":"div","classes":["df0b8820-2861-973b-7624-bf15d2f78f33"],"children":[],"data":{"text":false,"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa239","type":"Block","tag":"div","classes":["167f61c3-ae27-98aa-1ee6-e25f8ea4bbbf"],"children":["b738f1df-29ba-8f41-ad0c-96c458aaa23a","b738f1df-29ba-8f41-ad0c-96c458aaa23c"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa23a","type":"FormBlockLabel","tag":"label","classes":[],"children":["b738f1df-29ba-8f41-ad0c-96c458aaa23b"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"email","id":""},"visibility":{"conditions":[]}}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa23b","text":true,"v":"Your email"},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa23c","type":"FormTextInput","tag":"input","classes":["b7a34419-9d66-2f1f-160f-5ae1f21c6945"],"children":[],"data":{"attr":{"id":"email","name":"Email","maxlength":256,"data-name":"Email","placeholder":"","disabled":false,"type":"email","required":true,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"email"}],"form":{"name":"Email","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa23d","type":"Block","tag":"div","classes":["167f61c3-ae27-98aa-1ee6-e25f8ea4bbbf"],"children":["b738f1df-29ba-8f41-ad0c-96c458aaa23e","b738f1df-29ba-8f41-ad0c-96c458aaa240"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa23e","type":"FormBlockLabel","tag":"label","classes":[],"children":["b738f1df-29ba-8f41-ad0c-96c458aaa23f"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Password-2","id":""},"visibility":{"conditions":[]}}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa23f","text":true,"v":"Your password"},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa240","type":"FormTextInput","tag":"input","classes":["b7a34419-9d66-2f1f-160f-5ae1f21c6945"],"children":[],"data":{"attr":{"id":"Password-2","name":"Password","maxlength":256,"data-name":"Password","placeholder":"","disabled":false,"type":"password","required":true,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"password"}],"form":{"name":"Password","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa243","type":"Block","tag":"div","classes":["4b02109a-842f-613c-1be5-1b7708a14531"],"children":["b738f1df-29ba-8f41-ad0c-96c458aaa244"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa244","type":"FormButton","tag":"input","classes":["05dd74de-bb16-772c-5cfb-2d65a53800e6"],"children":[],"data":{"attr":{"type":"submit","value":"Log in","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa245","type":"FormSuccessMessage","tag":"div","classes":[],"children":["b738f1df-29ba-8f41-ad0c-96c458aaa246"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa246","type":"Block","tag":"div","classes":[],"children":["b738f1df-29ba-8f41-ad0c-96c458aaa247"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa247","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa248","type":"FormErrorMessage","tag":"div","classes":[],"children":["b738f1df-29ba-8f41-ad0c-96c458aaa249"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa249","type":"Block","tag":"div","classes":[],"children":["b738f1df-29ba-8f41-ad0c-96c458aaa24a"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa24a","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"8e206601-6c87-1743-d4b9-ea474283ffed","fake":false,"type":"class","name":"form","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; align-items: center;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"167f61c3-ae27-98aa-1ee6-e25f8ea4bbbf","fake":false,"type":"class","name":"input-wrap","namespace":"","comb":"","styleLess":"width: 100%; text-align: left;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"cdce34e7-d4dc-e09a-6aa9-60d505134295","fake":false,"type":"class","name":"modal","namespace":"","comb":"","styleLess":"width: 100%; max-width: 450px; margin-bottom: 0px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 90.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 90.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 90.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 90.00%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(0, 0.00%, 100.00%, 1.00); box-shadow: 0 16px 25px 0 hsla(237, 0.00%, 0.00%, 0.15);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"faf74dc6-925f-25f9-9480-44c2ce3e9f57","fake":false,"type":"class","name":"modal-top","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 0px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; flex-direction: column; align-items: flex-start; text-align: left;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"05dd74de-bb16-772c-5cfb-2d65a53800e6","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"padding-top: 10px; padding-bottom: 10px; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(359, 77.59%, 52.41%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(359, 77.59%, 52.41%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(359, 77.59%, 52.41%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(359, 77.59%, 52.41%, 1.00); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(359, 77.59%, 52.41%, 1.00); box-shadow: 0 2px 2px 0 hsla(0, 0.00%, 0.00%, 0.05); transition-property: opacity; transition-duration: 200ms; transition-timing-function: ease; font-weight: 400; text-align: center;","variants":{"main_hover":{"styleLess":"opacity: 0.75;"}},"children":["b47bf5d0-4caa-df84-be9f-d511c7e32e11","70cbdd6e-0aaa-9b43-ff6b-f4f6a28b3ed5"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"df0b8820-2861-973b-7624-bf15d2f78f33","fake":false,"type":"class","name":"spacer-20","namespace":"","comb":"","styleLess":"height: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"b6a8e600-dc63-9c29-8bd4-6a0fb9888772","fake":false,"type":"class","name":"h1","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 10px; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 30px; line-height: 1.3; font-weight: 500;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"32901106-c87d-4b0e-a0a4-eed8e0020979","fake":false,"type":"class","name":"emoji-wrap","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 60px; height: 60px; margin-top: -30px; margin-bottom: 15px; padding-top: 14px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; justify-content: center; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 90.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 90.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 90.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 90.00%, 1.00); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: hsla(359, 77.59%, 52.41%, 1.00); box-shadow: inset 0 2px 18px 0 rgba(0,0,0,0.2), inset 0 -2px 9px 0 hsla(0, 0.00%, 100.00%, 0.31); font-size: 35px; line-height: 35px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"eac8b506-9030-e3a0-b78d-f6dd2044f992","fake":false,"type":"class","name":"section_big","namespace":"","comb":"","styleLess":"display: flex; width: 100%; min-height: 100vh; justify-content: center; align-items: center; background-color: hsla(241, 0.00%, 100.00%, 1.00); background-image: @img_648aac84c71a42436f5ad922; background-position: 0px 0px; background-size: auto;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"4b02109a-842f-613c-1be5-1b7708a14531","fake":false,"type":"class","name":"modal-bottom","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; justify-content: space-between; align-items: center; grid-column-gap: 10px; grid-row-gap: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 90.00%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"372d2beb-3497-1eb2-0670-b1c2015c83e2","fake":false,"type":"class","name":"dark","namespace":"","comb":"","styleLess":"color: hsla(0, 0.00%, 15.33%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"b7a34419-9d66-2f1f-160f-5ae1f21c6945","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"width: 100%; height: 40px; padding-right: 18px; padding-left: 18px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 90.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 90.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 90.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 90.00%, 1.00); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0 2px 6px 0 hsla(0, 0.00%, 0.00%, 0.05); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_focus-visible":{"styleLess":"border-top-color: hsla(359, 77.59%, 52.41%, 1.00); border-right-color: hsla(359, 77.59%, 52.41%, 1.00); border-bottom-color: hsla(359, 77.59%, 52.41%, 1.00); border-left-color: hsla(359, 77.59%, 52.41%, 1.00);"},"main_hover":{"styleLess":"box-shadow: 0 0 2px 0 hsla(0, 0.00%, 0.00%, 0.05);"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/648aab0a24d7794b9896e029/648aac84c71a42436f5ad922_ooorganize.svg","siteId":"648aab0a24d7794b9896e029","width":800,"isHD":false,"height":800,"fileName":"648aac84c71a42436f5ad922_ooorganize.svg","createdOn":"2023-06-15T06:15:32.913Z","origFileName":"ooorganize.svg","fileHash":"66b0105079469edc498d2784f03d7136","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/648aab0a24d7794b9896e029/648aac84c71a42436f5ad922_ooorganize.svg","thumbUrl":"https://cdn.prod.website-files.com/648aab0a24d7794b9896e029/648aac84c71a42436f5ad922_ooorganize.svg","_id":"648aac84c71a42436f5ad922","updatedOn":"2023-06-15T06:15:32.913Z","fileSize":60370}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Klonen in Webflow
Kopieer component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa22a","type":"Section","tag":"section","classes":["eac8b506-9030-e3a0-b78d-f6dd2044f992"],"children":["b738f1df-29ba-8f41-ad0c-96c458aaa22b"],"data":{"grid":{"type":"section"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa22b","type":"FormWrapper","tag":"div","classes":["cdce34e7-d4dc-e09a-6aa9-60d505134295"],"children":["b738f1df-29ba-8f41-ad0c-96c458aaa22c","b738f1df-29ba-8f41-ad0c-96c458aaa245","b738f1df-29ba-8f41-ad0c-96c458aaa248"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa22c","type":"FormForm","tag":"form","classes":["8e206601-6c87-1743-d4b9-ea474283ffed"],"children":["b738f1df-29ba-8f41-ad0c-96c458aaa22d","b738f1df-29ba-8f41-ad0c-96c458aaa243"],"data":{"form":{"type":"form","name":"signup"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"login"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"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":"b738f1df-29ba-8f41-ad0c-96c458aaa22d","type":"Block","tag":"div","classes":["faf74dc6-925f-25f9-9480-44c2ce3e9f57"],"children":["b738f1df-29ba-8f41-ad0c-96c458aaa22e","b738f1df-29ba-8f41-ad0c-96c458aaa230","b738f1df-29ba-8f41-ad0c-96c458aaa232","b738f1df-29ba-8f41-ad0c-96c458aaa238","b738f1df-29ba-8f41-ad0c-96c458aaa239","b738f1df-29ba-8f41-ad0c-96c458aaa23d"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa22e","type":"Block","tag":"div","classes":["32901106-c87d-4b0e-a0a4-eed8e0020979"],"children":["c7f8a3bf-bd03-ad96-d76f-23572cf79b88"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c7f8a3bf-bd03-ad96-d76f-23572cf79b88","type":"Block","tag":"div","classes":[],"children":["c7f8a3bf-bd03-ad96-d76f-23572cf79b89"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c7f8a3bf-bd03-ad96-d76f-23572cf79b89","text":true,"v":"😎"},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa230","type":"Heading","tag":"h1","classes":["b6a8e600-dc63-9c29-8bd4-6a0fb9888772"],"children":["b738f1df-29ba-8f41-ad0c-96c458aaa231"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa231","text":true,"v":"Please log in"},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa232","type":"Block","tag":"div","classes":[],"children":["b738f1df-29ba-8f41-ad0c-96c458aaa233","fa0cb27f-5d17-31f1-0736-1fdf741cac79","a832b899-bda7-698a-2455-8526cb2305ef","b738f1df-29ba-8f41-ad0c-96c458aaa237"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa233","text":true,"v":"Your password has been successfully reset. "},{"_id":"fa0cb27f-5d17-31f1-0736-1fdf741cac79","type":"Span","tag":"span","classes":["372d2beb-3497-1eb2-0670-b1c2015c83e2"],"children":["f71531ff-b73b-9ad5-b728-d8a85c0aa0fe"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"f71531ff-b73b-9ad5-b728-d8a85c0aa0fe","text":true,"v":"Please log in with your new credentials"},{"_id":"a832b899-bda7-698a-2455-8526cb2305ef","text":true,"v":" to continue."},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa237","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa238","type":"Block","tag":"div","classes":["df0b8820-2861-973b-7624-bf15d2f78f33"],"children":[],"data":{"text":false,"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa239","type":"Block","tag":"div","classes":["167f61c3-ae27-98aa-1ee6-e25f8ea4bbbf"],"children":["b738f1df-29ba-8f41-ad0c-96c458aaa23a","b738f1df-29ba-8f41-ad0c-96c458aaa23c"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa23a","type":"FormBlockLabel","tag":"label","classes":[],"children":["b738f1df-29ba-8f41-ad0c-96c458aaa23b"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"email","id":""},"visibility":{"conditions":[]}}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa23b","text":true,"v":"Your email"},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa23c","type":"FormTextInput","tag":"input","classes":["b7a34419-9d66-2f1f-160f-5ae1f21c6945"],"children":[],"data":{"attr":{"id":"email","name":"Email","maxlength":256,"data-name":"Email","placeholder":"","disabled":false,"type":"email","required":true,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"email"}],"form":{"name":"Email","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa23d","type":"Block","tag":"div","classes":["167f61c3-ae27-98aa-1ee6-e25f8ea4bbbf"],"children":["b738f1df-29ba-8f41-ad0c-96c458aaa23e","b738f1df-29ba-8f41-ad0c-96c458aaa240"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa23e","type":"FormBlockLabel","tag":"label","classes":[],"children":["b738f1df-29ba-8f41-ad0c-96c458aaa23f"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Password-2","id":""},"visibility":{"conditions":[]}}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa23f","text":true,"v":"Your password"},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa240","type":"FormTextInput","tag":"input","classes":["b7a34419-9d66-2f1f-160f-5ae1f21c6945"],"children":[],"data":{"attr":{"id":"Password-2","name":"Password","maxlength":256,"data-name":"Password","placeholder":"","disabled":false,"type":"password","required":true,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"password"}],"form":{"name":"Password","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa243","type":"Block","tag":"div","classes":["4b02109a-842f-613c-1be5-1b7708a14531"],"children":["b738f1df-29ba-8f41-ad0c-96c458aaa244"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa244","type":"FormButton","tag":"input","classes":["05dd74de-bb16-772c-5cfb-2d65a53800e6"],"children":[],"data":{"attr":{"type":"submit","value":"Log in","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa245","type":"FormSuccessMessage","tag":"div","classes":[],"children":["b738f1df-29ba-8f41-ad0c-96c458aaa246"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa246","type":"Block","tag":"div","classes":[],"children":["b738f1df-29ba-8f41-ad0c-96c458aaa247"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa247","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa248","type":"FormErrorMessage","tag":"div","classes":[],"children":["b738f1df-29ba-8f41-ad0c-96c458aaa249"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa249","type":"Block","tag":"div","classes":[],"children":["b738f1df-29ba-8f41-ad0c-96c458aaa24a"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b738f1df-29ba-8f41-ad0c-96c458aaa24a","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"8e206601-6c87-1743-d4b9-ea474283ffed","fake":false,"type":"class","name":"form","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; align-items: center;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"167f61c3-ae27-98aa-1ee6-e25f8ea4bbbf","fake":false,"type":"class","name":"input-wrap","namespace":"","comb":"","styleLess":"width: 100%; text-align: left;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"cdce34e7-d4dc-e09a-6aa9-60d505134295","fake":false,"type":"class","name":"modal","namespace":"","comb":"","styleLess":"width: 100%; max-width: 450px; margin-bottom: 0px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 90.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 90.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 90.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 90.00%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(0, 0.00%, 100.00%, 1.00); box-shadow: 0 16px 25px 0 hsla(237, 0.00%, 0.00%, 0.15);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"faf74dc6-925f-25f9-9480-44c2ce3e9f57","fake":false,"type":"class","name":"modal-top","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 0px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; flex-direction: column; align-items: flex-start; text-align: left;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"05dd74de-bb16-772c-5cfb-2d65a53800e6","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"padding-top: 10px; padding-bottom: 10px; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(359, 77.59%, 52.41%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(359, 77.59%, 52.41%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(359, 77.59%, 52.41%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(359, 77.59%, 52.41%, 1.00); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(359, 77.59%, 52.41%, 1.00); box-shadow: 0 2px 2px 0 hsla(0, 0.00%, 0.00%, 0.05); transition-property: opacity; transition-duration: 200ms; transition-timing-function: ease; font-weight: 400; text-align: center;","variants":{"main_hover":{"styleLess":"opacity: 0.75;"}},"children":["b47bf5d0-4caa-df84-be9f-d511c7e32e11","70cbdd6e-0aaa-9b43-ff6b-f4f6a28b3ed5"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"df0b8820-2861-973b-7624-bf15d2f78f33","fake":false,"type":"class","name":"spacer-20","namespace":"","comb":"","styleLess":"height: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"b6a8e600-dc63-9c29-8bd4-6a0fb9888772","fake":false,"type":"class","name":"h1","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 10px; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 30px; line-height: 1.3; font-weight: 500;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"32901106-c87d-4b0e-a0a4-eed8e0020979","fake":false,"type":"class","name":"emoji-wrap","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 60px; height: 60px; margin-top: -30px; margin-bottom: 15px; padding-top: 14px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; justify-content: center; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 90.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 90.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 90.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 90.00%, 1.00); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: hsla(359, 77.59%, 52.41%, 1.00); box-shadow: inset 0 2px 18px 0 rgba(0,0,0,0.2), inset 0 -2px 9px 0 hsla(0, 0.00%, 100.00%, 0.31); font-size: 35px; line-height: 35px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"eac8b506-9030-e3a0-b78d-f6dd2044f992","fake":false,"type":"class","name":"section_big","namespace":"","comb":"","styleLess":"display: flex; width: 100%; min-height: 100vh; justify-content: center; align-items: center; background-color: hsla(241, 0.00%, 100.00%, 1.00); background-image: @img_648aac84c71a42436f5ad922; background-position: 0px 0px; background-size: auto;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"4b02109a-842f-613c-1be5-1b7708a14531","fake":false,"type":"class","name":"modal-bottom","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; justify-content: space-between; align-items: center; grid-column-gap: 10px; grid-row-gap: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 90.00%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"372d2beb-3497-1eb2-0670-b1c2015c83e2","fake":false,"type":"class","name":"dark","namespace":"","comb":"","styleLess":"color: hsla(0, 0.00%, 15.33%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"b7a34419-9d66-2f1f-160f-5ae1f21c6945","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"width: 100%; height: 40px; padding-right: 18px; padding-left: 18px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 90.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 90.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 90.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 90.00%, 1.00); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0 2px 6px 0 hsla(0, 0.00%, 0.00%, 0.05); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_focus-visible":{"styleLess":"border-top-color: hsla(359, 77.59%, 52.41%, 1.00); border-right-color: hsla(359, 77.59%, 52.41%, 1.00); border-bottom-color: hsla(359, 77.59%, 52.41%, 1.00); border-left-color: hsla(359, 77.59%, 52.41%, 1.00);"},"main_hover":{"styleLess":"box-shadow: 0 0 2px 0 hsla(0, 0.00%, 0.00%, 0.05);"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/648aab0a24d7794b9896e029/648aac84c71a42436f5ad922_ooorganize.svg","siteId":"648aab0a24d7794b9896e029","width":800,"isHD":false,"height":800,"fileName":"648aac84c71a42436f5ad922_ooorganize.svg","createdOn":"2023-06-15T06:15:32.913Z","origFileName":"ooorganize.svg","fileHash":"66b0105079469edc498d2784f03d7136","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/648aab0a24d7794b9896e029/648aac84c71a42436f5ad922_ooorganize.svg","thumbUrl":"https://cdn.prod.website-files.com/648aab0a24d7794b9896e029/648aac84c71a42436f5ad922_ooorganize.svg","_id":"648aac84c71a42436f5ad922","updatedOn":"2023-06-15T06:15:32.913Z","fileSize":60370}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser niet ondersteund. Gebruik
Chrome of Safari.
Chrome of Safari.
Over dit onderdeel
AI-gegenereerd
Beschrijving van onderdeel (gegenereerd door AI)
This component provides a user-friendly interface for logging in after a password reset, ensuring a smooth transition for users who have recently updated their credentials.
Belangrijkste kenmerken:
- Form for email and password input
- Success and error messages for form submission
- Responsive design suitable for various devices
- Customizable styles and classes
- Includes a visual emoji element for a friendly touch
Ontwerpelementen:
- Minimalistic layout with a focus on usability
- Color scheme featuring soft backgrounds and contrasting text
- Rounded corners and subtle shadows for a modern look
- Use of an emoji to enhance user engagement
Potentiële gebruikssituaties:
- Web applications requiring user authentication
- E-commerce sites needing secure login processes
- Membership platforms for user account management
- SaaS products that require user login after password resets
- Blogs or content sites with user accounts
Conclusion: The 'Log In After Password Reset' component is versatile and easy to integrate, making it an excellent choice for any web application that prioritizes user experience and security.
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.