Loading Component...

Loading

More Components

View All
Oops! Something went wrong while submitting the form.
Product Email Form
{"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}}
Clone in Webflow
Copy Component
{"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}}
Browser not supported. Use
CC Chrome or SS Safari.

About this component

AI Generated

Component Description (Generated by AI)

The Product Email Form is designed to facilitate email updates for users, allowing them to change their email address easily. It includes user-friendly input fields and clear messaging for submission success or failure.

Key Features:

  • Email input field with validation
  • Submit button with a waiting message
  • Success and error messages displayed after form submission
  • Responsive design suitable for various devices

Design Elements:

  • Clean and modern layout
  • Use of flexible containers for responsiveness
  • Colorful button with hover effects
  • Clear typography for labels and messages

Potential Use Cases:

  • E-commerce websites for user account management
  • Membership platforms requiring email updates
  • Newsletters and subscription services
  • Any business needing to collect or update user emails

Conclusion: The Product Email Form is a versatile and essential component for any website that requires user email management, combining functionality with an appealing design.

Similar Components

View All