Cargando Componente...
Cargando
Gracias. Voy a actualizar
este proyecto lo antes posible.
este proyecto lo antes posible.
¡Uy! Algo ha ido mal al enviar el formulario.
Cómo activar la autenticación de Google
Cómo activar la autenticación de Facebook
Cómo activar la autenticación de Spotify
Cómo activar la autenticación de Dribbble
Cómo activar la autenticación de Github
Cómo activar la autenticación de LinkedIn
Cómo activar el inicio de sesión sin contraseña
Cómo configurar la validación de contraseñas
Cómo mostrar/ocultar la contraseña
Cómo trabajar con imágenes de perfil
Cómo añadir un flujo de olvido de contraseña
Cómo trabajar con casillas de verificación
Cómo configurar las tablas de precios
Acerca del portal de clientes de Stripe
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"38a9f9b9-efe1-9f9b-f7c1-b3015697da32","type":"Section","tag":"section","classes":["eac8b506-9030-e3a0-b78d-f6dd2044f992"],"children":["d124ffc3-b18a-cf3c-cfbd-4f393affb0ad"],"data":{"grid":{"type":"section"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"d124ffc3-b18a-cf3c-cfbd-4f393affb0ad","type":"FormWrapper","tag":"div","classes":["cdce34e7-d4dc-e09a-6aa9-60d505134295"],"children":["d124ffc3-b18a-cf3c-cfbd-4f393affb0ae","d124ffc3-b18a-cf3c-cfbd-4f393affb0b8","d124ffc3-b18a-cf3c-cfbd-4f393affb0bb"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"d124ffc3-b18a-cf3c-cfbd-4f393affb0ae","type":"FormForm","tag":"form","classes":["8e206601-6c87-1743-d4b9-ea474283ffed"],"children":["479a53ef-4419-ba2d-a8bf-f657bce1dbc7","79d89894-e11a-4bc8-dac1-1043ec6409da"],"data":{"form":{"type":"form","name":"signup"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"forgot-password"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"/step-2","data-redirect":"/step-2","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"479a53ef-4419-ba2d-a8bf-f657bce1dbc7","type":"Block","tag":"div","classes":["faf74dc6-925f-25f9-9480-44c2ce3e9f57"],"children":["5294a6d6-660c-af32-c2d1-ad3fb6fe4029","d124ffc3-b18a-cf3c-cfbd-4f393affb0af","d124ffc3-b18a-cf3c-cfbd-4f393affb0b1","44f270d5-72b0-d533-5cf9-f48c0dd8c690","d124ffc3-b18a-cf3c-cfbd-4f393affb0b6"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5294a6d6-660c-af32-c2d1-ad3fb6fe4029","type":"Block","tag":"div","classes":["32901106-c87d-4b0e-a0a4-eed8e0020979"],"children":["258e8297-5e77-d5f9-98ec-7e13b0232246"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"258e8297-5e77-d5f9-98ec-7e13b0232246","type":"Block","tag":"div","classes":[],"children":["258e8297-5e77-d5f9-98ec-7e13b0232247"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"258e8297-5e77-d5f9-98ec-7e13b0232247","text":true,"v":"🤔"},{"_id":"d124ffc3-b18a-cf3c-cfbd-4f393affb0af","type":"Heading","tag":"h1","classes":["b6a8e600-dc63-9c29-8bd4-6a0fb9888772"],"children":["d124ffc3-b18a-cf3c-cfbd-4f393affb0b0"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"d124ffc3-b18a-cf3c-cfbd-4f393affb0b0","text":true,"v":"Forgot password?"},{"_id":"d124ffc3-b18a-cf3c-cfbd-4f393affb0b1","type":"Block","tag":"div","classes":[],"children":["d124ffc3-b18a-cf3c-cfbd-4f393affb0b2","e773a54c-f3f6-e5c0-ed33-2af2cf33d426","5a9bb668-ee46-d5d0-0363-6a93ace46af0"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d124ffc3-b18a-cf3c-cfbd-4f393affb0b2","text":true,"v":"No worries, we'll send you "},{"_id":"e773a54c-f3f6-e5c0-ed33-2af2cf33d426","type":"Span","tag":"span","classes":["372d2beb-3497-1eb2-0670-b1c2015c83e2"],"children":["fe32a084-518d-4051-af4c-10188b231810"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"fe32a084-518d-4051-af4c-10188b231810","text":true,"v":"reset instructions"},{"_id":"5a9bb668-ee46-d5d0-0363-6a93ace46af0","text":true,"v":"."},{"_id":"44f270d5-72b0-d533-5cf9-f48c0dd8c690","type":"Block","tag":"div","classes":["df0b8820-2861-973b-7624-bf15d2f78f33"],"children":[],"data":{"text":false,"tag":"div"}},{"_id":"d124ffc3-b18a-cf3c-cfbd-4f393affb0b6","type":"FormTextInput","tag":"input","classes":["b7a34419-9d66-2f1f-160f-5ae1f21c6945"],"children":[],"data":{"attr":{"id":"Email-3","name":"Email-3","maxlength":256,"data-name":"Email 3","placeholder":"e.g. howard.thurman@gmail.com","disabled":false,"type":"email","required":true,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"email"}],"form":{"name":"Email 3","type":"input","passwordPage":false}}},{"_id":"79d89894-e11a-4bc8-dac1-1043ec6409da","type":"Block","tag":"div","classes":["4b02109a-842f-613c-1be5-1b7708a14531"],"children":["b7e0f504-110a-d0de-fff0-7233fd25f251","d124ffc3-b18a-cf3c-cfbd-4f393affb0b7"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b7e0f504-110a-d0de-fff0-7233fd25f251","type":"Link","tag":"a","classes":["05dd74de-bb16-772c-5cfb-2d65a53800e6","b47bf5d0-4caa-df84-be9f-d511c7e32e11"],"children":["b7e0f504-110a-d0de-fff0-7233fd25f252"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"/log-in"}}},{"_id":"b7e0f504-110a-d0de-fff0-7233fd25f252","text":true,"v":"Cancel"},{"_id":"d124ffc3-b18a-cf3c-cfbd-4f393affb0b7","type":"FormButton","tag":"input","classes":["05dd74de-bb16-772c-5cfb-2d65a53800e6"],"children":[],"data":{"attr":{"type":"submit","value":"Reset password","data-wait":"Please wait..."},"form":{"type":"button","wait":"Please wait..."}}},{"_id":"d124ffc3-b18a-cf3c-cfbd-4f393affb0b8","type":"FormSuccessMessage","tag":"div","classes":[],"children":["d124ffc3-b18a-cf3c-cfbd-4f393affb0b9"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"d124ffc3-b18a-cf3c-cfbd-4f393affb0b9","type":"Block","tag":"div","classes":[],"children":["d124ffc3-b18a-cf3c-cfbd-4f393affb0ba"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d124ffc3-b18a-cf3c-cfbd-4f393affb0ba","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"d124ffc3-b18a-cf3c-cfbd-4f393affb0bb","type":"FormErrorMessage","tag":"div","classes":[],"children":["d124ffc3-b18a-cf3c-cfbd-4f393affb0bc"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"d124ffc3-b18a-cf3c-cfbd-4f393affb0bc","type":"Block","tag":"div","classes":[],"children":["d124ffc3-b18a-cf3c-cfbd-4f393affb0bd"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d124ffc3-b18a-cf3c-cfbd-4f393affb0bd","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":"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":"b47bf5d0-4caa-df84-be9f-d511c7e32e11","fake":false,"type":"class","name":"secondary","namespace":"","comb":"&","styleLess":"border-top-color: hsla(0, 0.00%, 90.00%, 1.00); border-right-color: hsla(0, 0.00%, 90.00%, 1.00); border-bottom-color: hsla(0, 0.00%, 90.00%, 1.00); border-left-color: hsla(0, 0.00%, 90.00%, 1.00); background-color: transparent; color: hsla(0, 0.00%, 26.67%, 1.00);","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}}
Clonar en Webflow
Componente de copia
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"38a9f9b9-efe1-9f9b-f7c1-b3015697da32","type":"Section","tag":"section","classes":["eac8b506-9030-e3a0-b78d-f6dd2044f992"],"children":["d124ffc3-b18a-cf3c-cfbd-4f393affb0ad"],"data":{"grid":{"type":"section"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"d124ffc3-b18a-cf3c-cfbd-4f393affb0ad","type":"FormWrapper","tag":"div","classes":["cdce34e7-d4dc-e09a-6aa9-60d505134295"],"children":["d124ffc3-b18a-cf3c-cfbd-4f393affb0ae","d124ffc3-b18a-cf3c-cfbd-4f393affb0b8","d124ffc3-b18a-cf3c-cfbd-4f393affb0bb"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"d124ffc3-b18a-cf3c-cfbd-4f393affb0ae","type":"FormForm","tag":"form","classes":["8e206601-6c87-1743-d4b9-ea474283ffed"],"children":["479a53ef-4419-ba2d-a8bf-f657bce1dbc7","79d89894-e11a-4bc8-dac1-1043ec6409da"],"data":{"form":{"type":"form","name":"signup"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"forgot-password"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"/step-2","data-redirect":"/step-2","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"479a53ef-4419-ba2d-a8bf-f657bce1dbc7","type":"Block","tag":"div","classes":["faf74dc6-925f-25f9-9480-44c2ce3e9f57"],"children":["5294a6d6-660c-af32-c2d1-ad3fb6fe4029","d124ffc3-b18a-cf3c-cfbd-4f393affb0af","d124ffc3-b18a-cf3c-cfbd-4f393affb0b1","44f270d5-72b0-d533-5cf9-f48c0dd8c690","d124ffc3-b18a-cf3c-cfbd-4f393affb0b6"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5294a6d6-660c-af32-c2d1-ad3fb6fe4029","type":"Block","tag":"div","classes":["32901106-c87d-4b0e-a0a4-eed8e0020979"],"children":["258e8297-5e77-d5f9-98ec-7e13b0232246"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"258e8297-5e77-d5f9-98ec-7e13b0232246","type":"Block","tag":"div","classes":[],"children":["258e8297-5e77-d5f9-98ec-7e13b0232247"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"258e8297-5e77-d5f9-98ec-7e13b0232247","text":true,"v":"🤔"},{"_id":"d124ffc3-b18a-cf3c-cfbd-4f393affb0af","type":"Heading","tag":"h1","classes":["b6a8e600-dc63-9c29-8bd4-6a0fb9888772"],"children":["d124ffc3-b18a-cf3c-cfbd-4f393affb0b0"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"d124ffc3-b18a-cf3c-cfbd-4f393affb0b0","text":true,"v":"Forgot password?"},{"_id":"d124ffc3-b18a-cf3c-cfbd-4f393affb0b1","type":"Block","tag":"div","classes":[],"children":["d124ffc3-b18a-cf3c-cfbd-4f393affb0b2","e773a54c-f3f6-e5c0-ed33-2af2cf33d426","5a9bb668-ee46-d5d0-0363-6a93ace46af0"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d124ffc3-b18a-cf3c-cfbd-4f393affb0b2","text":true,"v":"No worries, we'll send you "},{"_id":"e773a54c-f3f6-e5c0-ed33-2af2cf33d426","type":"Span","tag":"span","classes":["372d2beb-3497-1eb2-0670-b1c2015c83e2"],"children":["fe32a084-518d-4051-af4c-10188b231810"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"fe32a084-518d-4051-af4c-10188b231810","text":true,"v":"reset instructions"},{"_id":"5a9bb668-ee46-d5d0-0363-6a93ace46af0","text":true,"v":"."},{"_id":"44f270d5-72b0-d533-5cf9-f48c0dd8c690","type":"Block","tag":"div","classes":["df0b8820-2861-973b-7624-bf15d2f78f33"],"children":[],"data":{"text":false,"tag":"div"}},{"_id":"d124ffc3-b18a-cf3c-cfbd-4f393affb0b6","type":"FormTextInput","tag":"input","classes":["b7a34419-9d66-2f1f-160f-5ae1f21c6945"],"children":[],"data":{"attr":{"id":"Email-3","name":"Email-3","maxlength":256,"data-name":"Email 3","placeholder":"e.g. howard.thurman@gmail.com","disabled":false,"type":"email","required":true,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"email"}],"form":{"name":"Email 3","type":"input","passwordPage":false}}},{"_id":"79d89894-e11a-4bc8-dac1-1043ec6409da","type":"Block","tag":"div","classes":["4b02109a-842f-613c-1be5-1b7708a14531"],"children":["b7e0f504-110a-d0de-fff0-7233fd25f251","d124ffc3-b18a-cf3c-cfbd-4f393affb0b7"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b7e0f504-110a-d0de-fff0-7233fd25f251","type":"Link","tag":"a","classes":["05dd74de-bb16-772c-5cfb-2d65a53800e6","b47bf5d0-4caa-df84-be9f-d511c7e32e11"],"children":["b7e0f504-110a-d0de-fff0-7233fd25f252"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"/log-in"}}},{"_id":"b7e0f504-110a-d0de-fff0-7233fd25f252","text":true,"v":"Cancel"},{"_id":"d124ffc3-b18a-cf3c-cfbd-4f393affb0b7","type":"FormButton","tag":"input","classes":["05dd74de-bb16-772c-5cfb-2d65a53800e6"],"children":[],"data":{"attr":{"type":"submit","value":"Reset password","data-wait":"Please wait..."},"form":{"type":"button","wait":"Please wait..."}}},{"_id":"d124ffc3-b18a-cf3c-cfbd-4f393affb0b8","type":"FormSuccessMessage","tag":"div","classes":[],"children":["d124ffc3-b18a-cf3c-cfbd-4f393affb0b9"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"d124ffc3-b18a-cf3c-cfbd-4f393affb0b9","type":"Block","tag":"div","classes":[],"children":["d124ffc3-b18a-cf3c-cfbd-4f393affb0ba"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d124ffc3-b18a-cf3c-cfbd-4f393affb0ba","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"d124ffc3-b18a-cf3c-cfbd-4f393affb0bb","type":"FormErrorMessage","tag":"div","classes":[],"children":["d124ffc3-b18a-cf3c-cfbd-4f393affb0bc"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"d124ffc3-b18a-cf3c-cfbd-4f393affb0bc","type":"Block","tag":"div","classes":[],"children":["d124ffc3-b18a-cf3c-cfbd-4f393affb0bd"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d124ffc3-b18a-cf3c-cfbd-4f393affb0bd","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":"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":"b47bf5d0-4caa-df84-be9f-d511c7e32e11","fake":false,"type":"class","name":"secondary","namespace":"","comb":"&","styleLess":"border-top-color: hsla(0, 0.00%, 90.00%, 1.00); border-right-color: hsla(0, 0.00%, 90.00%, 1.00); border-bottom-color: hsla(0, 0.00%, 90.00%, 1.00); border-left-color: hsla(0, 0.00%, 90.00%, 1.00); background-color: transparent; color: hsla(0, 0.00%, 26.67%, 1.00);","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}}
Navegador no compatible. Utilice
Chrome o Safari.
Chrome o Safari.
Acerca de este componente
Generado por IA
Descripción del componente (generada por AI)
This component provides a user-friendly interface for password recovery, allowing users to request reset instructions via email. It features a clean design and straightforward functionality.
Características principales:
- Email input field for password reset requests
- Success and error messages for user feedback
- Cancel link to redirect to login page
- Diseño adaptable a varios dispositivos
Elementos de diseño:
- Modern and minimalistic layout
- Red color scheme for buttons and highlights
- Clear typography with a focus on readability
- Use of emojis to enhance user engagement
- Soft shadows and rounded corners for a friendly appearance
Posibles casos de uso:
- E-commerce websites needing secure user account management
- SaaS platforms requiring user authentication and password recovery
- Membership sites where user access is critical
- Blogs or content sites with user accounts
- Mobile applications that require web-based authentication
Conclusion: The Red Forgot Password (Step 1) component is a versatile and visually appealing solution for any website needing a password recovery feature, enhancing user experience and security.
Empezar a construir
Empieza a construir tus sueños
Memberstack es 100% gratis hasta que estés listo para lanzarla - así que, ¿a qué estás esperando? Crea tu primera aplicación y empieza a construir hoy mismo.