Concurso: Cree una aplicación SaaS entre el 29 de mayo y el 14 de junio y tenga la oportunidad de ganar premios en metálico, planes gratuitos y mucho más.
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":"a374072c-4b13-2bfb-283e-3621e057cac0","type":"FormWrapper","tag":"div","classes":["042cb3bc-ca0d-8205-3f03-625cbbe29cd8"],"children":["a374072c-4b13-2bfb-283e-3621e057cac1","a374072c-4b13-2bfb-283e-3621e057cae3","a374072c-4b13-2bfb-283e-3621e057cae6"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]},"form":{"type":"wrapper"}}},{"_id":"a374072c-4b13-2bfb-283e-3621e057cac1","type":"FormForm","tag":"form","classes":["9a5774bb-85fc-1bf6-9996-1436dfd68ad2"],"children":["a374072c-4b13-2bfb-283e-3621e057cac2","a374072c-4b13-2bfb-283e-3621e057cad0"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"email"}],"displayName":"","attr":{"id":"wf-form-Email-Form-2","name":"wf-form-Email-Form-2","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"a374072c-4b13-2bfb-283e-3621e057cac2","type":"Block","tag":"div","classes":["ed6ecb37-4be4-732a-d559-d4ca09e09f6f"],"children":["a374072c-4b13-2bfb-283e-3621e057cac3","a374072c-4b13-2bfb-283e-3621e057cac8"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a374072c-4b13-2bfb-283e-3621e057cac3","type":"Block","tag":"div","classes":[],"children":["b2cfd3d7-3e5f-755a-3707-26c4ce399642"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b2cfd3d7-3e5f-755a-3707-26c4ce399642","type":"Block","tag":"div","classes":["ed6ecb37-4be4-732a-d559-d4ca09e09f4a"],"children":["b2cfd3d7-3e5f-755a-3707-26c4ce399643"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b2cfd3d7-3e5f-755a-3707-26c4ce399643","text":true,"v":"Change your email"},{"_id":"a374072c-4b13-2bfb-283e-3621e057cac8","type":"FormButton","tag":"input","classes":["1045399b-abfb-0941-8ee2-5cd0d4b94997","e04598ef-1ffc-c4c5-efdb-16a586ab5d32"],"children":[],"data":{"displayName":"","attr":{"id":"","type":"submit","value":"Update Email","data-wait":"Please wait..."},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"button","wait":"Please wait..."}}},{"_id":"a374072c-4b13-2bfb-283e-3621e057cad0","type":"Block","tag":"div","classes":["ed6ecb37-4be4-732a-d559-d4ca09e09f6c"],"children":["a374072c-4b13-2bfb-283e-3621e057cad1","a374072c-4b13-2bfb-283e-3621e057cad4"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a374072c-4b13-2bfb-283e-3621e057cad1","type":"FormBlockLabel","tag":"label","classes":["ed6ecb37-4be4-732a-d559-d4ca09e09f68"],"children":["a374072c-4b13-2bfb-283e-3621e057cad2","a374072c-4b13-2bfb-283e-3621e057cad3"],"data":{"displayName":"","attr":{"id":"","for":"name"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"label"}}},{"_id":"a374072c-4b13-2bfb-283e-3621e057cad2","text":true,"v":"Email Address"},{"_id":"a374072c-4b13-2bfb-283e-3621e057cad3","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"a374072c-4b13-2bfb-283e-3621e057cad4","type":"Block","tag":"div","classes":["ed6ecb37-4be4-732a-d559-d4ca09e09f49"],"children":["b2cfd3d7-3e5f-755a-3707-26c4ce399647","a374072c-4b13-2bfb-283e-3621e057cad6"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b2cfd3d7-3e5f-755a-3707-26c4ce399647","type":"FormTextInput","tag":"input","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949b2"],"children":[],"data":{"displayName":"","attr":{"id":"Email-5","name":"Email","maxlength":256,"data-name":"Email","placeholder":"","disabled":false,"type":"email","required":true,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"Email","type":"input","passwordPage":false}}},{"_id":"a374072c-4b13-2bfb-283e-3621e057cad6","type":"Block","tag":"div","classes":[],"children":["a374072c-4b13-2bfb-283e-3621e057cad7"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a374072c-4b13-2bfb-283e-3621e057cad7","type":"Span","tag":"span","classes":["ed6ecb37-4be4-732a-d559-d4ca09e09f6b"],"children":["a374072c-4b13-2bfb-283e-3621e057cad8"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a374072c-4b13-2bfb-283e-3621e057cad8","text":true,"v":"Any social login connections will be removed."},{"_id":"a374072c-4b13-2bfb-283e-3621e057cae3","type":"FormSuccessMessage","tag":"div","classes":[],"children":["a374072c-4b13-2bfb-283e-3621e057cae4"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-done"}}},{"_id":"a374072c-4b13-2bfb-283e-3621e057cae4","type":"Block","tag":"div","classes":[],"children":["a374072c-4b13-2bfb-283e-3621e057cae5"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a374072c-4b13-2bfb-283e-3621e057cae5","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"a374072c-4b13-2bfb-283e-3621e057cae6","type":"FormErrorMessage","tag":"div","classes":[],"children":["a374072c-4b13-2bfb-283e-3621e057cae7"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-fail"}}},{"_id":"a374072c-4b13-2bfb-283e-3621e057cae7","type":"Block","tag":"div","classes":[],"children":["a374072c-4b13-2bfb-283e-3621e057cae8"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a374072c-4b13-2bfb-283e-3621e057cae8","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"e04598ef-1ffc-c4c5-efdb-16a586ab5d32","fake":false,"type":"class","name":"auto","namespace":"","comb":"&","styleLess":"width: auto;","variants":{},"children":["418f7e65-6ce4-9e28-801b-0d1cbb9961f3"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"ed6ecb37-4be4-732a-d559-d4ca09e09f4a","fake":false,"type":"class","name":"profile-h1","namespace":"","comb":"","styleLess":"font-size: 1.2rem; line-height: 150%; font-weight: 700;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"9a5774bb-85fc-1bf6-9996-1436dfd68ad2","fake":false,"type":"class","name":"memberstack-form","namespace":"","comb":"","styleLess":"position: relative; z-index: 1;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b94997","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; height: 40px; padding-top: 0.5em; padding-right: 1em; padding-bottom: 0.5em; padding-left: 1em; justify-content: center; align-items: center; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(280.61538461538464, 69.15%, 36.86%, 1.00); box-shadow: 0 1px 20px 0 hsla(0, 0.00%, 13.33%, 0.16); transition-property: background-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: white; font-weight: 400;","variants":{"main_hover":{"styleLess":"background-color: hsla(273, 72.31%, 26.70%, 1.00); box-shadow: 0 5px 30px 0 hsla(0, 0.00%, 13.33%, 0.16);"}},"children":["d7b634b9-0a21-697b-7b06-b8c259d19c95","e04598ef-1ffc-c4c5-efdb-16a586ab5d32","60201808-868b-4256-196e-03775ceca4af","875c9608-19b8-72f6-7ddf-23dfd3dd3672","2cb275c0-4f35-27cd-d240-7128e5df8295"],"selector":null},{"_id":"ed6ecb37-4be4-732a-d559-d4ca09e09f6f","fake":false,"type":"class","name":"profile_form-header","namespace":"","comb":"","styleLess":"position: sticky; top: 0px; display: flex; height: 70px; margin-bottom: 2rem; padding-top: 1.5rem; justify-content: space-between; align-items: center;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"ed6ecb37-4be4-732a-d559-d4ca09e09f68","fake":false,"type":"class","name":"profile-label","namespace":"","comb":"","styleLess":"width: 200px; padding-top: 9px; padding-right: 2rem; flex-grow: 0; flex-shrink: 0; flex-basis: auto; font-size: 0.9rem; line-height: 1; font-weight: 700; text-align: right;","variants":{"small":{"styleLess":"width: 100px; padding-right: 1rem;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"042cb3bc-ca0d-8205-3f03-625cbbe29cd8","fake":false,"type":"class","name":"no-margin","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"ed6ecb37-4be4-732a-d559-d4ca09e09f49","fake":false,"type":"class","name":"profile-input-wrapper","namespace":"","comb":"","styleLess":"width: 100%; min-height: 30px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"ed6ecb37-4be4-732a-d559-d4ca09e09f6c","fake":false,"type":"class","name":"profile-row","namespace":"","comb":"","styleLess":"display: flex; padding-top: 1.3rem; padding-bottom: 1.3rem; border-top-style: solid; border-top-width: 0.5px; border-top-color: hsla(226.1538461538461, 20.63%, 87.65%, 1.00);","variants":{},"children":["9462645c-7db3-f036-359c-d9e8a2c6c233"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b949b2","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 40px; margin-bottom: 0px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(209.9999999999999, 51.44%, 94.51%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(209.9999999999999, 51.44%, 94.51%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(209.9999999999999, 51.44%, 94.51%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(209.9999999999999, 51.44%, 94.51%, 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(209.9999999999999, 51.44%, 94.51%, 1.00); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(0, 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(280.61538461538464, 69.15%, 36.86%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(280.61538461538464, 69.15%, 36.86%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(280.61538461538464, 69.15%, 36.86%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(280.61538461538464, 69.15%, 36.86%, 1.00); background-color: white;"},"main_placeholder":{"styleLess":"color: hsla(204.44444444444443, 19.42%, 27.25%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(280.61538461538464, 69.15%, 36.86%, 0.50); border-right-color: hsla(280.61538461538464, 69.15%, 36.86%, 0.50); border-bottom-color: hsla(280.61538461538464, 69.15%, 36.86%, 0.50); border-left-color: hsla(280.61538461538464, 69.15%, 36.86%, 0.50); background-color: hsla(209.9999999999999, 44.44%, 96.47%, 0.50);"}},"children":["4c8d5083-a05a-b97f-8dd9-5a5ef820c52d"],"selector":null},{"_id":"ed6ecb37-4be4-732a-d559-d4ca09e09f6b","fake":false,"type":"class","name":"profile_label-sub","namespace":"","comb":"","styleLess":"display: block; margin-top: 0.3rem; color: hsla(0, 0.00%, 52.55%, 1.00); font-size: 0.8rem; font-weight: 400;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[],"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":"a374072c-4b13-2bfb-283e-3621e057cac0","type":"FormWrapper","tag":"div","classes":["042cb3bc-ca0d-8205-3f03-625cbbe29cd8"],"children":["a374072c-4b13-2bfb-283e-3621e057cac1","a374072c-4b13-2bfb-283e-3621e057cae3","a374072c-4b13-2bfb-283e-3621e057cae6"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]},"form":{"type":"wrapper"}}},{"_id":"a374072c-4b13-2bfb-283e-3621e057cac1","type":"FormForm","tag":"form","classes":["9a5774bb-85fc-1bf6-9996-1436dfd68ad2"],"children":["a374072c-4b13-2bfb-283e-3621e057cac2","a374072c-4b13-2bfb-283e-3621e057cad0"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"email"}],"displayName":"","attr":{"id":"wf-form-Email-Form-2","name":"wf-form-Email-Form-2","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"a374072c-4b13-2bfb-283e-3621e057cac2","type":"Block","tag":"div","classes":["ed6ecb37-4be4-732a-d559-d4ca09e09f6f"],"children":["a374072c-4b13-2bfb-283e-3621e057cac3","a374072c-4b13-2bfb-283e-3621e057cac8"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a374072c-4b13-2bfb-283e-3621e057cac3","type":"Block","tag":"div","classes":[],"children":["b2cfd3d7-3e5f-755a-3707-26c4ce399642"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b2cfd3d7-3e5f-755a-3707-26c4ce399642","type":"Block","tag":"div","classes":["ed6ecb37-4be4-732a-d559-d4ca09e09f4a"],"children":["b2cfd3d7-3e5f-755a-3707-26c4ce399643"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b2cfd3d7-3e5f-755a-3707-26c4ce399643","text":true,"v":"Change your email"},{"_id":"a374072c-4b13-2bfb-283e-3621e057cac8","type":"FormButton","tag":"input","classes":["1045399b-abfb-0941-8ee2-5cd0d4b94997","e04598ef-1ffc-c4c5-efdb-16a586ab5d32"],"children":[],"data":{"displayName":"","attr":{"id":"","type":"submit","value":"Update Email","data-wait":"Please wait..."},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"button","wait":"Please wait..."}}},{"_id":"a374072c-4b13-2bfb-283e-3621e057cad0","type":"Block","tag":"div","classes":["ed6ecb37-4be4-732a-d559-d4ca09e09f6c"],"children":["a374072c-4b13-2bfb-283e-3621e057cad1","a374072c-4b13-2bfb-283e-3621e057cad4"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a374072c-4b13-2bfb-283e-3621e057cad1","type":"FormBlockLabel","tag":"label","classes":["ed6ecb37-4be4-732a-d559-d4ca09e09f68"],"children":["a374072c-4b13-2bfb-283e-3621e057cad2","a374072c-4b13-2bfb-283e-3621e057cad3"],"data":{"displayName":"","attr":{"id":"","for":"name"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"label"}}},{"_id":"a374072c-4b13-2bfb-283e-3621e057cad2","text":true,"v":"Email Address"},{"_id":"a374072c-4b13-2bfb-283e-3621e057cad3","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"a374072c-4b13-2bfb-283e-3621e057cad4","type":"Block","tag":"div","classes":["ed6ecb37-4be4-732a-d559-d4ca09e09f49"],"children":["b2cfd3d7-3e5f-755a-3707-26c4ce399647","a374072c-4b13-2bfb-283e-3621e057cad6"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b2cfd3d7-3e5f-755a-3707-26c4ce399647","type":"FormTextInput","tag":"input","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949b2"],"children":[],"data":{"displayName":"","attr":{"id":"Email-5","name":"Email","maxlength":256,"data-name":"Email","placeholder":"","disabled":false,"type":"email","required":true,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"Email","type":"input","passwordPage":false}}},{"_id":"a374072c-4b13-2bfb-283e-3621e057cad6","type":"Block","tag":"div","classes":[],"children":["a374072c-4b13-2bfb-283e-3621e057cad7"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a374072c-4b13-2bfb-283e-3621e057cad7","type":"Span","tag":"span","classes":["ed6ecb37-4be4-732a-d559-d4ca09e09f6b"],"children":["a374072c-4b13-2bfb-283e-3621e057cad8"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a374072c-4b13-2bfb-283e-3621e057cad8","text":true,"v":"Any social login connections will be removed."},{"_id":"a374072c-4b13-2bfb-283e-3621e057cae3","type":"FormSuccessMessage","tag":"div","classes":[],"children":["a374072c-4b13-2bfb-283e-3621e057cae4"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-done"}}},{"_id":"a374072c-4b13-2bfb-283e-3621e057cae4","type":"Block","tag":"div","classes":[],"children":["a374072c-4b13-2bfb-283e-3621e057cae5"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a374072c-4b13-2bfb-283e-3621e057cae5","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"a374072c-4b13-2bfb-283e-3621e057cae6","type":"FormErrorMessage","tag":"div","classes":[],"children":["a374072c-4b13-2bfb-283e-3621e057cae7"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-fail"}}},{"_id":"a374072c-4b13-2bfb-283e-3621e057cae7","type":"Block","tag":"div","classes":[],"children":["a374072c-4b13-2bfb-283e-3621e057cae8"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a374072c-4b13-2bfb-283e-3621e057cae8","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"e04598ef-1ffc-c4c5-efdb-16a586ab5d32","fake":false,"type":"class","name":"auto","namespace":"","comb":"&","styleLess":"width: auto;","variants":{},"children":["418f7e65-6ce4-9e28-801b-0d1cbb9961f3"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"ed6ecb37-4be4-732a-d559-d4ca09e09f4a","fake":false,"type":"class","name":"profile-h1","namespace":"","comb":"","styleLess":"font-size: 1.2rem; line-height: 150%; font-weight: 700;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"9a5774bb-85fc-1bf6-9996-1436dfd68ad2","fake":false,"type":"class","name":"memberstack-form","namespace":"","comb":"","styleLess":"position: relative; z-index: 1;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b94997","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; height: 40px; padding-top: 0.5em; padding-right: 1em; padding-bottom: 0.5em; padding-left: 1em; justify-content: center; align-items: center; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(280.61538461538464, 69.15%, 36.86%, 1.00); box-shadow: 0 1px 20px 0 hsla(0, 0.00%, 13.33%, 0.16); transition-property: background-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: white; font-weight: 400;","variants":{"main_hover":{"styleLess":"background-color: hsla(273, 72.31%, 26.70%, 1.00); box-shadow: 0 5px 30px 0 hsla(0, 0.00%, 13.33%, 0.16);"}},"children":["d7b634b9-0a21-697b-7b06-b8c259d19c95","e04598ef-1ffc-c4c5-efdb-16a586ab5d32","60201808-868b-4256-196e-03775ceca4af","875c9608-19b8-72f6-7ddf-23dfd3dd3672","2cb275c0-4f35-27cd-d240-7128e5df8295"],"selector":null},{"_id":"ed6ecb37-4be4-732a-d559-d4ca09e09f6f","fake":false,"type":"class","name":"profile_form-header","namespace":"","comb":"","styleLess":"position: sticky; top: 0px; display: flex; height: 70px; margin-bottom: 2rem; padding-top: 1.5rem; justify-content: space-between; align-items: center;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"ed6ecb37-4be4-732a-d559-d4ca09e09f68","fake":false,"type":"class","name":"profile-label","namespace":"","comb":"","styleLess":"width: 200px; padding-top: 9px; padding-right: 2rem; flex-grow: 0; flex-shrink: 0; flex-basis: auto; font-size: 0.9rem; line-height: 1; font-weight: 700; text-align: right;","variants":{"small":{"styleLess":"width: 100px; padding-right: 1rem;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"042cb3bc-ca0d-8205-3f03-625cbbe29cd8","fake":false,"type":"class","name":"no-margin","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"ed6ecb37-4be4-732a-d559-d4ca09e09f49","fake":false,"type":"class","name":"profile-input-wrapper","namespace":"","comb":"","styleLess":"width: 100%; min-height: 30px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"ed6ecb37-4be4-732a-d559-d4ca09e09f6c","fake":false,"type":"class","name":"profile-row","namespace":"","comb":"","styleLess":"display: flex; padding-top: 1.3rem; padding-bottom: 1.3rem; border-top-style: solid; border-top-width: 0.5px; border-top-color: hsla(226.1538461538461, 20.63%, 87.65%, 1.00);","variants":{},"children":["9462645c-7db3-f036-359c-d9e8a2c6c233"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b949b2","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 40px; margin-bottom: 0px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(209.9999999999999, 51.44%, 94.51%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(209.9999999999999, 51.44%, 94.51%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(209.9999999999999, 51.44%, 94.51%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(209.9999999999999, 51.44%, 94.51%, 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(209.9999999999999, 51.44%, 94.51%, 1.00); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(0, 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(280.61538461538464, 69.15%, 36.86%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(280.61538461538464, 69.15%, 36.86%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(280.61538461538464, 69.15%, 36.86%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(280.61538461538464, 69.15%, 36.86%, 1.00); background-color: white;"},"main_placeholder":{"styleLess":"color: hsla(204.44444444444443, 19.42%, 27.25%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(280.61538461538464, 69.15%, 36.86%, 0.50); border-right-color: hsla(280.61538461538464, 69.15%, 36.86%, 0.50); border-bottom-color: hsla(280.61538461538464, 69.15%, 36.86%, 0.50); border-left-color: hsla(280.61538461538464, 69.15%, 36.86%, 0.50); background-color: hsla(209.9999999999999, 44.44%, 96.47%, 0.50);"}},"children":["4c8d5083-a05a-b97f-8dd9-5a5ef820c52d"],"selector":null},{"_id":"ed6ecb37-4be4-732a-d559-d4ca09e09f6b","fake":false,"type":"class","name":"profile_label-sub","namespace":"","comb":"","styleLess":"display: block; margin-top: 0.3rem; color: hsla(0, 0.00%, 52.55%, 1.00); font-size: 0.8rem; font-weight: 400;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[],"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)
El formulario de correo electrónico del producto está diseñado para facilitar las actualizaciones de correo electrónico de los usuarios, permitiéndoles cambiar fácilmente su dirección de correo electrónico. Incluye campos de entrada fáciles de usar y mensajes claros sobre el éxito o el fracaso del envío.
Características principales:
- Campo de entrada de correo electrónico con validación
- Mensajes de éxito y error mostrados tras el envío del formulario
- Diseño adaptable a varios dispositivos
Elementos de diseño:
- Diseño limpio y moderno
- Uso de contenedores flexibles para la capacidad de respuesta
- Botón de colores con efectos hover
- Tipografía clara para etiquetas y mensajes
Posibles casos de uso:
- Sitios web de comercio electrónico para la gestión de cuentas de usuario
- Plataformas de afiliación que requieren actualizaciones por correo electrónico
- Boletines y servicios de suscripción
- Cualquier empresa que necesite recopilar o actualizar correos electrónicos de usuarios
Conclusión: El formulario de correo electrónico de producto es un componente versátil y esencial para cualquier sitio web que requiera la gestión del correo electrónico de los usuarios, ya que combina funcionalidad con un diseño atractivo.
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.
.png)
